body{ padding: 0px; margin: 0px;  font-family: arial;}
h1, h2, h3, h4, h5, h6, ol, li, ul, a, img, p, span, strong{ padding: 0px; margin: 0px;}
a:hover,a:focus{ outline: none; text-decoration: none}
section{ float: left; width: 100%;}
.pad0{ padding: 0;}
img { max-width: 100%;}




@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'latoitalic';
    src: url('../fonts/lato-italic-webfont.woff2') format('woff2'),
         url('../fonts/lato-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.woff2') format('woff2'),
         url('../fonts/lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latolight_italic';
    src: url('../fonts/lato-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoblack';
    src: url('../fonts/lato-black-webfont.woff2') format('woff2'),
         url('../fonts/lato-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoblack_italic';
    src: url('../fonts/lato-blackitalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latobold_italic';
    src: url('../fonts/lato-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latohairline';
    src: url('../fonts/lato-hairline-webfont.woff2') format('woff2'),
         url('../fonts/lato-hairline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latohairline_italic';
    src: url('../fonts/lato-hairlineitalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-hairlineitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/****************HEADER-CSS-START***************************************/
.site-header{ background: #fff;}
.site-header_inner {border-bottom: 1px solid #eee;}
.site-header .site_nav {padding: 10px 0px;}
.search_social { float: right;top: -21px; position: relative;}
.search{float: left; padding: 0px 10px 0px 0px;}
.search input[type=search]{background: url(../img/searchicon.png) no-repeat 9px center;border: none;padding: 9px 26px 9px 24px;  width: 55px;outline: none !important;
position: absolute; right: 0; z-index:999;-webkit-border-radius: 10em;-moz-border-radius: 10em;border-radius: 10em;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;     width: 15px;padding-left: 10px;color: #000;cursor: pointer;}
.search input[type=search]:focus { width: 150px; padding-left: 32px;  background-color: #fff; cursor: auto; color: #000; padding: 9px 15px 9px 34px;
 outline: none !important; border: 1px solid #000; }
.site_nav .navbar-nav li a.nav-link{font-size: 14px;color: #000;padding-right: 40px;     font-family: 'latoregular'; text-transform: uppercase;}
.site_nav .navbar-nav li.active a.nav-link, .site_nav .navbar-nav li.active a.nav-link:focus, .site_nav .navbar-nav li a.nav-link:hover{color: #7a7a7a !important; }
.fixed-me {position: fixed;top: 0px;z-index: 99;width: 100%;box-shadow: 0px 0px 10px hsla(0, 0%, 0%, 0.25098039215686274);}
.fixed-me .site_nav{padding: 10px 0px;}
.site-header .dropdown .dropdown-menu{    top: 64px; box-shadow: 0px 3px 5px rgba(116, 114, 114, 0.3411764705882353); border:none;    border-radius: 0px;}
.site-header.fixed-me .dropdown .dropdown-menu{top: 52px;}
.site-header .dropdown .dropdown-menu a{    border-bottom: 1px solid #eee;padding-left: 10px;font-size: 14px;}
.site-header .dropdown .dropdown-menu a i{margin-right: 5px;}
.site-header .dropdown .dropdown-menu a:last-child{border: none;}
.site-header .dropdown .dropdown-menu a:hover{    color: #008aff !important;}
/****************HEADER-CSS-END***************************************/


/****************SLIDER-SECTION-CSS-START***************************************/
.background-image-maker {left: 0;background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #fafafa;}
.background-image-maker, .overlay:before {position: absolute;width: 100%;height: 100%;top: 0;}
.slider_section{position: relative;     } 
.banner-content{position: relative; padding: 100px 0px 100px;float: right;width: 100%; }
.banner-content h1 {;text-align: center; font-size:80px;    font-weight: bold; position: relative; }
.banner-content h1:before{width: 150px; height: 1px; background: #fff; position: absolute; top: -30px; content: "";     margin: auto;
    left: 0px;
    right: 0px; }
.small_text{     font-size: 18px;letter-spacing: 5px;     width: 100%;
    text-align: center;
    display: inline-block;}
.tag_line {background: #fff;    padding: 25px 0px 0px 0px;}
.tag_line h2{font-size: 40px;font-weight: bold;}

.tag_line p {
    font-size: 16px;     max-width: 768px;
    margin: 30px auto;}

/****************SLIDER-SECTION-CSS-END***************************************/

/****************FEATURE-SECTION-CSS-END***************************************/
.feature .card {border: none;}
.icon {width: 100%;display: inline-block;}
.feature .card-content .content{font-size: 16px;     color: #999999 !important;}
.feature .card-content h5{font-size:17px; font-weight: bold;     color: #fff !important;}
#feature {
    position: relative;     padding: 25px 0px 70px 0px;
}
#offerslider .col-12.col-md-4 {
    max-width: 100%;
}
.tag_line .borderr{width: 1px;
    height: 52px;
    background: #000;
    display: inline-block;}
/****************FEATURE-SECTION-CSS-END***************************************/



/****************CLIENTS-CSS-END***************************************/
.clients .title h2{        font-size: 21px;
    padding-bottom: 35px;}
.details{font-size: 22px;}
.clients{position: relative;}
.clients a{    border: 1px solid #fff;
    padding: 12px 25px;
    color: #fff;}

/****************CLIENTS-CSS-END***************************************/

/****************SUCCESS-CSS-END***************************************/

/****************SUCCESS-CSS-END***************************************/

/****************EXPERTISE-CSS-END***************************************/
.Portfolio {
    position: relative;
    margin: 5px;
   
    float: left;
    width: 32.33333%;;
    transition-duration: 0.4s;
      margin-bottom: 40px;
    animation: winanim 0.5s ;

    
}
.desc{position: absolute; bottom: 0px; left: 0px; opacity: 0; width: 100%;}
.Portfolio:hover .desc{opacity: 9;}
.nav.nav-pills {width: 100%; display: inline-block; text-align: center; margin-bottom: 30px;}
.nav.nav-pills li{display: inline-block;}
.nav.nav-pills li a{padding: 0px;     color: #ababab; text-transform: capitalize;}
.Portfolio:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
}

.Portfolio img {
    width: 100%;
    height: auto;
    border-radius: 5px
}

.desc {
    padding: 5px;
    text-align: center;
    font-size: 90%;
    background:black;
   color: #fff;
}
.desc span {
    width: 100%;
    display: inline-block;
    color: #ccc}



.nav a:hover { 
    background: transparent !important;
    color:#000 !important;
}
.nav .active { 
  background: transparent !important;
    color:#000 !important;
}

@keyframes winanim {
    0%{opacity:0;transform:scale3d(.3,.3,.3)}
    50%{opacity:1}
    
}
.tag_line .justify-content-center{width: 100%;}
.group_img > img {
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;}
.group_img > img:hover{-webkit-filter: grayscale(0);
    filter: grayscale(0);
    filter: none;}
.more {
    border: 1px solid #000 !important;
    border-radius: 0px;
    background: transparent !important;
    color: #000 !important;
    font-size: 13px;
    padding: 10px 30px;}
.more_btn {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}
/****************EXPERTISE-CSS-END***************************************/


/****************START-CSS-END***************************************/
.testimonials.style1 {
    margin: 0 auto;
    width: 100%;
    text-align: center;}
.testimonials.style1 .testimonial-box {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    float: left;
    text-align: center;
}
.testimonials.style1 .testimonial-nav {
    width: auto;
    margin: 0 auto;
    display: table;
    float: none;
    text-align: center;}
.testimonials.style1 .testimonial-nav li {
    position: relative;
    float: left;
    list-style-type: none;
    width: 50px;
    height: 50px;
    margin: 0 20px 10px 0;
    border-radius: 100px;}
.testimonials.style1 .testimonial-nav li a.active {
    opacity: 1;
}
.testimonials.style1 .testimonial-nav li a {
    width: 50px;
    height: 50px;
    display: inline-block;
    padding: 0;
    border: 0;
    border-radius: 100px;
    overflow: hidden;
    opacity: .5;}
.testimonials-content {
    position: relative;
    width: 100%;
    transition: all .5s ease-in;
    margin-bottom: 10px;     border-bottom: 1px solid #ccc; padding-bottom:30px;
    float: left;}
.testimonials.style1 .testimonial {
    position: absolute;
    text-align: center;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: none;}
.testimonials.style1 .testimonial p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
    color: #3b3b3b;
    font-weight: 400;
    text-align: center!important;}
.testimonials.style1 .testimonial span, .testimonials.style1 .testimonial span a {
    font-weight: 700;
    font-size: 15px;
    text-align: left;
    text-transform: uppercase; font-family: 'latolight';
  
    color: #333;
    letter-spacing: 4px;}
.testimonials.style1 .testimonial span a {color: #ababab;}
.testimonials.style1 .testimonial.active {
    display: block;
}
.clietnt{    font-size: 40px;
    font-weight: bold; padding-bottom: 40px; font-family: 'latolight';} 
.cleiets_testimonial {
    padding: 50px 0px;
}
.testimonial-nav li a img {
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;}
.testimonial-nav li a img:hover{    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    filter: none;}

.contact{background: url(../img/olu.png);    background-size: cover;
    background-position: center center; padding: 70px 0px;}
.small_txt {
    text-align: center;
    color: #ccc;
    letter-spacing: 2px;}
.contact form {
    width:  100%;
    float: left;
}

.contact form .form-group {
    width:  32.33333%;
    float: left;    margin: 0.5%;
} 

.contact form .form-group input.fom-control {
    width: 100%;
    background: transparent;
    border: 1px solid #585858;
    padding: 6px 10px; color: #fff;
}
.contact form .form-group.full_widh{width: 99% !important; float: left;}
.contact form .form-group.full_widh textarea{ width: 100%;
    background: transparent;
    border: 1px solid #585858;
    padding: 6px 10px;    height: 100px;
    resize: none;}
.full_widh .btn {    background: transparent;
    border: 1px solid #585858;
    font-size: 13px;
    color: #ccc;
    padding: 12px 30px;
    margin-top: 10px;}
/****************START-CSS-END***************************************/

.logo{background: #fff;}
.logoimg{    width: 20%;float: left;text-align: center;margin: 50px 0px;}
.logoimg:hover img{opacity: .7;}

/****************FOOTER-CSS-END***************************************/
footer {
    background: #121212;
    float: left;
    width: 100%;}
.dummy_txt{color: #595a5e;}
/****************FOOTER-CSS-END***************************************/


/**-------------------------login-signup---------------------------------*/
/*.mid_container{background: url(../img/food.png);     background-size: 50%;}*/
.form_div {width: 80%;margin: 100px auto;display: inline-block; transition: max-height 0.3s ease-out;transition: transform .3s ease-out;box-shadow: 0 0 36px 0 rgba(141, 135, 135, 0.31)}
.left_form {width: 60%;background: #fff;border: 1px solid #f2f2f2;     padding: 30px; min-height: 412px;}
.right_form {width: 40%;border: 1px solid #f2f2f2; padding: 24px 0px;min-height: 410px;    background: #fff;}
.left_form .form-group .form-control {     box-shadow: inset 0px 0px 0px 300px #fff;    background: #fff;border: none;border-bottom: 1px solid #dedede;border-radius: 0px;color: #444;padding: .375rem .75rem .375rem 0px;}
.form_title{color: #000;font-weight: bold; width: 100%;display: inline-block;padding-bottom: 10px;   font-size: 28px;text-transform: uppercase;}
.login_btn{text-transform: uppercase;height: 50px;width: 200px;line-height: 35px;}
.icon_content {width:  80%;margin: 0px auto 20px;}
.left_form .form-group .form-control:focus{outline: none; box-shadow: inherit;}
.icon_pop {width: 70px;display: inline-block;vertical-align: top;}
.icon_tag {display: inline-block;vertical-align: top;width: 66%;padding: 22px 5px;     font-weight: bold;text-transform: capitalize;color: #007bff;}
.login_logo { text-align: center;width: 100%;display: inline-block;}
.forgot{width: 100%; padding: 15px 0px 25px;}
label.error {color: red;margin-bottom: 0px;padding-top: 5px;font-size: 13px;}
/**-------------------------login-signup---------------------------------*/


/**-------------------------about-us-start---------------------------------*/
.top_bg{width: 100%; float: left; position: relative;}
.banner_inner h1 { padding: 90px 0px;position: relative;}
.choose_us {float: left; width: 100%;}
.choose_txt h2{font-size: 43px;}
.choose_txt p{font-size: 19px;     max-width: 500px;}
.choose_txt .site_btn{margin-left: 0px;}
.success{width: 100%; float: left;    background: #000000;
    position: relative;}
.advantage { float: left;width: 100%;}
.advantage_detail {float:  left;width: 100%;}
.advantage_detail i {width:  44px;display: inline-block;}
.icon_detail {display: inline-block;width: 86%;vertical-align: top;color: #909192;font-weight: bold;padding-left: 4%;}
.icon_detail p { padding-top: 15px;}
.icon_detail h6 {text-transform:  uppercase;font-size: 25px;color: #fff;font-weight: bold;}
.success:after { content: "";position: absolute;width: 45%; height: 100%; background: url(../img/right_img.png);top: 0;right: 0px;background-size: cover; background-position: center center;}
.advantage:after{background: url(../img/confidence.png) no-repeat;     background-size: cover;}
.professional{width: 100%; float: left; background: #2f2f2f;     padding: 80px 0px !important;}
.professional .btn{width: 270px; height: 64px; text-align: center; color: #fff; border: 1px solid #fff; background: transparent; font-weight: bold; font-size: 14px; line-height: 52px; border-radius: 0px;}
.professional h3{ font-weight: bold; font-size:43px;}
.center_text {width: 100%;text-align: center;}
.center_text h3, .center_text .btn {display: inline-block; vertical-align: middle;}
.testimonial{float: left; width: 100%; position: relative;}
.inner_text .author-image{width: 100%;}
.inner_text .media-body{width: 100%;}
.inner_text .author-position{font-size: 12px;}
.inner_text .author-title{font-size: 15px;}
.simple {min-height: 135px;     font-size: 18px;}
.site_btn{background: #000; border: 1px solid transparent;}
.site_btn:hover{border: 1px solid #000; background: transparent; color: #000;}
/**-------------------------about-us-end---------------------------------*/



/**-------------------------services-start---------------------------------*/
.services_wrap{width: 100%; float: left;}
.card-content{width: 100%; float: left;}
.card-content h5{font-weight: bold; font-size: 28px;}
.card-content span{font-size: 18px; line-height: normal;}
.services_wrap h2{font-size: 43px;}
.quality_professional{width: 100% ; float:left;}
.contact-list li{width: 100%; float: left; text-align: left;}
.quality_professional .title h2 {font-size: 40px;}
.quality_professional p{font-size: 22px;}
.quality_professional ul li{font-size: 22px;}
.quality_professional ul li i{    font-size: 8px;vertical-align: middle; margin-right: 5px;}
.text-dark{color: #000 !important;}
.testimonial h4{font-weight: bold;}
/**-------------------------services-end---------------------------------*/



/**-------------------------contact-start---------------------------------*/
.contact_us{width: 100%; float: left;}
#contactform .form-group {width: 48%;float: left; margin-right: 2%;}
.textareafield{width:98% !important;}
#contactform .form-group .form-control{    border: none;border-bottom: 1px solid #eee;border-radius: 0px;resize: none;padding-left: 0px;     color: #a3a3a3; text-transform: capitalize;}
#contactform .textareafield .form-control{min-height: 150px;}
#contactform .form-group .form-control:focus{outline: none; box-shadow: inherit;}
.contact_us p {color: #000;font-size: 17px;max-width: 400px;}
.contact_us p a{color: #71acf7;}
#contactform .site_btn{margin-left: 0px;    width: 340px;font-weight: bold;text-transform: uppercase;}
#contactform a{    border: 1px solid #cdcdcd;border-radius: 0px;width: 166px;height: 50px;color: #000;font-size: 14px;line-height: 38px;background: transparent;font-weight: bold;margin-left: 20px;}

/**-------------------------contact-end---------------------------------*/


/****************responisve-css-start***************************************/
@media (max-width: 1190px){
.success h4 {font-size: 40px;}
.feature .card-content h5{font-size: 30px;}
.banner-content{padding: 50px 0px 100px;}
#contactform .site_btn{width: 110px;}
#contactform a{width:110px;}
.Portfolio  {width: 31.333%;}
}

@media (max-width: 992px){
.site_nav .navbar-nav{margin-right: 0px !important}
.navbar-brand img{width: 150px;}
.search input[type="search"]:focus{width: 300px;}
.search_social {float: right;top: 10px;position: absolute;right: 0px;}
.site-header .navbar-toggler{position: absolute;right: 40px;top: 10px; outline: none !important;}
.site_nav .navbar-nav li a.nav-link{border-bottom: 1px solid #eee;}
.site-header .site_nav {padding: 10px 0px;}
.tag_line h2{font-size: 25px;}
.feature .card-content h5{font-size: 21px;}
.success h4 {font-size: 30px;}
.case_title{padding: 20px 0px;}
.case_img{width: 80px;height: 80px;}
.content_case p{width: 80%;}
.icon_pop{width: 55px;}
.icon_tag{font-size: 13px;}
.banner_inner {width: 100%; text-align: center;}
.banner_inner h1 {padding: 20px 0px;position: relative;}
.choose_txt h2 {font-size: 37px;}
.choose_txt p{font-size: 15px;}
.icon_detail{width: 84%;}
.icon_detail h6{font-size:19px}
.professional h3{font-size: 25px;}
.simple{font-size: 13px;}
.card-content h5{font-size: 26px;}
.testimonial h4{font-size: 22px;}
.quality_professional .title h2 {font-size: 25px;}
.quality_professional p {font-size: 18px;}
#contactform .site_btn{width: 98px;}
#contactform a{width: 98px;}

.contact_us h1 {font-size: 30px;}
}
@media (max-width: 767px){
.banner-content{padding:100px 0px;}
.banner-content h1{font-size: 28px; text-align: center; max-width:100%;}
.small_text {font-size: 26px;}
.tag_line h2{font-size: 18px;}
.feature .card-content h5{font-size: 26px;}
.grey_bg h2{font-size: 30px;}
.clients .title h2 {font-size: 24px;}
.details {font-size: 17px;}
.success::after{display: none;}
.success h4 {font-size: 30px;text-align: center;}
.case_title{padding: 25px 0px;}
.content_case p{width: 80%;}
.expertise{text-align: center;}
.expertise .hidden{display: none;}
.start h2 {font-size: 35px;}
.border-footer .float-left, .border-footer .right {padding-left: 10px;padding-right: 10px;}
.center_txt{width: 20px;}
.border-footer .float-left, .border-footer .right{text-align: center;}
.social-link {text-align: center !important; padding-top: 10px !important;}
.form_div{margin: 20px auto;}
.left_form{width: 100%; min-height: auto;}
.right_form{width: 100%; min-height: auto;}
.icon_tag{font-size: 13px;}
.choose_us .site_btn{margin-bottom: 15px;}
.choose_txt {text-align: center;}
.advantage_detail{text-align:center;}
.advantage_detail i{margin-bottom: 10px;}
.icon_detail{width: 100%; padding:0px; text-align: center;}
.icon_detail h6{font-size: 19px;}
.professional h3 {font-size: 29px;padding: 0px 0px 10px !important; width: 100%; margin: 0px !important;}
.testimonial .bold{font-size: 30px;}
.inner_text{margin: 20px 0px;}
.girlimg{text-align: center;}
.choose_txt p{font-size: 18px;}
.simple{font-size: 18px; min-height: auto; padding: 0px 0px 10px 0px !important}
.quality_professional ul li {font-size: 16px;}
.services_wrap h2 {font-size: 26px;}
.service_inner{margin-bottom: 20px; display: inline-block;width: 100%; text-align: center;}
#contactform .form-group{width: 100%; margin-right: 0px;}
#contactform .site_btn{width: 98px;}
#contactform a{width: 98px;}
.contact_us h1 {font-size: 30px;}
.contact_us p{padding: 0px 0px 10px !important;}
.contact_us{padding: 0px !important;}
#contactform{margin-bottom: 20px;}
.contact_us .text-dark {padding-bottom: 10px !important;}
.services_wrap{padding: 0px !important}
.tag_line p{margin: 15px auto;}
.Portfolio{width: 48%;margin: 0px 1% 10px;}
.clietnt{font-size: 25px;}
.testimonials.style1 .testimonial-nav li{margin: 0 8px 10px 0;}
.cleiets_testimonial {padding: 30px 0px 0px;}
.logoimg{margin: 20px 0px;}
#offerslider .owl-next{right: 0px !important; }
#offerslider .owl-prev{left: 0px !important;}
.navbar-brand img {width: 110px;}
.small_size h2 {font-size: 23px;}
.contact{padding: 30px 0px;}

}

@media (max-width: 580px){
.banner-content{padding:20px 0px;}
.center_txt{width: 100%; padding-bottom: 20px;}
.translator{max-height:inherit; padding: 40px 0px 0px 0px;}
.Portfolio{width: 100%; margin: 0px 0px 10px 0px;}
.contact form .form-group {
	width: 98%;
	float: left;
	margin: 5px 1%;
}
}
/****************responisve-css-end***************************************/