body{ padding: 0px; margin: 0px;  font-family: 'oranienbaumregular';}
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: 'oranienbaumregular';
    src: url('../fonts/oranienbaum-webfont.woff2') format('woff2'),
         url('../fonts/oranienbaum-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face { 
    font-family: 'Sakkal Majalla';
    src: url('../fonts/SakkalMajalla-Bold.woff2') format('woff2'),
        url('../fonts/SakkalMajalla-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}


/****************HEADER-CSS-START***************************************/
.list-style-type li a {font-size: 18px;color: #000;padding: 8px 7px;display: inline-block;}
.list-style-type li a:hover{    color: #dfaa4c;}
.black_bg {background: #000;}
.black_bg a.navbar-brand {padding: 0px;}

.mobile_logo{display: none;}






.site-header{ background: #fff;}
.site-header_inner {border-bottom: 1px solid #eee;}
.site-header .site_nav {padding: 0px 0px;}
.search_social { float: right;top:0px; 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: 2px 40px 9px 24px; right:110px; position: absolute; width: 55px;outline: none !important;
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: 50px; color: #fff;  background-color: #000; cursor: auto;  padding: 9px 15px 9px 50px;
 outline: none !important; border: 1px solid #fff; margin-right: 10px;     margin-top: -6px; }
.site_nav .navbar-nav li a.nav-link{font-size: 18px;color:#fff;  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: #dfaa4c !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: 0px 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;}
.cart_no {position: absolute;top: -15px;background: #dfaa4c;width: 22px;height: 22px;border-radius: 50px;text-align: center;line-height: 23px;color: #fff;left: 9px;}
.cart_link{position: relative;}
.search_social ul li {padding: 0px 6px;}
/****************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: 200px 0px 200px;float: right;width: 100%; }
.banner-content h1 {;text-align: left; font-size:60px;    position: relative; }
.banner-content h1:before{    width: 150px;height: 2px;background: #dfaa4c;position: absolute;top: 34px; content: "";left: -170px;right: 0px;}
.small_text{     font-size:24px;     letter-spacing: 0px;width: 100%;text-align: left;     padding: 8px 0px 15px;display: inline-block;     font-family: 'Sakkal Majalla';}
.tag_line {background: #fff;    padding: 40px 0px 0px 0px; position: relative;}
.tag_line h2{font-size: 50px;    display: inline-block;}
.tag_line p {font-size: 23px;     max-width: 768px;margin: 30px auto;     color: #777777; line-height: 35px;}
.banner-content .btn{width: 200px; height: 62px; background: transparent; border-color: #fff;         font-family: 'Sakkal Majalla';font-size: 19px;background: transparent;border-color: #fff;padding: 15px 40px;     line-height: 33px;}
#offerslider .col-12.col-md-4 {max-width: 100%;}
.border_after:after{     width: 150px;
    height: 2px;
    background: #dfaa4c;
    display: inline-block;
    position: absolute;
    content: "";
    right: -152px;
    bottom:8px;}
.border_after{position: relative;}
/****************SLIDER-SECTION-CSS-END***************************************/

/****************FEATURE-SECTION-CSS-END***************************************/
.feature .card {border: 1px solid #fff;    margin-bottom: 25px; transition-duration: 0.4s;
    transition-property: background-color, border-color;}
.feature .card:hover{border-color: #dfaa4c;}
.icon {width: 100%;display: inline-block;}
.feature .card-content .content{font-size: 25px;     color: #898989 !important;}
.feature .card-content h5{font-size:35px;   position: relative;     text-transform: capitalize; }
.feature .card-content h5:after{    width: 100px;height: 2px;background: #dfaa4c;position: absolute;margin: auto;content: "";bottom: -10px;left: 0px;right: 0px;}
#feature { position: relative;     padding:370px 0px 70px;}
.tag_line .heading {
    padding-top: 90px !important;
}
.themebtn{width: 200px; height: 62px; background: transparent; border-color: #000;     padding: 15px 40px;     line-height: 33px; color: #000; font-family: 'Sakkal Majalla';
    font-size: 21px;}
.tag_line .btn:hover {
    background: #dfaa4c;
    border-color: #dfaa4c;
    color: #000;}
#offerslider .col-12.col-md-4 {max-width: 100%;}
.group_img{    background-image: url(img/ourmission.png);width: 50%;float: right;background-size: cover;height:700px;position: absolute;right: 0px;top: 0px;}
.content_p {
    color: #787878;
    font-family: 'Sakkal Majalla';
    font-size: 21px;
    padding: 5px 0px;
}
.popular h2.text-dark {
    font-size: 50px;}
/****************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***************************************/

/****************aythority-CSS-start***************************************/
.aythority .group_img{left: 0px;     background-position: top center;}
.aythority h2:after {top: 35px;}
/****************SUCCESS-CSS-END***************************************/
.popular .card-content span {color: #8e8e8e !important;font-size: 22px;}
.popular .card-icon {min-height: 200px;}
.popular .card-content { min-height: 170px;}
.card-content a {font-size: 28px;width: 100%;display: inline-block;line-height: 30px;}
.card-content a:hover{color: #dfaa4c !important;}
.popular .card {border: none;}
.logo{background: #fff;}
.logoimg{    width: 20%;float: left;text-align: center;margin: 80px 0px;}
.logoimg:hover img{opacity: .7;}
.popular {padding: 240px 0px 80px;}
.map span {font-size: 40px;color: #fff;vertical-align: top;padding: 0px 10px;}
.map p, .center_txt p {color: #fff;font-size: 19px;  font-family: 'Sakkal Majalla';}
.map p b{display: inline-block; width: 100%;}
.map {padding:42px 0px 0px;}
.social-link li a{font-size: 18px;
    padding: 5px 10px;
    color: #dfaa4c !important;}
.aythority .heading {
    padding-top: 100px !important;
}
/****************FOOTER-CSS-END***************************************/
footer {
    background: #121212;
    float: left;
    width: 100%;}
.dummy_txt{color: #fff;     font-family: 'Sakkal Majalla';
    font-size: 25px;}
.testimonialbg{float: right;
    background-size: cover; position: absolute; left: 0px; right: 0px; width: 100%; height: 100%; background-size: cover;     background-position: center center;}
.textimonial {
    position: relative;}
.author-image img {
    width: 100px;
    height: 100px;
}
.author-title {
    font-size: 25px;
    padding: 5px 0px 0px;
}

.author-position {
    font-size: 20px;
    color: #565656;
    padding: 0px 0px 5px 0px;
    line-height:  13px;     font-family: 'Sakkal Majalla';
}
.content p {
    font-size: 28px;
    line-height: 32px;
    font-family: 'Sakkal Majalla';
    color: #565454;
    padding: 10px 0px;
}

.content {
    width: 100%;
    float:  left;
    padding: 15px 0px;
}
#offerslider {
    padding: 60px 0px;}
#grpmap{width: 100%; float: left; height: 400px;}
/****************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/authotity.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-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;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---------------------------------*/

/*-------------------------Our Member------------------------*/


.our_gallery_bx,
.our_blog_bx,
.our_testimonial_bx,
.our_member_bx{ display: inline-block; width: 100%; padding-top: 50px; overflow: hidden}

.our_member_bx .thumbnail {padding: 0; margin-bottom: 40px;background-color: transparent;border: none;border-radius: 0; text-align: center;}
.team-member-img{ display: inline-block; width: 250px; height: 250px; border-radius: 50%; overflow: hidden}
.our_member_bx .thumbnail .caption {padding: 20px 10px;color: #333;}
.our_member_bx h3{ color: #333; font-size: 22px; text-transform: uppercase; font-family: 'GillSansStd-Bold'; }
.our_member_bx p{ font-size: 17px;  line-height: 24px; padding-top: 10px;font-family: 'GillSansStd-Light';}

.our-testimonial-section:before{ margin-top: -3%}
.our_testimonial_bx .thumbnail {padding: 0; margin-bottom: 40px;background-color: transparent;border: none;border-radius: 0; }
.team-testimonial-img{ display: inline-block; width: 200px; height: 200px; border-radius: 50%; overflow: hidden;vertical-align: middle}
.our_testimonial_bx .thumbnail .caption {padding: 20px 10px;color: #333; display: inline-block; width: 70%; vertical-align: middle; padding-left: 30px;}
.our_testimonial_bx h3{ color: #333; font-size: 22px; text-transform: uppercase; font-family: 'GillSansStd-Bold'; }
.our_testimonial_bx p{ font-size: 17px;  line-height: 24px; padding-top: 10px;font-family: 'GillSansStd-Light';}

.our_blog_bx .thumbnail {padding: 0; margin-bottom: 40px;background-color: transparent;border: none;border-radius: 0; display: inline-block }
.team-blog-img{ float: left;margin-right: 30px; width: 50%}
.our_blog_bx .thumbnail .caption {padding: 0px 0px;color: #333; }
.our_blog_bx h3 a,
.our_blog_bx h3{ color: #000; font-size: 22px; text-transform: uppercase;  }
.our_blog_bx p{ font-size: 17px;  line-height: 24px; padding-top: 10px;font-family: 'GillSansStd-Light';}
.our_blog_bx .thumbnail ul { display: inline-block; padding: 10px 0}
.our_blog_bx .thumbnail ul li{ display: inline-block; padding-right: 10px;  }
.our_blog_bx .thumbnail ul li i{ color: #000; margin-right: 3px; }
.our_blog_bx .thumbnail ul li span{ display: inline-block; font-size: 13px; color: #777777;font-family: 'GillSansStd-Light';}
.our_blog_bx .btn-primary {background: #dfaa4c;color: #fff;font-size: 17px;padding: 10px 23px;border-radius: 2px;text-transform: uppercase; border: none;
             margin-top: 20px;}
.our_blog_bx .btn-primary:hover {background: #03374e;color: #fff;}

.our_gallery_bx .thumbnail {padding: 0; margin-bottom: 40px;background-color: transparent;border: none;border-radius: 0; }
.team-testimonial-img{ display: inline-block; width: 200px; height: 200px; border-radius: 50%; overflow: hidden;vertical-align: middle}
.gallery-hover { left: 0; position: absolute; text-align: center; top: 0%; height: 100%; background: rgba(0, 0, 0, 0.2) ;
width: 100%; color: #fff; font-size: 28px; opacity: 0;}
.gallery-img:hover .gallery-hover { opacity: 1}

.gallery-hover h3 { left: 0; position: absolute; text-align: center; top: 50%; 
width: 100%; color: #fff; font-size: 28px;  transform: translate(0,-50%)}

.gallery-img { border-radius: 0%; display: inline-block;overflow: hidden; position: relative; width: 100%;}
.gallery-img img{   transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all; width: 100%}
.gallery-img:hover img{    transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);
          -ms-transform: scale(1.05);}

/*--------------contact-section-----------*/

/****************EXPERTISE-CSS-END***************************************/
.Portfolio {
    position: relative;
    margin: 5px;
   text-align: center;    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;     padding: 0px 5px;
    font-size: 20px;}
.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: auto;
    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 5px;     font-family: 'Sakkal Majalla';}
.more_btn {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}


/****************responisve-css-start***************************************/
@media (max-width: 1370px){
.group_img{height: 500px;}    
#feature{    padding: 70px 0px 70px;}
.aythority .heading {padding-top: 50px !important;}
.tag_line .heading {padding-top: 0px !important;}
.popular {
    padding: 80px 0px 80px;
}
    .banner-content{padding: 100px 0px;}
    .tag_line h2{font-size: 40px;}
}
@media (max-width: 1190px){
.list-style-type li a {font-size: 15px;color: #000;padding: 8px 5px;display: inline-block;}
.banner-content h1 {font-size: 45px;}
.tag_line .heading {
	padding-top: 0px !important;
}
.tag_line p{margin: 10px auto;}
.group_img {
	height: 420px;
}
.Portfolio{width: 32%;}

}

@media (max-width: 992px){ 
.mobile_logo{display: inline-block;}
.list-style-type li a {font-size: 11px;color: #000;padding: 8px 2px;display: inline-block;}
.banner-content h1 {font-size: 34px;}
.border_after::after{display: none;}
.list-style-type li a {font-size: 18px;color: #000;padding: 8px 3px;}
.mobile_logo {width: 100px;margin: 0px;}
.desktop_logo{display: none;}
.mobile_logo{padding: 0px;width: 100%;text-align: center;}
.mobile_logo img {width: 110px;}
.search_social {float: right;position: absolute;right: -15px;top: 0px;}
.navbar-light .navbar-toggler {color: rgba(0,0,0,.5);border-color: #fff;position: absolute;top: 1px; background: #fff;}
.search_social ul li {padding: 5px 2px;width: 26px;}
.search input[type="search"]    {right: 54px;background-size: 47%;top: 4px;}
.search input[type="search"]:focus {background-size: auto; right: 60px;top: 9px;}
.fixed-me .search_social{top:0px;}
.logoimg img{height: 50px;}
.logoimg{margin: 20px 1%; width: 18%;}
.choose_txt {
	margin-bottom: 25px;
}
.Portfolio{width: 48%;}
.icon_detail{width: 83%;}
.team-blog-img{width: 100%;}
.our_blog_bx h3 a, .our_blog_bx h3{width: 100%;

display: inline-block;

padding: 10px 0px 0;}



}
@media (max-width: 767px){
.list-style-type {text-align: center;}
.banner-content h1::before{display: none;}
.banner-content{padding: 20px 0px; text-align: center;}
.banner-content h1{font-size: 30px; text-align: center;}
.small_text{padding: 5px 4px; text-align: center;}
.group_img{display: none;}
.tag_line h2 {font-size: 25px;display: inline-block;}
#feature{padding: 25px 0px; }
#offerslider .owl-controls {text-align: center !important;}
.map p, .center_txt p {color: #fff;font-size: 15px;font-family: 'Sakkal Majalla';}
.map {padding: 0px 0px 0px;}
.social-link li a {font-size: 12px;padding: 5px 4px;color: #dfaa4c !important;}
.list-style-type li a {font-size: 16px;color: #000;padding: 8px 3px;}
.Portfolio{width: 47%;}

.success::after{display: none;}
.banner_inner {
	text-align: center;
	width: 100%;
}   
#contactform .site_btn{width:100%; }
#contactform{margin-bottom: 20px;}

}

@media (max-width: 580px){
.aythority h2::after{display: none;}
.logoimg {width: 50%;float: left;text-align: center;margin: 10px 0px;}
.map {padding: 10px 0px 20px;}
.Portfolio{width: 100%; margin-bottom: 10px;}

}
/****************responisve-css-end***************************************/