@charset "utf-8";
/* CSS Document */


body {
    font-family: "apercu",sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #0e0e0e;
    -webkit-font-smoothing: antialiased;
}	
p {
    font-size: 15px !important;
    line-height: 1.8 !important;     font-family: "apercu",sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight:normal;
}
.intro{font-family: "apercu",sans-serif; font-size:26px; font-weight:normal;}
.lead {
    font-size:16px;
    font-weight:normal;
    line-height:1.7;
    margin-bottom: 50px;
}
.mt{margin-top:20px;}


.footer-main-div{
width:100%;
height:auto;
margin:auto;
background:#000;
padding:20px 0px;}

.footer-social-icons{
width:100%;
height:auto;
margin:auto;}
.footer-social-icons ul{margin:0px; padding:0px; text-align:center;}

.footer-social-icons ul li{display:inline-block;
width:32px; height:32px; margin:0px 2px; border-radius:100%;
background:#d9251c;
}
.footer-social-icons ul li a{
color:#fff;
font-size:18px;}

.footer-social-icons ul li a i{line-height:32px;}

.footer-menu-one{width:100%; height:auto; margin:auto;}

.footer-menu-one ul{
margin:0px; padding:0px; text-align:center;}
.footer-menu-one ul li{display:inline-block; margin:15px 0px 0px 20px;}
.footer-menu-one ul li a{font-size:15px; color:#fff; text-transform:uppercase;}

.footer-bottom{width:100%; height:auto; margin:auto; background:#d9251c;
padding:5px;}
.footer-bottom p{font-size:15px; text-align:center; color:#fff;}
.footer-bottom p a{color:#fff;
}

.heading2{font-size:22px; line-height:1.6;}
/* =================================================================== */
/* 2. HEADER
====================================================================== */
#header { z-index: 999; background: #fff; /*width:100%;*/ transition: all 0.4s ease-in-out 0s;}

#info-bar{background: white; color: #707270; padding: 5px 0 3px;}

.top-info ul{ list-style: none; float: right; padding:0; margin: 0;}

.top-info span { font: 13px/28px; padding-right: 15px; }

.top-info span i { font-size: 13px; margin-right: 5px; }

.top-info li{ float:left;}

.top-info li a{
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    height: 25px;
    line-height: 23px;
    margin: 0 2px;
    text-align: center;
    transition: background-color 400ms linear 0s;
    width: 25px;
    background: none repeat scroll 0 0 #bfbfbf;

}
.top-info li:hover a                {color:#fff!important;}
.top-info li:hover a.my-tweet       {background:#3ABDD1;}
.top-info li:hover a.my-facebook    {background:#648CD5;}
.top-info li:hover a.my-skype       {background:#00AFFF;}
.top-info li:hover a.my-pint        {background:#DE5656;}
.top-info li:hover a.my-rss         {background:#EF8D1F;}
.top-info li:hover a.my-google      {background:#E73904;}

.ie8 #header {	border-bottom: 1px solid #e9e9e9;}

.pixel-header{
    height: 50px;
    overflow: hidden;
}

/* Logo
====================================*/

#logo-bar{
    background:#727CB6;
    padding: 0;
}
#logo{
    margin-top: 20px;
}
#logo > h1 {
    margin:0;
    line-height: 0;
    font-size: 0;
}
#logo a img {
    max-width:100%;
    height: auto;
}
.content{
    padding:30px 0 60px;
    position: relative;
}
.sub_content{
    padding: 30px 0;
}

.page_head {
    background:url(../images/page-title-head.png) repeat;
    border-bottom: 3px solid #dcdbd7;
    padding: 36px 0 0px;
    position: relative; margin-top:30px;
}

.page_title{
    margin-top: 60px;
    display: inline-block;
}

.page_title h2 {
    color: #676767;
    float: left;
    font-size: 24px;
    font-weight: 600;
    margin-top: 0;
    text-transform: uppercase;
    border-bottom: 3px solid #d9251c;
    margin: 0;
    padding-bottom: 17px;
    bottom: -3px;
    position: absolute;
}

/* Breadcrumbs
====================================*/
#breadcrumbs{margin-top: 20px; float: right}

#breadcrumbs ul {
    font-size: 12px;
    padding: 0;
    margin: 0;
}

#breadcrumbs ul li {
    display: inline-block;
    color: #888;
    padding: 0 11px 0 0;
    margin: 0 0 0 5px;
    background: url(../images/breadcrumbs.png) no-repeat 100% 55%;
}

#breadcrumbs ul li a { color: #727CB6; }

#breadcrumbs ul li:first-child { padding-right: 0; margin-left: 0; }

#breadcrumbs ul li:first-child,
#breadcrumbs ul li:last-child {
    color: #888;
    background: none;
}

#breadcrumbs ul li:last-child { padding:0; background: none; }


.counter{
    padding-bottom: 25px;
    position: relative;
    z-index: 1;
}

.counter:before,
.counter:after{
    content: '';
    height: 86%;
    width: 160px;
    background-color: #EB4700;
    transform: translateX(-50%) translateY(-50%) rotate(90deg);
    position: absolute;
    left: 50%;
    top: 45%;
    z-index: -1;
}

.counter:after{
    background-color: transparent;
    border-top: 10px dotted #EB4700;
    height: 2px;
    width: 80px;
    transform: translateX(-50%) translateY(0) rotate(0);
    top: auto;
    left: 50%;
    bottom: 0;
}

.counter-content{
    color: #fff;
    background-color: #EB4700;
    text-align: center;
    border: 5px solid #fff;

    margin: 0 auto;
    width: 170px;
    transition: all 0.3s;
}

.counter:hover .counter-content{
    box-shadow: 0 0 10px rgba(0,0,0,0.9);
}

.counter-icon{
    color: #EB4700;
    background-color: #fff;
    font-size: 40px;
    line-height: 70px;
    height: 70px;
    width: 70px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-radius: 50%;
    margin-bottom: 10px;
    display: inline-block;
    transition: all 0.3s;     padding-top: 15px;
}
.counter:hover .counter-icon{
    transform: rotateX(360deg);
}

.counter .counter-value{
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 10px;
    transition: all 0.3s;
}

.counter h3{
    font-size: 15px;

    text-transform: uppercase;
    margin: 0;
    transition: all 0.3s; line-height:1.6;
}

.counter:hover h3{
    text-shadow: 0 0 2px rgba(0,0,0,0.9);
}

.counter.blue .counter-content{ background-color: #1ca2d8; }
.counter.blue:before{ background-color: #1ca2d8; }
.counter.blue:after{ border-top-color: #1ca2d8; }
.counter.blue .counter-icon{ color: #1ca2d8; }

.counter.green .counter-content{ background-color: #46a450; }
.counter.green:before{ background-color: #46a450; }
.counter.green:after{ border-top-color: #46a450; }
.counter.green .counter-icon{ color: #46a450; }

.counter.purple .counter-content{ background-color: #8031d3; }
.counter.purple:before{ background-color: #8031d3; }
.counter.purple:after{ border-top-color: #8031d3; }
.counter.purple .counter-icon{ color: #8031d3; }

@media screen and (max-width:990px){
    .counter{
        margin-bottom: 30px;
    }
}


/* 5. Sidebar & Sidebar Widgets
====================================================================== */
.sidebar .widget {
    display: block;
    float: left;
    height: 100%;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}

.sidebar .widget ul.list_style{
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
}
.sidebar .widget ul.list_style li{
    list-style:none;
    border-bottom:1px solid #f2f2f2;
    font-size: 12px;
    line-height: 20px;
    padding: 8px 2px 8px 12px;
}
.sidebar .list_style li:before
{
    font-family: FontAwesome;
    content: "\f105";
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 8px;
}
.sidebar .widget ul.list_style li a {
    color: #777;
    font-size: 13px;
    line-height: 20px;
}
.sidebar .widget ul.list_style li a:hover {
    color:#727CB6;
}


.email-signature{
    background: #fff;
    font-family: 'Noto Sans', sans-serif;

    padding: 20px 15px 20px 270px;
    margin: 0 auto;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    position: relative;
}

.email-signature:before{
    content: "";
    background: #CD84F1;
    width: 250px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.email-signature .signature-img{
    background: #8854d0;
    width: 240px;

    padding: 10px 10px;
    box-shadow: 0 0 10px #555;
 
    outline-offset: 5px;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 5px;
}

.email-signature .signature-img img{
    width: 100%;
    height: auto;
}

.email-signature .signature-details{
    color: #8854d0;
    margin-bottom: 10px;
}

.email-signature .signature-details:after{
    content: '';
    height: 7px;
    width: 120px;
    margin: 0 0 0 5px;
    border-top: 2px solid #8854d0;
    border-bottom: 3px solid #CD84F1;
    display: block;
    clear: both;
}

.email-signature .title{
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 7px;
}

.email-signature .post{
    color: #8854d0;
    background: linear-gradient(to right,#e9bfff,transparent);
    font-size: 15px;
    text-transform: uppercase;
    padding: 5px 20px;
    margin-bottom: 15px;
    border-radius: 30px;
    display: inline-block;
}

.email-signature .signature-content{
    padding: 0;
    margin: 0 0 0 5px;
    list-style: none;
}

.email-signature .signature-content li{
    color: #000;
    font-size: 15px;
    line-height: 30px;
}

.email-signature .signature-content li span{
    color: #000;
    margin-right: 6px;
}

@media screen and (max-width:576px){
    .email-signature{
        width: 100%;
        padding: 220px 20px 20px;
    }

    .email-signature:before{
        width: 100%;
        height: 200px;
    }

    .email-signature .signature-img{
        left: 50%;
        top: 30px;
        transform: translateY(0) translateX(-50%);
    }

    .email-signature .signature-details,
    .email-signature .signature-content{
        text-align: center;
    }

    .email-signature .signature-details:after{ margin: 0 auto; }
}


.form-horizontal{
    background-color: #fff;
    font-family: 'Blinker', sans-serif;
    text-align: center;
    padding: 20px 10px 20px;

    border: 5px solid #d63031;
    border-radius: 10px;
}

.form-horizontal .form-icon{
    color: #fff;
    background-color: #d63031;
    font-size: 60px;
    line-height: 120px;
    height: 120px;
    width: 130px;
    margin: -80px auto 20px;
    border-radius: 50%;
    box-shadow: 0 0 13px -5px #000;
}

.form-horizontal .form-group{ margin: 0 0 20px; }

.form-horizontal label{
    color: #555;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    padding: 0;
    display: block;
}

.form-horizontal .form-control{
    color: #555;
    font-size: 16px;
    height: 35px;
    padding: 10px 8px 10px 5px;
    border-radius: 5px;
}

.form-control::placeholder{ color: rgba(0,0,0,0.2); }

.form-horizontal .form-control:focus{
    box-shadow: none;
    border: 1px solid #d63031;
}

.form-horizontal .btn{
    color: #fff;
    background-color: #d63031;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    width: 60%;
    padding: 7px 10px;
    margin: 0 auto 15px;
    border: none;
    border-radius: 5px;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.3s;
}

.form-horizontal .btn:hover{ color: #555; }

.form-horizontal .btn:after{
    content: '';
    background-color: #fff;
    height: 100%;
    margin: 0 auto;
    border-radius: 25px;
    transform: translateY(-100%);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: -1;
    transition: all 0.2s;
}

.form-horizontal .btn:hover:after{ transform: translateY(0) scaleX(0.85); }

.form-horizontal .forgot{
    color: #555;
    font-size: 15px;
}

.form-horizontal .forgot:hover{
    color: #d63031;
    text-decoration: none;
}


.our-team{
    text-align: center;
}

.our-team .team_img{
    position: relative;
    overflow: hidden;
}

.our-team .team_img:after{
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.2);
    position: absolute;
    bottom: -100%;
    left: 0;
    transition: all 0.3s ease 0s;
}

.our-team:hover .team_img:after{
    bottom: 0;
}

.our-team img{
    width: 100%;
    height: auto;
}

.our-team .social{
    padding: 0 0 18px 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: -100%;
    right: 10px;
    background: #f76c5e;
    border-radius: 0 0 20px 20px;
    z-index: 1;
    transition: all 0.3s ease 0s;
}

.our-team:hover .social{
    top: 0;
}

.our-team .social li a{
    display: block;
    padding: 15px;
    font-size: 15px;
    color: #fff;
}

.our-team:hover .social li a:hover{
    color: #2a4284;
}

.our-team .team-content{
    padding: 20px 0;
    background: #fff;
}

.our-team .title{
    font-size: 18px;
    font-weight: bold;
    color: #2a4284;
    text-transform: capitalize;
    margin: 0 0 20px;
    position: relative;
}

.our-team .title:before{
    content: "";
    width: 25px;
    height: 1px;
    background: #27ae61;
    position: absolute;
    bottom: -10px;
    right: 50%;
    margin-right: 9px;
    transition-duration: 0.25s;
}

.our-team .title:after{
    content: "";
    width: 25px;
    height: 1px;
    background: #27ae61;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: 9px;
    transition-duration: 0.25s;
}

.our-team:hover .title:before,
.our-team:hover .title:after{
    width: 50px;
}

.our-team .post{
    display: inline-block;
    font-size: 15px;
    color:  #f76c5e;
    text-transform: capitalize;
}

.our-team .post:before{
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #27ae61;
    margin: 0 auto;
    position: relative;
    top: -13px;
}

@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; }
}


/**********************testimonial***********************/


.testimonial{
    margin: 0 20px 40px;
}

.testimonial .testimonial-content{
    padding: 13px 25px 19px 38px;
    margin-bottom: 25px;
    background: #fff;
    border: 1px solid #f0f0f0;
    position: relative;
}

.testimonial .testimonial-content:after{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    bottom: -10px;
    left: 22px;
    transform: rotate(45deg);
}

.testimonial .testimonial-icon{
    width: 50px;
    height: 45px;
    background: #ff4242;
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 42px;
    position: absolute;
    top: 37px;
    left: -19px; padding-top:10px;
}

.testimonial .testimonial-icon:before{
    content: "";
    border-bottom: 16px solid #e41212;
    border-left: 18px solid transparent;
    position: absolute;
    top: -16px;
    left: 1px;
}

.testimonial .description{
    font-size: 16px;

    color: #000;
    line-height: 1.7;
    margin: 0; text-align:justify;
}

.testimonial .title{
    display: block;
    font-size: 18px;
    font-weight: normal;
    color: #525252;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}

.testimonial .post{
    display: block;
    font-size: 15px;
    color: #ff4242;
}

.owl-theme .owl-controls{
    margin-top: 20px;
}

.owl-theme .owl-controls .owl-page span{
    background: #ccc;
    opacity: 1;
    transition: all 0.4s ease 0s;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #ff4242;
}


.product-grid{
    font-family: 'Open Sans', sans-serif;
    text-align: center; border:1px solid #ccc; background:#f8f5f5;
}

.product-grid .product-image{
    position: relative;
    overflow: hidden;
}

.product-grid .product-image a.image{ display: block; }

.product-grid .product-image img{
    width: 100%;
    height: auto;
    transition: all 0.3s;
}

.product-grid .product-image:hover img{ transform: scale(1.05); }

.product-grid .product-new-label{
    color: #fff;
    background: #cd1b29;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 3px 10px 10px;
    position: absolute;
    top: 0px;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 100% 75%, 15% 75%, 0 100%, 0% 25%);
}

.product-grid .social{
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    transform: translateY(-50%);
    position: absolute;
    top:50%;
    left: -50px;
    transition: all 0.3s ease;
}

.product-grid .product-image:hover .social{
    opacity: 1;
    left: 0;
}

.product-grid .social li{ margin: 5px 0; }

.product-grid .social li a{
    color: #fff;
    background: #033772;
    font-size: 16px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    display: block;
    position: relative;
    transition: all .3s ease; padding-top:10px;
}

.product-grid .social li a:hover{ background: #1f72ce; }

.product-grid .social li a:before{
    content: attr(data-tip);
    color: #fff;
    
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    padding: 9px 12px;
    white-space: nowrap;
    visibility: hidden;
    position: absolute;
    left: 100%;
    top: 0;
    transition: all 0.3s ease;
}

.product-grid .social li a:hover:before{ visibility: visible; }

.product-grid .product-content{
    width: 100%;
    padding: 12px 0;
    display: inline-block;
}

.product-grid .title{
    margin: 7px 0 7px;
    font-size: 16px;
    font-weight:normal;
    text-transform: capitalize;
}

.product-grid .title a{
    color: #000;
    transition: all 0.4s ease-out;
}

.product-grid .title a:hover{ color: #033772; }

.product-grid .price{
    color: #000;
    font-size: 16px;
    font-weight: 600;
    width: calc(100% - 100px);
    margin: 0 0 10px;
    display: inline-block;
}

.product-grid .price span{
    color: #7a7a7a;
    font-size: 15px;
    text-decoration: line-through;
    margin-right: 5px;
    display: inline-block;
}

.product-grid .rating{
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    float: right;
}

.product-grid .rating li{
    color: #ffc500;
    font-size: 13px;
}

.product-grid .rating li.far{ color: #bababa; }

.product-grid .add-to-cart{
    color: #000;
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    width: 75%;
    margin: 0 auto;
    border: 1px solid #033772;
    display: block;
    transition: all .3s ease; margin-top:20px;
}

.product-grid .add-to-cart:hover{
    color: #fff;
    background: #033772;
}

.product-grid .add-to-cart i{
    color: #fff;
    background-color: #033772;
    text-align: center;
    line-height: 35px;
    height: 35px;
    width: 35px;
    border-right: 1px solid #fff;
    display: inline-block;
}

.product-grid .add-to-cart span{
    text-align: center;
    line-height: 35px;
    height: 35px;
    width: calc(100% - 40px);
    padding: 0 6px;
    vertical-align: top;
    display: inline-block;
}

@media only screen and (max-width:990px){
    .product-grid{ margin: 0 0 30px; }
}

:root{
    --color_1: #6D6D6D;
    --color_2: #6D6D6D;
    --color_3: #6D6D6D;
    --color_4: #20bf6b;
}

.serviceBox{
    font-family: 'Titillium Web', sans-serif;
    text-align: center;
    padding: 30px 9px 0;
    position: relative;
}

.serviceBox:before,
.serviceBox:after{
    content: "";
    background:#000;
    width: 25px;
    height: 15px;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    top: 50px;
    left: 50%;
    -webkit-clip-path: polygon(100% 30%, 100% 66%, 50% 100%, 0 66%, 0 30%, 50% 60%);
    clip-path: polygon(100% 30%, 100% 66%, 50% 100%, 0 66%, 0 30%, 50% 60%);
    transition: all 0.3s;
}

.serviceBox:hover:before{
    opacity: 1;
    top: 151px;
}

.serviceBox:hover:after{
    opacity: 1;
    top: 160px;
}

.serviceBox .service-icon{
    color: #fff;

    font-size: 40px;
    line-height: 100px;
    width: 100px;
    height: 100px;
    margin: 0 auto 50px;
    border-radius: 50%;
 
    position: relative;
    transition: all 0.3s;
}

.serviceBox .service-icon:before,
.serviceBox .service-icon:after{
    content: "";
    border: 2px solid var(--color_1);
    border-left: 2px dashed var(--color_1);
    border-right: 2px dashed var(--color_1);
    border-radius: 50%;
    position: absolute;
    top: -10px;
    left: -10px;
    bottom: -10px;
    right: -10px;
    transition: all 0.3s;
}

.serviceBox .service-icon:after{
    transform: rotate(-45deg);
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
}

.serviceBox:hover .service-icon:before{ transform:rotate(-40deg); }

.serviceBox:hover .service-icon:after{ transform:rotate(40deg); }

.serviceBox .service-icon i.fa{ transition: all 0.3s; }

.serviceBox:hover .service-icon i.fa{ transform: rotateX(360deg); }

.serviceBox .title{
    color: var(--color_1);
    font-size:15px;
    font-weight: normal;

    margin: 0 0 5px; line-height:1.7;
}
.serviceBox .title a{
    color:#000;
    font-size:15px;
    font-weight: normal;

    margin: 0 0 5px; line-height:1.7;
}
.serviceBox .description{
    color: #606060;
    font-size: 15px;
    text-align: center;
    line-height: 25px;
}

.serviceBox.orange:before,
.serviceBox.orange:after{
    background: var(--color_2);
}
.serviceBox.orange .service-icon{ background:; padding-top:17px; }
.serviceBox.orange .service-icon:before,
.serviceBox.orange .service-icon:after{
    border-color: var(--color_2);
}
.serviceBox.orange .title{ color: #000; }

.serviceBox.purple:before,
.serviceBox.purple:after{
    background: var(--color_3);
}
.serviceBox.purple .service-icon{ background: var(--color_3); }
.serviceBox.purple .service-icon:before,
.serviceBox.purple .service-icon:after{
    border-color: var(--color_3);
}
.serviceBox.purple .title{ color: var(--color_3); }

.serviceBox.green:before,
.serviceBox.green:after{
    background: var(--color_4);
}
.serviceBox.green .service-icon{ background: var(--color_4); }
.serviceBox.green .service-icon:before,
.serviceBox.green .service-icon:after{
    border-color: var(--color_4);
}
.serviceBox.green .title{ color: var(--color_4); }

@media only screen and (max-width:990px){
    .serviceBox{ margin: 0 0 30px; }
}


.service-section {
    background: url(../images/service-r-img.png) no-repeat right 25px bottom, url(../images/back.jpg) repeat; padding-bottom:60px; padding-top:60px;
}

.service-section1 {
    background: url(../images/pattern.jpg) repeat; padding-bottom:60px; padding-top:60px;
}




.main-timeline:before,
.main-timeline:after{
    content: "";
    display: block;
    width: 100%;
    clear: both;
}

.main-timeline .timeline{
    padding: 0; width:100%;
}

.main-timeline .timeline-inner{
    text-align: center;
    margin: 20px 20px 35px 35px;
    position: relative;
}



.main-timeline .timeline:last-child .timeline-inner:after{
    width: 0;
}

.main-timeline .year{
    background: #58b25e;
    padding: 0px 0;
    border-radius: 30px 0 30px 0;

    color: #fff;
    z-index: 1;
    position: relative;
}

.main-timeline .year:before{
    content: "";
    position: absolute;
    top: -19px;
    right: 0;
    border: 10px solid transparent;
    border-bottom: 10px solid #58b25e;
    border-right: 10px solid #58b25e;
}

.main-timeline .year:after{
    content: "";
    width: 25px;
    height: 19px;
    border-radius: 0 0 20px 0;
    background: #fff;
    position: absolute;
    right: 1px;
    top: -19px;
}

.main-timeline .timeline-content{
    padding: 10px 10px 30px 10px;
    border-left: 3px solid #58b25e;
    position: relative;
}

.main-timeline .timeline-content:before{
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    border: 10px solid transparent;
    border-top: 10px solid #58b25e;
    border-left: 10px solid #58b25e;
}

.main-timeline .timeline-content:after{
    content: "";
    width: 25px;
    height: 19px;
    border-radius: 20px 0 0 0;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.main-timeline .post{
    font-size: 26px;
    color: #333;
}

.main-timeline .description{
    font-size: 15px;
    color: #333;
}

.main-timeline .timeline-icon{
    width: 70px;
    height: 70px;
    line-height: 65px;
    border-radius: 50%;
    border: 5px solid #58b25e;
    background: #fff;
    font-size: 30px;
    color: #555;
    z-index: 1;
    position: absolute;
    bottom: -35px;
    left: -35px; padding-top:10px;
}

.main-timeline .timeline:nth-child(2n) .year{
    background: #9f84c4;
}

.main-timeline .timeline:nth-child(2n) .year:before{
    border-bottom-color: #9f84c4;
    border-right-color: #9f84c4;
}

.main-timeline .timeline:nth-child(2n) .timeline-content{
    border-left-color: #9f84c4;
}

.main-timeline .timeline:nth-child(2n) .timeline-content:before{
    border-top-color: #9f84c4;
    border-left-color: #9f84c4;
}

.main-timeline .timeline:nth-child(2n) .timeline-icon{
    border-color: #9f84c4;
}

.main-timeline .timeline:nth-child(3n) .year{
    background: #f35958;
}

.main-timeline .timeline:nth-child(3n) .year:before{
    border-bottom-color: #f35958;
    border-right-color: #f35958;
}

.main-timeline .timeline:nth-child(3n) .timeline-content{
    border-left-color: #f35958;
}

.main-timeline .timeline:nth-child(3n) .timeline-content:before{
    border-top-color: #f35958;
    border-left-color: #f35958;
}

.main-timeline .timeline:nth-child(3n) .timeline-icon{
    border-color: #f35958;
}

.main-timeline .timeline:nth-child(4n) .year{
    background: #e67e49;
}

.main-timeline .timeline:nth-child(4n) .year:before{
    border-bottom-color: #e67e49;
    border-right-color: #e67e49;
}

.main-timeline .timeline:nth-child(4n) .timeline-content{
    border-left-color: #e67e49;
}

.main-timeline .timeline:nth-child(4n) .timeline-content:before{
    border-top-color: #e67e49;
    border-left-color: #e67e49;
}

.main-timeline .timeline:nth-child(4n) .timeline-icon{
    border-color: #e67e49;
}

@media only screen and (max-width: 990px){
    .main-timeline .timeline-inner:after{
        width: 110%;
    }
    .main-timeline .timeline:nth-child(2n) .timeline-inner:after{
        width: 0;
    }
}

@media only screen and (max-width: 767px){
    .main-timeline .timeline{
        margin-bottom: 50px;
    }
	.sp-contact-info{display:none;}
    .main-timeline .timeline-inner:after,
    .main-timeline .timeline:nth-child(2n) .timeline-inner:after{
        width: 100%;
        height: 3px;
        left: 0;
    }
}



/* Footer Widgets
/* ------------------------------------------------------------------------ */
#footer .widget{
    margin-bottom: 25px;
}
#footer .social {
    text-align: left;
    margin-top: 20px;
    padding-left: 0px;
}
#footer .social li {
    display: inline;
    float: left;
    border: none !important;
}
#footer .widget ul.social li::after{
	content: "";
}
#footer .social li a {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #f16d06;
    text-align: center;
    line-height: 27px;
    color: #fff;
    font-size: 13px;
    margin-right: 5px;
    border: 1px solid #262525;
    transform: rotate(0deg);
}
#footer .social .fa {
    margin: 0px;
    float: none !important;
    font-size: 13px !important;
    margin: 7px !important;
}
#footer .widget h3 {
    color: #fff; font-family: "apercu",sans-serif;
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 0px;
}
#footer .widget h3:after {
    display: block;
    content: "";
    height: 1px;
    background: #fff;
    top: 12px;
    position: relative;
}
#footer .widget ul{
    margin: -10px 0 0 0;
}

#footer .widget ul li{
    position: relative;
   
}

#footer .widget ul li .post-date{
    color: #246184;
    clear: both;
    display: block;
}

#footer .widget ul li a{
    display: block;    font-size: 15px;
    line-height: 25px;
    text-decoration: none;
}

#footer .widget ul li:hover:after{
    color: #ffffff;
}

#footer .widget_search input,
#footer .widget_product_search input[type=text]{
    color: #aaaaaa;
    background-color: #444444;
    box-shadow:none;
    border: 1px solid #444444;
}

#footer .widget_search input:focus{    color: #ffffff }

#footer #wp-calendar thead th{    border-top: 1px solid #666666 }

#footer #wp-calendar tbody{    color: #aaa }

    #footer #wp-calendar tbody td{
        background: #666666;
        border: 1px solid #555555;
    }

    #footer #wp-calendar tbody td:hover{
        background: #777777;
        color: #ffffff;
    }

    #footer #wp-calendar tbody .pad{    background: none }

#footer .widget_tag_cloud a,
#footer .widget_product_tag_cloud a{
    border: none;
    background: #444444;
    color: #aaaaaa;
    box-shadow:none;
}

#footer .widget_tag_cloud a:hover,
#footer .widget_product_tag_cloud a:hover{
    background: #00a1de;
    border-color: #00a1de;
    color: #ffffff !important;
}

#footer .widget_twitter ul li:last-child{    margin: 0 }

/* ------------------------------------------------------------------------ */
/* Social Icons
/* ------------------------------------------------------------------------ */

.social-icons ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.social-icons ul li{
    list-style: none;
    display: block;
    width: 40px;
    float: left;
}

.social-icons ul li a{
    -webkit-transition:all 0.2s ease 0s;
       -moz-transition:all 0.2s ease 0s;
         -o-transition:all 0.2s ease 0s;
            transition:all 0.2s ease 0s;
  

}

.social-icons a:hover{
    opacity: 1;
}

/* Footer
/* ------------------------------------------------------------------------ */
#footer {
    padding: 30px 0 20px 0;
    background: #f16d06;
    color:#fff;
}

    #footer a{
        color:#fff;
    }
    
    #footer a:hover{
        color:#ffffff;
    }
        
/* ------------------------------------------------------------------------ */
/* Copyright
/* ------------------------------------------------------------------------ */
#copyright {
    font-size: 15px;
	color: #fff;
	background: #cb5d06;
	padding-top:8px;

}

#copyright .copyright-col1{
    float: left;
    margin: 0;
    padding: 0;
}

#copyright .copyright-col2{
    float: right;
    margin: 0;
    padding: 0;
}

    #copyright a { color: #fff }
    #copyright a:hover { color: #cccccc }

    #copyright .copyright-text {}

    #copyright .social-icons {
        float: right;
        margin: 0px 0;
    }

#copyright .menu{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

#copyright .menu li{
    display: inline-block;
    margin: 0 0 0 0px;
    padding: 0;
}
    
	/* Contact Widget /--------------------------------------------------------- */

.border-left{
	border-left: 1px solid #d6d5d8;
}
.widget_contact address{
    font-style: normal;
}

.widget_contact address span{
    display: block;
    margin-bottom: 6px;    font-size: 16px;
	line-height: 24px;
}

.widget_contact address strong{
    display: none;
}

.widget_contact address span i{
    display: inline-block;
    width: 24px;
    float: left;
    margin: 5px 0 0px 0;
    font-size: 16px;
}

.widget_contact .adress-overflow{
    overflow: hidden;
}
.widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sp-toolbar {
  color: #fff;
  background: #d9251c;
}
ul.sp-contact-info >li a,
ul.social-icons >li a {
  color: #fff;
}
ul.sp-contact-info >li a:hover,
ul.social-icons >li a:hover {
  color: #3498db;
}
.sp-page-title {
  background: #e5e8eb;
}
.sp-page-title h2,
.sp-page-title h3 {
  color: #8f9aa8;
}
.sp-page-title .breadcrumb >.active {
  color: #727f92;
}
.sp-page-title .breadcrumb >span,
.sp-page-title .breadcrumb >li,
.sp-page-title .breadcrumb >li+li:before,
.sp-page-title .breadcrumb >li>a {
  color: #8f9aa8;
}
.sp-page-title .breadcrumb {
  float: right;
  margin: -23px 0 0 0;
}
#sp-feature {
  background: #e5e8eb;
}
#sp-top-b {
  color: #fff;
  background: #3498db;
}
#sp-top-b a {
  color: #fff;
}
#sp-top-b a:hover {
  color: #3a414b;
}
#sp-top-b .sp-module.title1 .sp-module-title::after,
#sp-top-b .sp-module.title2 .sp-module-title::after {
  background: #fff;
}
#sp-user-section {
  background: #e5e8eb;
}
.layout-boxed .body-innerwrapper {
  background: #ffffff;
}
.sp-module ul >li >a {
  color: #3a414b;
}
.sp-contact-info {
  list-style: none;
  padding-top:6px;
  margin: 0 -10px;
}
.sp-contact-info li {
  display: inline-block;


}
.sp-contact-info li i {
  margin: 0 3px;
}
.sticky-wrapper {
  position: relative;
  z-index: 99;
}
#sp-header {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 3px 3px rgba(0,0,0,0.05);
  height: 120px;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 99;
}

}
ul.social-icons {
  float: right;
  list-style: none;
  padding: 0;
  margin: -5px;
  display: inline-block;
}
ul.social-icons >li {
  display: inline-block;
  margin: 5px 7px;
}
ul.social-icons >li a {
  color: #fff;
}
.social-icons{float:right; padding-top:6px;}

.sticky-container{
		/*background-color: #333;*/
		padding: 0px;
		margin: 0px;
		position: fixed;
		right: -119px;
		top:130px;
		width: 200px; z-index:99999999999;

	}

	.sticky li{
		list-style-type: none;
		background-color: #333;
		color: #efefef;
		height: 43px;
		padding: 0px;
		margin: 0px 0px 1px 0px;
		-webkit-transition:all 0.25s ease-in-out;
		-moz-transition:all 0.25s ease-in-out;
		-o-transition:all 0.25s ease-in-out;
		transition:all 0.25s ease-in-out;
		cursor: pointer;
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
                filter: gray; 
                -webkit-filter: grayscale(100%); 

	}

	.sticky li:hover{
		margin-left: -115px;
		/*-webkit-transform: translateX(-115px);
		-moz-transform: translateX(-115px);
		-o-transform: translateX(-115px);
		-ms-transform: translateX(-115px);
		transform:translateX(-115px);*/
		/*background-color: #8e44ad;*/
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
                -webkit-filter: grayscale(0%);
	}

	.sticky li img{
		float: left;
		margin: 5px 5px;
		margin-right: 10px;

	}

	.sticky li p{
		padding: 0px;
		margin: 0px;
		text-transform: uppercase;
		line-height: 43px;

	}

	.white{color:#fff;}
.gray{position:relative; top:250px;}
.icon-bar-1{position: fixed; top: 65%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 99999; left: 0}
.icon-bar-1 a:hover{background-color: #000}
.icon-bar-1 a{display: block; text-align: center; transition: all .3s ease; color: #fff; font-size: 1.5em;}
.google{background: #dd4b39; color: #fff; padding: 8px;}
.twitter{background: #25d366; color: #fff; padding: 8px;}