@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900&display=swap');
html {
  scroll-behavior: smooth;
}
body{font-family: 'Montserrat', sans-serif; font-size:15px; color: #202020;}
 .affix {
    top: 0px !important;
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background-color: #F44336;
    border-color: #F44336;
	max-width: inherit !important;
	border-radius:0px !important;
	box-shadow: 0px 2px 6px #424242;

  }
  .affix a {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
  }
  .affix-top a {
  }
  .affix + .container-fluid {
  }
   .affix .navbar-brand { padding:5px;}
  .affix .navbar-nav>li>a {padding: 25px 20px;}
img{max-width: 100%;}
  a{}
.h1, h1 {line-height: initial;
    font-size: 30px;
}
h1, h2, h3, h4{ text-transform:capitalize;}
p{ line-height: 30px;}
.btn-primary {
    color: #fff;
    background-color: #00318a;
    border-color: #00318a;
}
.btn-primary:hover{
    color: #fff;
     background-color: #e43039;
    border-color: #e43039;
}
.btn-danger {
    color: #fff;
    background-color: #e43039;
    border-color: #e43039;
}
.btn-danger:hover {
    color: #fff;
  background-color: #00318a;
    border-color: #00318a;
}
header{ position: relative; z-index:1000;}
.txt-rgt{ text-align:right;}
.navbar-default { z-index:1000;  margin:auto; border-radius:0px;
    background-color:#fff;box-shadow: 0px -4px 15px #cecece;
    border: none;}
.navbar-brand {padding:5px;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 800;}
.navbar-default .navbar-brand {
    color: #e43039;
}
.navbar-brand span{ color: #00318a; text-transform:capitalize;}
.navbar-brand>img { width: 200px; }
.navbar-default .navbar-nav>li>a{color: #333;}
.navbar-default .contact-nav>li>a{}
.navbar-default .contact-nav>li:last-child>a{color: #ffffff;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: 1px solid #e4be82 !important;
    padding: 10px;
    background-color: #e4be82;
    text-align: center;
    font-size: 20px;
margin-top: 28px;}
.navbar-default .contact-nav>li:last-child>a:hover{background-color: transparent;}
.navbar-nav>li>a.logo{    padding: 5px 35px;margin-top: 10px;}
.contact-nav{margin-left: 50px;}
.navbar-nav>li>a {color: #333;
    padding: 38px 15px;
    font-weight: 700;
    text-transform: capitalize;}
.navbar-nav>li:last-child>a{
    /*
    padding: 10px;
    margin-top: 28px;
    border-radius: 30px;*/}
	.navbar-nav>li:hover>.drop-menu{ display:block;}
	.drop-menu{ padding:0px;width: 100%}
.drop-menu-srvs{ }
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #e4be82;
}
	.drop-menu>li>a { padding: 12px 20px;font-weight: 600;color: #444; border-bottom: 1px solid #ddd;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color:#e43039;
}
/*.navbar-nav>li>a.logo:hover{background-color: transparent;}*/
.navbar-default .navbar-nav>li>a.logo:focus, .navbar-default .navbar-nav>li>a.logo:hover{background-color: transparent;}
	/*============ slider css =============*/
.type-box{text-align: center; margin: 30px;}
.type h1 a{ color:#fff; font-size:45px;}
	.bs-slider{
    overflow: hidden;
   /* height: 650px;*/
    position: relative;
}
.bs-slider:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.bs-slider:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.bs-slider .bs-slider-overlay {
    /*position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.40);*/
}
.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {
    margin: auto; height:650px;
    width: 100% !important;
}

/********************
*****Slide effect
**********************/
.slider-wrap{ width: 100%; position: relative;overflow: hidden; 
    margin-top:95px;}
.slider-wrap>img{width: 100%;height: 610px;
    object-fit: cover;}
.slider-wrap .slider-form{width:410px; float: right; position: relative;}
.slider-wrap .slider-form img{ width: 100%;}
.slider-wrap .form-box{position: absolute;
    padding: 30px 45px;
    left: 8%;
    width: 80%;
    top: 6%;}
.slider-wrap .form-box h2{ text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 25px;
    margin-top: 0px;
    font-size: 30px;}
.slider-wrap .form-box h2 span{ display: block; font-weight: 900;font-size: 28px;}
.slider-wrap .form-box form .form-group{}
.slider-wrap .form-box form .form-group .form-control{ border-bottom: 1px solid #eee;
    border-top: none;border-top: none;border-left: none;border-right: none; box-shadow: none; color: #333; border-radius: 0px;}
.slider-wrap .form-box form .form-group  .book-btn{    text-transform: capitalize;}
.slider-wrap .owl-nav{position: absolute;
    top: 50%;
    width: 100%;}
.slider-wrap .owl-prev{float: left;margin-left: 30px;}
.slider-wrap .owl-next{float: right;margin-right: 30px;}
.slider-wrap .owl-prev span{ font-size: 50px; color: #fff; }
.slider-wrap  .owl-next span{ font-size: 50px; color: #fff; }

/*---------- SLIDE CAPTION ----------*/
.mrgn-auto { margin:auto;}

.slide-text {
    left:7%;
    top: 2%;
    right: 7%;
    margin: auto;
    padding: 10px;
    position: absolute;
    
}
.slide-text-dec{position: relative;
    padding-top: 100px;}
.slide-text h1 {    text-transform: initial;
    padding: 0;
    font-weight: 700;
    font-size: 40px;
    font-style: normal;
    margin-bottom: 20px;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    color: #333;
        line-height: inherit;
}
.slide-text h3{ color: #e4be82;
    margin-bottom: 0px;
    font-size: 28px;}
.slide-text > p {
    padding: 0;
    color: #000;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 40px;
    letter-spacing: 1px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.slide-text > a.btn-default{
    color: #000;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    margin-right: 10px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}
.slide-text > a.btn-primary{
    color: #ffffff;
    cursor: pointer;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    margin-left: 10px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    background: #00bfff;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.slide-text > a:hover,
.slide-text > a:active {
    color: #ffffff;
    background: #222222;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
/*=========== end ===========*/

.wrap{ position:relative; padding-top:70px; padding-bottom:50px;}
.title{ position:relative; margin-bottom:35px;}
.title h1{ font-weight: 300;}
.title h3{}
.blue{color: #00318a;}
.red{color: #e43039;}
.white{ color:#fff;}
/*========== home page services section ========*/
.glry-wrap{position:relative; padding-top:70px; padding-bottom:10px;background-color: #fff;}
.glry-wrap:before{ content: "";  position: absolute; right:0px; top: 0px; bottom: 0px; width: 59%; 
    background-color:#f0f0f0;}
.glry-title { padding-top: 25px;}
.srvs-tabs{ text-align: center;}
.srvs-tabs li{ }
.srvs-tabs li a{ text-transform: uppercase; border-left: 1px solid #ddd; padding: 5px 20px; color: #202020;
    font-size: 17px; display: block;}
.srvs-tabs li.active>a{ font-weight:700;}
.projects-carousel{ position: relative;margin: 40px 0px; width: 100%;}
.projects-carousel .owl-carousel1 .item:last-of-type(odd){}
.projects-carousel .owl-carousel1 .item .thumbnail{border-radius: 4px;}
.projects-carousel .owl-carousel1 .item .thumbnail img{ 
    transition: all 0.6s ease 0s;
    width: 100%; border-radius: 10px;
    object-fit: cover;
}
.projects-carousel .owl-carousel1 .item .thumbnail img:hover{    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
    transition: all 0.6s ease 0s; }
.projects-carousel .owl-nav {    position: absolute;
    top: 50%;
    display: none !important;
    width: 100%;
}
.projects-carousel .owl-nav .owl-prev span, .projects-carousel .owl-nav .owl-next span{ font-size: 40px;
    line-height: 28px;
    color: #fff;} 
.projects-carousel .owl-nav .owl-prev {left: -50px;width: 45px;float:left;
    position: relative;height: 45px;background-color: #333 !important; }
.projects-carousel .owl-nav .owl-next{width: 45px;right: -50px;float: right;
    position: relative;height: 45px; background-color: #333 !important; }
.viewall{ position: relative;    margin: 20px 0px;}
.viewall a{color: #202020;  text-transform: uppercase;     font-size: 14px;
    font-weight: 600;}
.viewall a img{}
/*============ home page how it work ===========*/
.bg-black{background-color:#000;}
.work-wrap{position: relative; padding-bottom: 0px; padding-top: 70px;} 
.work-wrap:before{ content: ""; position: absolute; left: 0px; bottom: 0px; width: 300px; background: url(../images/how-work-before-bg.jpg)no-repeat;height: 390px;}
.work-title{width: 100%;
    position: absolute;
    top: 180px;    z-index: 1;
    left: 0px;}
.work-title h1{display: inline-block;
    text-transform: initial;
    padding: 12px;
    font-weight: 300;}
.howitwork-list{display: table-cell;}
.howitwork-list li{display: inline-grid; position: relative;
    text-align: center;    width: 33%;
    padding:50px 50px; float: left;}
.howitwork-list li:nth-child(2){ margin-top: 170px;}
.howitwork-list li:nth-child(3){margin-top: 320px;}
.howitwork-list li:last-child{border-right: none;}
.howitwork-list li .work-box:before{content: "";
    position: absolute;
    height: 1px;
    width: 51px;
    background-color: #333;
    right: -50px;
    top: 64%;
    z-index: -1;}
.howitwork-list li:before{ content: "";
    position: absolute;
    height: 1px;
    width: 80px;
    background-color: #333;
    right: 0px;
    top: 36%;
    z-index: -1;}
.howitwork-list li:after{ content: "";
    position: absolute;
    height: 135px;
    width: 1px;
    background-color: #333;
    right: 0px;
    top: 35%;
    z-index: -1;}
.howitwork-list li.last-li:after, .howitwork-list li.last-li:before, .howitwork-list li.last-li .work-box:before{ display: none;}
.howitwork-list li.last-li .arrow-img{    right: 20px;
    top: 50%;}
.howitwork-list li .arrow-img{position: absolute;
    right: -30px;
    top: 30%;}
.howitwork-list li .arrow-img img{    width: 55px;}
.howitwork-list li .arrow-img span{position: absolute;
    top: 10px;
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    left: 18px;}
.howitwork-list li .work-box{}
.howitwork-list li .work-box img{    margin-bottom: 20px;
    width: 100%;
    border: 1px solid #ddd;object-fit: cover;
    padding: 10px; background-color: #fff;height: 205px;}
.howitwork-list li .work-box h4{    text-transform: inherit;
    font-weight: 700;}
.howitwork-list li .work-box p{}
/*=========== services offer hompe page ================*/
.bg-gryblack{ background-color: #151617;}
.srvs-wrap{ background: url(../images/services-offer-bg.png)no-repeat;}
.srves-title{ padding-top: 50px;}
.srves-title .title h1{ font-weight: 300;}
.srvs-row{    background-color: #fff;
    border: 1px solid #ddd;}
.srvs-box{padding:35px 20px;}
.bdr-btm-row{border-bottom: 1px solid #ddd;}
.bdr-lft-col{border-left: 1px solid #ddd;}
.srvs-box img{    width: 105px;margin: 10px auto;}
.srvs-box h4{font-size: 14px;    line-height: initial;
    font-weight: 500;}
.srvs-box h4 span{ display: block;}
/*================= client home page ===================*/
.testimonials-wrap{background: url(../images/textimonial-bg.png)no-repeat; background-position: left top; }
.clents-title{position: relative;
    padding-right: 50px;
    padding-top: 25px;
    margin-bottom: 30px;}
.clents-title h4{color: #eca351;
    margin-bottom: 0px;}
.clents-title h1{ margin-top: 10px;    font-weight: 300;}
.clents-title p{ font-size: 14px;
    font-weight: 500;}
.tastimonial{margin-top: 20px;border-bottom: 2px solid #e4be82;
    padding-bottom: 50px;}
.single-testimonial-item{position: relative;
    display: block;
    -webkit-box-shadow: 0px 2px 10px 3px #f3f3f3;
    box-shadow: 0px 2px 10px 3px #f3f3f3;
    margin: 10px;
    padding: 20px;
    text-align: center;
    border: 1px solid #e4be82;
    border-radius: 10px;    margin-bottom: 25px;}
.single-testimonial-item:before{/* content: "\f10d";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 55px;
    height: 55px;
    padding: 12px;
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    background-color: #e4be82;
    font-size: 28px;
    color: #fff;*/}
.single-testimonial-item:after{content: '';
    display: block;
    position: absolute;
    left: 46%;
    bottom: -10px;
    width: 18px;
    height: 18px;
    transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);
    background-color: #fff;
    border-right: 1px solid #e4be82;
    border-bottom: 1px solid #e4be82;}
.client-name-details{ text-align: center;}
.tastimonial img{margin-bottom: 15px;}
.tastimonial p{margin-bottom: 20px;}
.tastimonial .user-img{  display:none;}
.tastimonial .user-img img{    width: 65px !important;
    border-radius: 50%;
    margin: 10px auto;
    border: 1px solid #f3f3f3; }
.tastimonial .user-name{padding: 0px 15px;}
.tastimonial .user-name h4{font-weight: 400;
    font-size: 16px;
    color: #e4be82;}
.tastimonial .owl-theme .owl-controls {position: relative;width: 100%; margin-top: 10px;}
.tastimonial .owl-theme .owl-dots{text-align: center;
    margin-top: 20px;}
.tastimonial .owl-nav{ display: none;}
.tastimonial .owl-carousel .owl-dots .owl-dot.focus{outline: none;}
.tastimonial .owl-carousel .owl-dots .owl-dot.active {background-color:#e4be82; height: 10px;
    width: 10px; border: 1px solid #e4be82;    outline: none;}
.tastimonial .owl-carousel .owl-dots .owl-dot{    border: 1px solid #ddd;
    height: 10px; position: relative;
    width: 10px; border-radius: 50%;
    display: inline-block;
    margin: 5px;padding: 3px;
    background-color: #ddd;}
.projects-carousel .tmb img{transition: 0.5s; width: 100%;}
.projects-carousel .tmb:hover> img{ transform: scale(1.1, 1.1);}

/*==================== home page city ===============*/
.city-wrap{ border-top: 1px solid #ddd;padding-top: 30px;
    padding-bottom: 50px;}
.cityes{text-align: center; margin-bottom: 30px;}
.cityes li{ padding: 25px 35px; display: inline-grid;margin-bottom: 20px;}
.cityes li:last-child{border-right: none;}
.city-box{ text-align: center;}
.city-box h5{    text-transform:capitalize;
    margin-bottom: 2px;color: #7b7b7b; font-size: 13px;}
.city-box .small{    color: #8b8b8b;
    font-weight: 500;}
.city-box img{}
.counter-box{     padding: 20px;
    min-height: 225px;}
.counter-box h1{ font-size: 70px; margin-bottom: 0px;}
.counter-box h1 span{}
.counter {
  animation-duration: 1s;
  animation-delay: 0s;
}
.bdr-bg{     width: 80px;
    background-color: #000;
    height: 3px;
    display: inline-block;}
.bdr-bg1{     width: 80px;
    background-color:#e4be82;
    height: 3px;
    display: inline-block;}
.lightgold{color:#e4be82;}
.counter-box h4{color: #666666;
    font-size: 14px;     text-transform: uppercase;
    font-weight: 500;}
.counter-sec{ position: relative;   background: url(../images/ptn-1.png);    padding-top: 20px;
    padding-bottom: 70px;}
.counter-sec:before{    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 30%;
    background-color: #fff;}
.counter-block{padding-left: 0px; padding-right: 0px;}
.inner-box{box-shadow: 0px 0px 20px rgba(0,0,0,0.10);    background-color: #fff;
    text-align: center;}
.inner-box>.thumbnail{ margin-bottom: 0px;}
.inner-box>.thumbnail img{    width: 100%;
    height: 225px;
}
/*============= button style ================*/
.button-1{width: 100%;
    height: 50px;
    /*float: left;*/
    text-align: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 0 20px 0;
    background-color:#e4be82;
    border-radius: 30px;
}
.button-1 a{ text-transform: uppercase;
  font-size:15px;
  color:#fff;
  text-decoration:none;
  line-height:50px;
  transition:all .5s ease;
  z-index:2;
  position:relative;
}
.button-1 a img{    float: none;
    margin-left: 10px;}
.eff-1{ border-radius: 30px;
  width:100%;
  height:50px;
  right:-740px;
  background:#000;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}
.button-1:hover .eff-1{
  right:0;
}
.button-1:hover a{
  color:#fff;
}
.button-1:hover a, .button-1:hover.book-btn{
  color:#fff;
}
/*========= home page contact =========*/
.contact-sec{ position: relative; background-color: #f0f0f0;    padding-top: 50px;
    padding-bottom: 35px;}
.contact-sec:before{content: "";
    position: absolute;
    right: 0px;
    bottom: 0px;
    width:50%;
    height: 100%;
    background-color:#f4f4f4;
top: 0px;}
.contact-form{ position: relative;}
.contact-form > .title{ border-bottom: 1px solid #999;}
.contact-form > .title h1 span{     font-size: 18px;
    font-weight: 500;
    color: #eca351;}
.mrgn-btm-adrs{margin-bottom: 20px;}
.map-col .contact-form{ padding-left: 50px;}
.contact-form form{margin-top: 35px;}
.contact-form .form-group{ margin-bottom: 25px;}
.form-ctrl{background-color: transparent;
    border-radius: 30px;
    height: 45px;
    box-shadow: none;
    padding-left: 20px;}
.form-msg{box-shadow: none;border-radius: 0px;background-color: transparent;
    border-bottom: 1px dashed #ddd;
    border-top: none;
    border-left: none;
    border-right: none;}
.hdr-social-link{margin-top: 15px;}

/*=========== becomea-modal ==========*/
.becomea-modal{}
.becomea-modal .modal-title {    text-align: center;
    font-size: 22px;
    font-weight: 700;
}
.becomea-modal .modal-header {
    padding: 25px;
    margin-bottom: 15px;
}
.becomea-modal .modal-body {
    padding: 30px;
}
.close {
    position: absolute;
    right: -22px;
    font-size: 45px;
    color: #fff;
    text-shadow:none;
    opacity: 9;
    top: -30px;}
.becomea-modal .modal-body form .form-group{ position: relative;margin-bottom: 25px;}
.becomea-modal .modal-body form .form-group .form-control{padding-left: 35px;}
.becomea-modal .modal-body form .form-group .icon{position: absolute;
    top: 14px;
    left: 16px;
    color: #e4be82;}
.tmb{border: none;padding: 0px;    position: relative;
    overflow: hidden;    border-radius: 0px;background-color: transparent;}
.fixed-btn{ position: fixed; right: 0px; bottom: 20%; display: none;}
.fixed-btn a{    color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    border: 1px solid #e4be82 !important;
    padding: 4px;
    background-color: #e4be82;
    text-align: center;
    font-size: 16px;
    display: block;}
/*=========== footer ================*/
footer{background:#222;}
.fotr-logo{ margin-bottom: 15px;}
footer h3{    color: #000;
    padding-bottom: 10px;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 700;}
footer p{ color:  #333;font-weight: 500;}
.fotr-media{}
.fotr-media p a{ color: #555;}
.fotr-media p i{ color: #eca351; font-size: 30px;}
.fotr-media h4{ margin-top: 0px; position: relative; margin-bottom: 5px;}
.fotr-menu{}
.fotr-menu li a{color: #333;
    text-transform: capitalize;
    display: block;
    padding: 8px 2px;
    transition: 0.5s;
    font-weight: 500;}
	.fotr-menu li a:hover{transform: translate(10px, 0px);-o-transform: translate(10px, 0px);-webkit-transform: translate(10px, 0px); text-decoration:none;}
	.cpyrgt-wrap{position: relative;
    padding-top: 20px;
    padding-bottom: 20px;}
.cpyrgt-wrap .hdr-social-link li a{color: #a6a6a6;transition: 2s;display: block;}
.cpyrgt-wrap .hdr-social-link li a:hover{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);color: #e4be82;}
    .cpyrgt-wrap p{ padding-top:10px; color:  #fff;    font-size: 14px;}
.cpyrgt-wrap p a{ color:#e4be82;}

.whatsap {
    right: 0px;
    position: fixed;
    z-index: 100;
    bottom: 20px;
    /*background-color: #111;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    */
    padding: 5px 20px 5px 5px;
    
}
.whatsap a {
    color: #fff;
    font-weight: 600;
}
.whatsap a i {
    border-radius: 50%;
    font-size: 30px;
    color: #fff;
    background: #4CAF50;
    /*padding: 5px;*/
    height: 45px;
    width: 45px;
    text-decoration: none;
    text-align: center;
    line-height: 45px;
}
	
/*================ inner pages ===========*/

/*============= gallery ===========*/
.glry-box{position: relative;margin-bottom: 20px;}
.glry-box .thumbnail{border-radius: 4px;}
.glry-box .thumbnail img{ border-radius: 4px;}
.glry-box h4{text-transform: capitalize;}
/*========= Privacy Policy =============*/
.privacy_txt{ }
.privacy_txt h4{ font-weight: 800;}
.privacy_txt p{ text-align: justify;}

.contact-box{     padding: 15px;    border-bottom: 1px dashed #ddd;}
.contact-box h1 i{ color: #f99011;}
.contact-box h4{color: #b3b3b3;}
.contact-box p a{    color: #333;}
.bg-gray{background-color: #fafafa;}
.goglemap{background-color: #ddd; border: 1px solid #ddd;}
.contact-social-link{}
.contact-social-link li{}
.contact-social-link li a{ font-size: 20px; color: #333; transition: 0.5s; display: block;}
.contact-social-link li a:hover{transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);}
/*=========== thanks ============*/
.thanks-section{ position: relative;    padding-top: 160px;padding-bottom: 95px;}
.inner-thanks img {
    width: 100px;
    margin-bottom: 15px;
}
.inner-thanks h1 {
    font-weight: 800;
    font-size: 40px;
    margin-bottom: 15px;
}
.inner-thanks p {
    font-size: 20px;
    font-weight: 500;
}
.inner-thanks .button-1 {height: 50px;}}
.inner-thanks .eff-1 {height: 50px;}
.inner-thanks .button-1 a {line-height: 50px;}













/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/
@media (max-width:1100px) {
    .process-icon {
    width: 145px;height: 145px;padding-top: 20px;}
    }
@media (max-width: 1024px) {
    .navbar-nav>li>a.logo {display: none;}
    .navbar-nav>li>a {padding:15px 10px;font-size: 12px;}
    .navbar-brand>img { width: 90px;}
    .affix .navbar-nav>li>a {padding: 15px 5px;}
    .navbar-brand {padding: 5px;}
    .affix .navbar-brand {
    padding: 5px 5px;}
    .contact-nav { margin-left: 10px;  display: none;}
     .fixed-btn{display: block;}
    .slider-wrap { margin-top: 50px; background: url(../images/banner-bg.jpg)no-repeat; background-position: left top;min-height: 630px;}
    .slider-wrap>img {display: none;}
    .slide-text {left: 2%;right: 2%;}
    .slider-wrap .slider-form {width: 375px;}
    .slider-wrap .form-box { padding: 30px;}
    .slide-text-dec {padding-top: 10px;}
    .wrap { padding-top: 20px;padding-bottom: 20px;}
    .srvs-tabs li a { padding: 5px 10px;font-size: 16px;}
    .slide-text h1 {font-size: 30px;
    line-height: 45px;
    margin-bottom: 20px;}
    .slide-text > p {font-size: 18px; }
    .servs-wrap { padding-top: 20px;
    padding-bottom: 20px;}
    .clents-title>img { right: 25px;width: 175px;}
    .work-title {width: 70%;top: 127px;left: 27%;}
    .howitwork-list li {padding: 30px;}
    .howitwork-list li:before {top: 20%;}
    .howitwork-list li .work-box:before {top: 52%;}
    .howitwork-list li:after {height: 142px;top: 24%;}
    .howitwork-list li .arrow-img {top: 16%;}
    .howitwork-list li.last-li .arrow-img {top: 37%;}
    .cityes li {padding: 25px 14px;}
    .srvs-box {padding: 25px 15px;    min-height: 220px;}
    .srvs-box h4 {}
    .map-col .contact-form {padding-left: 10px;}
    /*======== thanks ========*/
    .thanks-section {padding-top: 110px;padding-bottom: 50px;}
    
}
    


/*---------- MEDIA 480px ----------*/
@media  (max-width: 767px) {
	.navbar-brand {padding: 3px;}
    .navbar-nav>li>a {padding: 10px 15px;font-size: 14px; text-align: center;}
    .affix .navbar-brand {
    padding: 2px 5px;}
    .affix .navbar-nav>li>a {
    padding: 15px 20px;}
    .navbar-brand>img {width: 125px;}
    .hdr-social-link li a {font-size: 15px;}
    .contact-nav {margin-left: -15px;    margin-bottom: 0px;display: none;}
    .fixed-btn{display: block;}
    .slider-wrap .owl-nav{ top: 25%;}
    .slider-wrap .owl-prev{margin-left: 10px;}
    .slider-wrap .owl-next{margin-right: 10px;}
    .slide-text {   text-align: center;
    left: 0%;
    right: 0%;
    top: 0px;}
    .slide-text-dec {padding-top: 0px;}
	.navbar-default .navbar-toggle {}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {}
    .navbar-default .navbar-toggle .icon-bar {
    background-color: #777;}
    .navbar-toggle {margin-top: 15px;}
    .slider-wrap{background: url(../images/banner-bg.jpg)no-repeat; background-size: cover;    
        margin-top: 50px; min-height: auto;}
    .slider-wrap>img{display: none;}
    .slider-wrap .slider-form {margin-top: 30px;
    width: 100%;
    float: none;
    border: 15px solid #ddd;
    background-color: #fff;
    box-shadow: 0px 1px 6px 4px #eee;}
    .slider-wrap .form-box {padding: 15px;
    top: 5%;
    position: relative;
    left: 0px;
    right: 0px;
    width: 100%;}
    .slider-wrap .slider-form img {display: none;}
    .slider-wrap .form-box h2 {margin-bottom: 15px;font-size: 20px;}
     .slide-text {position: relative;
        padding: 10px;}
    .slide-text h3 {
    color: #eca351;
    font-size: 20px;}
    .slide-text h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .slide-text > p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;}
    .h1, h1 {font-size: 30px;    margin-top: 10px;
    margin-bottom: 15px;}
    .counter-block {padding-left: 15px; padding-right: 15px;}
    .inner-box {margin-bottom: 30px;}
    .howitwork-list li:before, .howitwork-list li:after{ display: none;}
    .howitwork-list li .work-box:before{display: none;}
    .howitwork-list li:nth-child(2) {margin-top: 0px;}
    .howitwork-list li:nth-child(3) {margin-top: 0px;}
    .wrap { padding-top: 20px;padding-bottom: 20px;}
    .h2, h2 {font-size: 22px;}
    .title {margin-bottom: 15px;}
    .srvs-tabs li {margin-bottom: 5px;}
    .srvs-tabs li a {border-left: none;border-bottom: 1px solid #ddd; font-size: 14px;}
    .work-wrap {padding-bottom: 20px; padding-top: 20px;}
    .work-wrap:before {display: none;}
    .work-title {width: 100%; top: 0px;    position: relative;left: 0px;}
    .work-title h1 {padding: 0px;}
    .howitwork-list {display: block;}
    .howitwork-list li {display: inline-block;width: 100%;padding: 10px;}
    .howitwork-list li .work-box img {margin-bottom: 10px;}
    .counter-sec {padding-top: 20px;padding-bottom: 20px;}
    .counter-sec:before { display: none;}
    .counter-sec .title{text-align: center;    margin-bottom: 30px;}
    .projects-carousel {margin:0px;}
    .howitwork-list li .arrow-img { display: none;}
    .cityes {margin-bottom: 0px;}
    .cityes li {padding: 15px; margin-bottom: 10px;}
    .srvs-wrap {border-top: 1px solid #ddd;}
    .srvs-row {border: none;}
    .srvs-box {padding:0px;min-height: auto;}
    .srvs-box h4 span {display: initial;}
    .srves-title {padding-top:0px;}
    .glry-wrap {padding-top: 20px;border-top: 1px solid #ddd;}
    .glry-wrap:before{display: none;}
    .glry-title {text-align: center;padding-top: 0px;}
    .inner-box>.thumbnail img {height: auto;}
    .bdr-lft-col {border-left: none;}
    .bdr-btm-row {border-bottom: none;}
    .projects-carousel .owl-dots{display: none;}
    .projects-carousel .owl-nav { top: inherit;width: 115px;
    bottom: -24px;
    right: 0px;}
    #testimonials .viewall{text-align: center;}
    .projects-carousel .owl-theme .owl-prev {    left:0px;}
     .projects-carousel .owl-theme .owl-next { right: 0px; }
    .viewall {margin: 5px 0px;}
     .teams li {
    padding: 5px 0px;
    width: 50%;}
    .lg-dp{display: none;}
    .mobile-dp{display: block;}
    .who-box {margin-bottom: 0px;
    text-align: center;}
    .who-box p { padding-left: 0px; padding-right: 0px;}
    .clents-title { border-right: none;padding-right: 0px; text-align: center;}
    .clents-title>img {position: relative;
    right: 0%; width: 165px; margin: auto; display: block;}
    .clents-title h1 { margin-top: 10px;}
    .tastimonial {
    margin-top: 0px;
    margin-left: 0px;
    text-align: center;}
    .tastimonial .user-img {
    float: none;display: inline-block;}
    .tastimonial .user-name {
        display: block;}
    footer {padding-top: 20px;    text-align: center;}
    .fotr-logo {margin: auto auto 10px;}
    .txt-rgt {text-align: inherit;}
    .cpyrgt-wrap {padding-top: 0px;margin-top: 0px;}
    .fotr-menu { padding-left: 0px;}
    .contact-sec:before{display:none;}
    .map-col .contact-form {padding-left: 0px;}
    .becomea-modal .modal-header {padding: 15px;margin-bottom: 5px;}
    .becomea-modal .modal-body {padding: 20px;}
    .close {right: -12px;
    font-size: 35px;
    top: -20px;}
    
    
}


@media  (max-width: 480px) {
    .slide-text {
        padding: 10px;
    }
    .slide-text h1 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 5px;
    }
    .slide-text > p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .slide-text > a.btn-default, 
    .slide-text > a.btn-primary {
        font-size: 10px;
        line-height: 10px;
        margin-right: 10px;
        text-align: center;
        padding: 10px 15px;
    }
    .indicators-line > .carousel-indicators{
        display: none;
    }
    .srvs-tabs li { display: block;
    margin-bottom: 10px;}
     .howitwork-list li {width: 99%;border-right: none;}
    .teams li {
    border-right: none;
    width: 100%;
    border-bottom: 1px solid #ddd;}

}




/*---------- CSS ----------*/
.text-row-start{text-align: start !important;}
 .ol {
      counter-reset: list-counter !important;
      list-style: none !important;
      padding-left: 0 !important;
      display: flex;
      flex-direction: column;
    }
    .ol li {
      counter-increment: list-counter !important;
      margin-bottom: 10px !important;
      position: relative !important;
      padding-left: 30px !important;
	  padding-right: 0 !important;
	  padding-top: 0 !important;
	  padding-bottom: 0 !important;
    }
    .ol li::before {
      content: counter(list-counter) "." !important;
      position: absolute !important;
      left: 0 !important;
      top: 0 !important;
      font-weight: 400 !important;
      color: #000 !important;
    }