/*--Reset Css--*/
*{padding: 0; margin: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; word-wrap: break-word;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body,html { margin: 0; font-family: 'Nunito', sans-serif; line-height: 1; font-size: 16px; word-wrap: break-word;  overflow-x: hidden;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
a:focus{outline: none;}
a{text-decoration: none;}
img{max-width: 100%; vertical-align: middle;border-style: none;}

/*--Heading--*/
h1{font-family: 'Nunito', sans-serif; font-weight: 900; font-size: 64px; color: #494949; line-height: 68px;}
.header-container {
    max-width: 80%;
    margin: 0 auto;
}
/*--Btn--*/
.btn {width: auto; text-align: center; height: 60px; line-height: 60px; font-size: 1.2rem; font-family: 'Nunito', sans-serif; border-radius: 4px; background:#fe6000; display: inline-block; color:#fff; padding: 0 30px; border:0px; font-weight: 700;}
.btn:hover{background:#008086; color: #fff;}


/*----main header start--*/
.header-main{/*background:url(../images/header_bg.jpg) no-repeat 0 0; background-size: cover; min-height: 500px;*/ background-color: #FFF9F4; width: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

.container-header{width: 80%; margin:0 auto;}
.container-header:after{content: '';display: block; clear: both;}
.navbar .container-header, .navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.navbar-brand {
    display: inline-block;
    margin-right: 0;
    line-height: inherit;
    white-space: nowrap;
}
.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}
.navbar-expand-lg.navbar-top .navbar-toggle {
    display: none;
}
.navbar-dark .navbar-toggle {
    color: #fff;
}
.navbar-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.navbar-toggle > span {
    width: 24px;
    height: 2px;
    margin-top: 3px;
    margin-bottom: 3px;
    background-color: currentColor;
    will-change: transform,opacity;
    -webkit-transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out,opacity .2s ease-in-out;
    transition: transform .2s ease-in-out,opacity .2s ease-in-out;
    transition: transform .2s ease-in-out,opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
}
.navbar-toggle > span:nth-child(3) {
    -webkit-transform: scaleX(.5);
    -ms-transform: scaleX(.5);
    transform: scaleX(.5);
}
.navbar-expand-lg.navbar-top .navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.navbar-top .navbar-nav {
    height: 100%;
}
.navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.navbar-nav {
    margin-left: auto;
}
.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.navbar-top .navbar-nav > .nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.navbar-top .navbar-nav > .nav-item > .nav-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.navbar-light .navbar-nav .nav-link:hover, 
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .show > .nav-link, 
.navbar-light .navbar-nav .active > .nav-link, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .nav-link.active{
        color: #FE6000;
}
.navbar.fixed-top.top-nav-collapse .nav-item .nav-link.active, 
.navbar.fixed-top.top-nav-collapse .nav-item .nav-link:hover, 
.navbar.fixed-top.top-nav-collapse .nav-item .nav-link.active:hover, 
.navbar .nav-item .nav-link.active, .navbar .nav-item .nav-link:hover, 
.navbar .nav-item .nav-link.active:hover {
    color: #FE6000;
}
.navbar-nav:not(.nav-social) .nav-link {
    padding: 15px 30px 0 20px;
    color: #494949;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    font-size: 1rem;
}
.whatsapp-contact {
    padding: 0px 20px;
    color: #000;
}
.top-nav-collapse{
    background-color: #fff;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.06);
    z-index: 5;
}
.navbar.top-nav-collapse{
    padding: 10px 0;
}

.navbar.top-nav-collapse .navbar-brand img{
    max-width: 50%;
}
.slider-content {
    padding-top: 100px;
    padding-bottom: 50px;
}
.whatsapp-icon{display: inline-block; vertical-align: top; margin-right: 10px;}
.contact-no{display: inline-block;}
.contact-no small{display: block; font-family: 'Nunito', sans-serif; font-size: 11px; margin-bottom: 5px; color: #494949; text-transform: uppercase; letter-spacing: 1px;}
.contact-no b{display: block; font-family: 'Nunito', sans-serif; font-size: 20px; font-weight: 700;}
.order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}
.container{max-width: 1230px; margin: 0 auto;}
.container:after{content: ''; display: block; clear: both;}
.pt-160{padding-top: 160px;}
.pt-100{padding-top: 100px;}
.pb-100{padding-bottom: 100px;}
.pb-40{padding-bottom: 40px;}
.pt-40{padding-top: 40px;}
.pt-60{padding-top: 60px;}
.pt-20{padding-top: 10px;}
.orange-text{ color: #FE6000!important; }
.page-heading{display: block; width: 100%; text-align: center;}
.page-heading small{font-size: 18px; text-transform: uppercase; color: #fe6000;  font-family: 'Nunito', sans-serif; margin-bottom: 5px;}

h2{font-weight: bold; font-family: 'Nunito', sans-serif; font-size: 50px; color: #333; line-height: normal;}
h3{font-weight: bold; font-family: 'Nunito', sans-serif; font-size: 30px; color: #fff; line-height: normal;}
p{font-size: 16px; color: #454545; font-weight: normal; font-family: 'Nunito', sans-serif; line-height: 28px;}

.services-section{/*background-color: #f8f9fe;*/ background: url(../images/services-one-bg.jpg) repeat 0 0;}
.services-box{
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
    padding: 15px;
    text-align: center;
}
.services-box h3{
    color: #454545;
    font-size: 1.5rem;
    margin-bottom: 10px;
}
.service-img{
    margin-bottom: 15px;
    min-height: 222px;
}
.service-img img{
    border-radius: 4px;
}
.services-box p{
    padding-bottom: 20px;
    line-height: normal;
}

.percentCol{
    padding: 60px 0 0;
}
.polly-icon {
    margin-bottom: 15px;
    height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.percentCol h3{
    color: #454545;
    font-weight: 700;
    font-size: 2rem;
}

.big-text {
    display: block;
    font-size: 50px;
    font-weight: normal;
    color: #333;
    font-family: 'Nunito', sans-serif;
    margin-bottom: 10px;
}
.small-text{
  font-size: 24px;
  font-weight: normal;
  font-family: 'Nunito', sans-serif;
  color: #333;
  line-height: 30px;
}

.tab-pane{
  clear: both;
  width: 100%;
  display: block;
  padding: 10px 10px;
}
.tab-text{
  font-size: 30px;
  line-height: 38px;
  color: #333;
}
.portfolio-bg{background-color: #dedcdc; width: 100%; float: left; padding: 20px; position: relative;}
.portfolio-bg img{transition: .3s;}
.portfolio-bg:hover img{opacity: .8; transform: scale(1.1);}
.pd0{padding: 0px;}
.md0{margin: 0px;}
.portfoilo-bg1{background-color: #cb7951;}
.portfoilo-bg2{background-color: #19cef2;}
.portfoilo-bg3{background-color: #dfdfe1;}

.portfolio-bg h3{color: #fff; margin: 0 auto; display: table-cell; vertical-align: middle; font-size: 1.6rem;}
.portfolio-bg h3 span {
    margin: 0 auto;
    width: 60%;
    display: block;
    text-align: center;
}
.user-name h4{
    color: #fe6000;
    font-size: 1.2rem;
    font-weight: 700;
}
.user-name h6{
    font-weight: 300;
    font-size: 14px;
    margin-top: 5px;
}
.carousel-inner{
    padding-bottom: 30px;
}
.testimonial .carousel-inner img {
    margin-bottom: 20px;
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.05);
    border-radius: 100%;
}
.overlay{position: absolute; left:0px; top: 0px; height: 100%; width: 100%; text-align: center; line-height: normal; background-color: rgb(0, 0, 0, 0.8); display: table; opacity: 0; transition: all .3s ease; z-index: 1;}
.portfolio-bg:hover .overlay{opacity: 1;}
.testimonial{background-color: #FFF9F4;}

.carousel{width: 100%;}
.carousel-indicators{bottom: -30px;}
.carousel-indicators li{
    height: 10px;
    width: 10px;
    border-radius: 100%;
    background-color: #c6c6c6;
}
.carousel-indicators .active{
    background-color: #fe6000;;
}

.testimonial p{font-size: 20px; font-family: 'Nunito', sans-serif; line-height: normal; color: #333; min-height: 100px; display: flex;justify-content: center;align-items: center; margin: 0 auto; max-width: 60%;}
.user-name{margin-top: 50px; display: block;}
h4{font-family: 'Nunito', sans-serif; font-size: 30px; display: block; color: #333; padding-bottom: 5px;}
h6{font-family: 'Nunito', sans-serif; font-size: 18px; display: block; color: #333;}

input[type=text], input[type=email], input[type=tel]{border-radius: 4px; padding: 10px; display: block; background-color: #fefefe; min-height: 55px;}

textarea{min-height: 120px; resize: none;}

/*--Footer--*/
footer{background-color:#070707; width: 100%; padding: 50px 0 20px; float: left;}
.footer-block{float: left; width: 33%;}
.footer-block h3{margin-bottom: 40px; font-size: 20px; font-weight: normal;}

.fblock-list{float: left; width: 100%; list-style-type: none}

.fblock-list li{color:var(--white); font-family: 'Nunito', sans-serif; font-size: 16px; float: left; width: 100%; margin-bottom: 10px; line-height: 22px;}

.f-icon{float: left; width: auto; margin-right: 12px;}
.links-half{width: 50%; }
.fblock-list.links-half li{padding-bottom: 5px;}
.fblock-list li a{color: var(--white); opacity: 0.7; line-height: 20px;}
.fblock-list li a:hover{opacity: 1;}
.social-links{/*background: #5f5f5f;*/ border-radius: 7px; height: 50px; line-height: 50px; width: 298px; display: inline-block; overflow: hidden; margin: 0 auto;}
.social-links li{display: inline-block; float: none; width: auto;}
.social-links li a{width: 56px; height: 50px; line-height: 50px; float:left; text-align: center;}

.fs-icon{background: url(../images/fs_icon.png) no-repeat 22px 13px; float: left; width: 56px; height: 50px;}
.fs-icon.fb:hover{background-position: 22px -37px;}
.fs-icon.twitter{background-position: -107px 14px;}
.fs-icon.twitter:hover{background-position: -107px -36px;}
.fs-icon.in{background-position: -42px 12px;}
.fs-icon.behance{background-position: -172px 14px;}
.fs-icon.dribbble{background-position: -236px 14px;}
.fs-icon.in:hover{background-position: -42px -38px;}
.fs-icon.behance:hover{background-position: -172px -36px;}
.fs-icon.dribbble:hover{background-position: -236px -36px;}
.copyright{float: left; width: 100%; text-align: center; border-top:1px solid #626266; margin: 40px 0 0px 0; padding-top: 10px;}
.copyright p{ font-size: 13px; color: var(--white);}
.sticky{position: fixed; background: #000; z-index: 99; top: 0; margin-top: 0; padding: 10px 0!important; width: 100%;}
.sticky .logo{width: 17%;}
.left-bg{float: left; width: 100%; background: url(../images/right-corner.png) no-repeat 0 0; position: absolute; left: -80px; top: -190px; height: 736px;  width: 617px; background-size: 80%;}
.testimonail-new{position: relative; float: left; width: 100%;}
.navbar {
    padding: 10px 0;
    background-color: #fff;
    box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
}
.contact-info{width: 100%; float: left; margin-top: 30px;}
.contact-info ul li{list-style-type: none; background-color: #00aff0; float: left; width: 32%; padding:20px 10px 10px 10px; border-radius: 4px; margin-right: 2%;}
.contact-info ul li:last-child{
    margin-right: 0px;
    background-color: #25D366;
}
.contact-icon{background:url(../images/contact_icons.png) no-repeat 5px 5px; width:54px; height: 50px; float: left; background-size: 80%;}

.contact-info ul li:nth-child(2n){background-color:#ff7e00;}
.contact-icon.phone{background-position: 5px -173px;}
.contact-icon.email {
    background-position: 5px -85px;
}
.cotact-details{display: block; margin-left: 70px; color: #fff;}
.small-label{font-size: 13px; text-transform: uppercase; padding-bottom: 5px; display: block;}
.big-label{font-size: 20px; font-family: 'Nunito', sans-serif; font-weight: 700; display: block;}

.navbar.top-nav-collapse .navbar-brand{
    max-width:100%;
}

@media(max-width: 1660px){
    .navbar-nav:not(.nav-social) .nav-link{
        padding: 15px 20px 0 20px;
    }
    .navbar-light .navbar-brand {
        max-width: 16%;
    }
    .navbar.top-nav-collapse .navbar-brand{
        max-width:16%;
    }
    .navbar.top-nav-collapse .navbar-brand img {
        max-width: 80%;
    }
    .navbar.top-nav-collapse .navbar-nav:not(.nav-social) .nav-link{
        padding: 7px 20px 0 20px;
    }
}
@media(max-width: 1450px){
    .navbar-nav:not(.nav-social) .nav-link{
        padding: 10sssspx 15px 0 15px;
    }
    .container-header{
        width: 84%;
    }
    .whatsapp-icon{
        width: 20px;
        margin-top: 7px;
        margin-right: 5px;
    }
    .contact-no b{font-size: 1rem;}
    h1{
        font-size: 2.5rem;
        line-height: normal;
    }
    h2, .big-text{font-size: 2.5rem;}
   .big-label, h3, .small-text, .tab-text{font-size: 1.3rem}
   .pt-160{padding-top:80px;}
   .slider-content{padding-bottom: 0px;}
   .pt-100 {
        padding-top: 60px;
    }
    .pb-100 {
        padding-bottom: 60px;
    }
    .services-box h3,
    .testimonial p{
        font-size: 1.2rem;
    }
    .btn{
        font-size: 1rem;
    }
}
@media(max-width: 1260px){
    .offcanvas-collapse.open {
        visibility: visible;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    .navbar-light .navbar-toggler{
        margin-left: auto;
    }
    .navbar-expand-lg .navbar-nav.ml-auto{
        margin-left: 0!important;
        flex-direction: column;
        width: 100%;
    }
    .navbar-expand-lg .navbar-nav li{
        display: block;
        margin:2px 0;
    }
    .navbar-expand-lg .navbar-nav li:hover a{
        background-color: rgba(0, 0, 0, 0.05);
    }
    .navbar-nav:not(.nav-social) .nav-link{
        padding: 20px;
    }
    
    .whatsapp-contact{
        padding: 20px;
        background-color: rgba(0, 0, 0, 0.05);
        border-radius: 4px;
    }
    
    .navbar.top-nav-collapse .offcanvas-collapse{
        top: 3.75rem;
    }
    .offcanvas-collapse {
        position: fixed;
        top: 5rem;
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: #ffffff;
        transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        align-items: flex-start;
    }
    .portfolio-bg h3{
        font-size: 1.2rem;
    }
    .portfolio-bg h3 span{
        width: 90%;
    }
    .navbar.top-nav-collapse .navbar-nav:not(.nav-social) .nav-link {
        padding: 15px;
    }

}
@media(max-width: 1170px){
  .pt-160{padding-top: 80px;}
  .pb-100{padding-bottom: 70px;}
  .pt-100{padding-top:70px;}
  h1{font-size: 3.5rem;}
  .container{max-width: 80%;}
  h2, .big-text{font-size: 2.5rem;}
  .testimonial p, h4{font-size: 1.5rem; line-height: normal;}
   h6{font-size: 1rem;}
  .contact-icon {background-size: 70%; width: 50px; height: 30px; background-position: 0 0;}
  .cotact-details{margin-left: 54px;}
  .big-label, h3, .small-text, .tab-text {font-size: 1.0rem; line-height: normal; letter-spacing: .5px;}
  .contact-icon.email {background-position: 0 -71px; height: 30px;}
  .contact-icon.phone {background-position: 0 -142px;}
  .small-label{font-size: .8rem;}
  .page-heading small{font-size: 1rem;}
  .testimonial .pt-40{padding-top: 0px;}
  .user-name{margin-top: 30px;}
  .btn{font-size: 1.2rem; height: 50px; line-height: 50px;}
  .big-text {font-size: 2.0rem;}
  p{font-size: 1rem;}
  .services-section .row .col-lg-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .services-box{margin-bottom: 30px;}
  .services-box p br{
    display:none;
  }
  .percentCol {
        padding: 20px 0 0;
    }
    .navbar.top-nav-collapse .navbar-brand img {
        max-width: 100%;
    }
    .navbar.top-nav-collapse .navbar-brand {
        max-width: 23%;
    }
     h1 {
        font-size: 2.5rem;
    }
    .pt-160 {
        padding-top: 30px;
    }
}
@media(max-width: 992px){
    .contact-info ul li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .portfolio-bg{
        text-align: center;
    }
   
}
@media(max-width:950px){
  .about-us, .services-section, .portfolio, .contact-us  {text-align: center;}
  .pt-100 {padding-top: 40px;}
  .home-tabing .nav-item{padding: 10px;}
  .services-section .pt-40{padding-top: 0px;}
  .portfolio .text-right{text-align: center!important;}
  .pb-100{padding-bottom: 40px;}
/*.contact-us .col-lg-6.text-center img{display: none}*/  
  .contact-info{text-align: left!important; width: 100%;}
  .testimonial {padding-bottom: 60px;}

}
@media (max-width: 767px){
.navbar-light .navbar-brand {
    max-width: 35%;
}
  h1, h2, .big-text{font-size: 2rem;}
  .btn{font-size: 1.1rem;}
  .pt-20{padding-top: 30px;}
  .pb-40{padding-bottom: 20px;}
  .pt-100{padding-top: 20px;}
  .home-tabing .nav-item{width: 48%; margin-bottom: 10px;}
  .page-heading small {font-size: .7rem; letter-spacing: 1px;}
  
  .navbar-toggler{background-color: transparent; border:0px;}
  .navbar-dark .navbar-toggler{color: rgba(255, 255, 255, 1)!important; font-size: 1.5rem;}
  .navbar-expand-lg.navbar-top .navbar-nav {
    display: block;
    float: left;
}
.navbar-nav:not(.nav-social) .nav-link{padding:10px 30px 10px 0; }
.services-section .row .col-lg-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.testimonial p{
    max-width: 100%;
    font-size: 1.2rem;
}
}