@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap');
body
{
     font-family: 'Roboto', sans-serif;
}

header{position:relative;width:100%;/* background:#333; */}
.logo{
    z-index: 123;
     padding: 10px 10px;
    font-family: 'Roboto', sans-serif;
    float: left;
    width: 15%;
}
#cssmenu ul
{
    float: left;
}
.logo a{color:#6DDB07;/* z-index: 999999; *//* float: left; */}
nav{position:relative;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom: 0;font-family: 'Roboto', sans-serif;}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif;/* background:#333 */}
#cssmenu > ul > li{float:left;padding: 10px;}
#cssmenu > ul > li > a{padding: 17px 0px;font-size:12px;font-family: 'Roboto', sans-serif;letter-spacing:1px;text-decoration:none;color: #000;font-weight:700;text-transform: uppercase;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color: #CC223F;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{/* background:#448D00!important; */-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px;z-index: 1;}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background: #ddd;transition:all .25s ease;}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color: #000;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color: #CC223F;}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
#menu-button
{
    display: none;
}
@media screen and (max-width: 1000px){
   
    #HEADER {
    height: auto;
    top: 0;
    line-height: 32px;
    box-shadow: 0 0 10px #999;
    box-shadow: 0 0 6px #00000045;
    position: relative;
    z-index: 2;
    width: 100%;
    background: #000;
    padding: 10px 0px;
}
.logo{
   width: auto;
   height: auto;
   text-align: left;
   padding: 5px 5px;
   float: none;
}
  .logo img
    {
        width: 20%;
    }
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%;background: #fff;float: left; padding: 10px 10px;}
#cssmenu ul{width:100%;display:none;    text-align: center;}
#cssmenu ul li{width:100%;border-top:1px solid #444;}
#cssmenu ul li:hover{background: #fff;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto;}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;color: #000;}
#cssmenu > ul > li{float:none;text-align: center;padding: 1px 0px;}
#cssmenu ul ul li a{padding-left:25px;}
#cssmenu ul ul li{background: #fff !important;/* margin: 10px 0px; */}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color: #000;background:none;text-align: center;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left;border-bottom: 1px solid #000;margin-bottom: 15px;}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;/* padding:23px; */color:#ddd;font-size:12px;font-weight:700;}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top: 24px;right:20px;display:block;height: 0px;width:20px;border-top: 2px solid #CC223F;border-bottom: 2px solid #CC223F;content:'';}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top: 15px;right:20px;display:block;height: 4px;width:20px;background: #CC223F;content:'';}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height: 4px;width:19px;background: #CC223F;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.button.menu-opened:before{top:23px;background: #CC223F;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background: #fff;}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background: #000;content:'';}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background: #000;}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background: #000;content:'';}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
.gallery-grids img {
    height: auto !important;
}

}
@media screen and (max-width: 360px){
.logo {
 
    height: auto;
    text-align: left;
    padding: 8px;
    float: none;
}
.button {
    width: 55px;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 12399994;
}
}
.about-content p
{
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .5px;
    font-family: 'Roboto', sans-serif;
    text-align: left;
}
.about-contents p
{
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .5px;
    font-family: 'Roboto', sans-serif;
    text-align: left;
}
.info
{
    z-index: 1;
    bottom: 0;
    /* padding: 30px; */
    width: 100%;
}
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 2%;
    overflow: hidden;
    z-index: 999;
    width: 40px;
    height: 40px;
    border: none;
    text-indent: 100%;
    background: url(assets/images/arrow.png) no-repeat 0px 0px;
}
video {
  width: 100%;
  height: auto;
}
/* Demo Styles */
#content {
  margin: 0 auto;
  /* padding-bottom: 50px; */
  width: 80%;
  max-width: 978px;
}

h1 {
  font-size: 40px;
}

.preloaderBg {
      position: fixed;
    z-index: 9999; 
    top: 0;
      background: #fff;
    width: 100%;
    height: 100%;
    text-align: center;
    align-items: center;
}

.preloader {
    margin: 100px auto;
    background: url(http://innowiztest.in/test-backup/bedncoat/assets/images/logo.jpg) no-repeat center;
    background-size: contain;
    width: 100px;
    height: 300px;
}


.preloader2 {
  /* border: 5px solid #f3f3f3; */
  /* border-top: 5px solid #f00; 
  border-radius: 50%;
  width: 250px;
  height: 250px;
  animation: spin 1s ease-in-out infinite;
  position: relative;
  margin: 0 auto;
  top: 0px;*/
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* contact */
/*-- footer --*/
.w3ls-post-grids li a
{
        padding: 10px 0;
        font-size: 14px;
        color: #b5b5b5;
        font-weight: 300;
        letter-spacing: .5px;
        font-family: 'Roboto', sans-serif;
}
.w3ls-post-grids li a:hover
{
    text-decoration: none;
    color: #CC223F;
}
.w3ls-post-grids li
{
     padding: 5px 0;
}
.agileits-w3layouts-footer {
    padding: 2em 0;
}
.agileits-w3layouts-footer{
    background: #000;
    padding: 3em 0;
}
.w3-agile-grid h5{
    text-transform: uppercase;
    margin: 0 0 2em 0;
    font-size: 1.2em;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
}
.w3-agile-grid p{
    color: #b5b5b5;
    font-size: 14px;
    line-height: 1.8em;
    margin: 0;
    font-weight: 300;
    letter-spacing: .5px;
    font-family: 'Roboto', sans-serif;
}

.footer-agileinfo-social {
    margin: 2em 0 0 0;
}
.footer-agileinfo-social ul {
    padding: 0;
    margin: 0;
}
.footer-agileinfo-social ul li {
    display: inline-block;
    margin: 0 .5em 0 0;
}
.footer-agileinfo-social ul li a {
    color: #FFFFFF;
    text-align: center;
}
.footer-agileinfo-social ul li a i.fa {
    height: 30px;
    width: 30px;
    border: solid 2px #212121;
    line-height: 29px;
    background: #212121;
    color: #FFFFFF;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.footer-agileinfo-social ul li a i.fa.fa-facebook:hover {
    border: solid 2px #3b5998;
    background:#3b5998;
    color: #FFFFFF;
}
.footer-agileinfo-social ul li a i.fa.fa-twitter:hover{
    border: solid 2px #55acee;
    background:#55acee;
    color: #FFFFFF;
}
.footer-agileinfo-social ul li a i.fa.fa-rss:hover{
    border: solid 2px #f26522;
    background:#f26522;
    color: #FFFFFF;
}
.footer-agileinfo-social ul li a i.fa.fa-vk:hover{
    border: solid 2px #45668e;
    background:#45668e;
    color: #FFFFFF;
}
.w3ls-post-img{
    float:left;
    width:20%;
}
.w3ls-post-img a img{
    width:100%;
}
.w3ls-post-info{
    float:right;
    width:75%;
}
.w3ls-post-info h6{
    margin: 0;
    font-size:.9em;
}
.w3ls-post-info h6 a{
    color:#FFFFFF;
    margin:0;
    text-decoration:none;
}
.w3ls-post-info h6 a:hover{
    color: #FF5722;
}
.w3ls-post-info h6 a:focus{
    outline:none;
    text-decoration:none;
}
.w3ls-post-info p{
    color: #b5b5b5;
    font-size: .9em;
    margin: 1em 0 0 0;
}
.w3ls-post-grid:nth-child(2){
    margin:1em 0;
}
.w3-address-grid{
    background: #212121;
    padding: 1em;
}
.w3-address-left{
    float:left;
    width:10%;
}
.w3-address-left i.fa.fa-phone,.w3-address-left i.fa.fa-envelope,.w3-address-left i.fa.fa-map-marker{
    color: #FFFFFF;
    font-size: 1.5em;
}
.w3-address-right{
    float: right;
    width: 87%;
}
.w3-address-right h6{
    color: #FFFFFF;
    font-size: 1em;
    margin: 0;
    font-weight: 400;
}
.w3-address-right p{
    color:#b5b5b5;
    margin:10px 0 0 0;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .5px;
    font-family: 'Roboto', sans-serif;
}
.w3-address-right p a{
    color: #fff;
    text-decoration:none;
}
.w3-address-right p a:hover{
    color:#b5b5b5;
}
.w3-address-right p span{
    display:block;
    margin:.5em 0;
}
.w3-address-grid:nth-child(2){
    margin:1em 0;
}

.copyright p{
    color:#b5b5b5;
    font-size:.9em;
    margin:0;
}
.copyright p a{
    color: #fff;
    text-decoration: none;
}
.copyright p a:hover{
    color:#FFFFFF;  
}
/*-- //footer --*/
/* fixed social*/
#fixed-social {
   position: fixed;
   top: 60%;
   z-index: 99;
}

#fixed-social a {
   color: #fff;
   display: block;
   height: 40px;
   position: relative;
   text-align: center;
    line-height: 40px;
   width: 40px;
   margin-bottom: 1px;
   z-index: 2;
}
#fixed-social a:hover>span{
    visibility: visible;
  left: 41px;
  opacity: 1;
} 
#fixed-social a span {
    line-height: 40px;
    left: 60px;
    position: absolute;
    text-align: center;
    width: 120px;
    visibility: hidden;
    transition-duration: 0.5s;
    z-index: 1;
    opacity: 0;
}
 .fixed-facebook{
    background-color: #3b5998 ;
 }
 .fixed-facebook span{
    background-color: #3b5998 ;
 }
 .fixed-twitter{
    background-color: #00AAE5;

 }
 .fixed-twitter span{
    background-color: #00AAE5;
 }

 .wats-bg
 {
background-color: #00AF54;
 }
 .phone-bg
 {
    background-color: #0277BD;
 }
  .wats-bg span
 {
background-color: #00AF54;
 }
 .phone-bg span
 {
    background-color: #0277BD;
 }

 .fixed-linkedin{
    background-color: #FFC41E;

 }
 .fixed-linkedin span{
    background-color: #FFC41E;
 }
 .fixed-instagrem{
    background-color: #3f729b;

 }
 .fixed-instagrem span{
    background-color: #3f729b;
 }
 .fixed-tumblr{
    background-color: #EB1471;

 }
 .fixed-tumblr span{
    background-color: #EB1471;
 }
/*end fixed social*/

/* testimonials */
div#testimon {
    padding: 5% 0px;
    /*    background: rgba(24, 154, 171, 0.38); */
}

.user-review {
    letter-spacing: 0.5px;
    padding: 20px 0px;
}
.usr-txt, .usr-img {
        padding: 0px 10px;
}
.usr-txt {
    width: 70%;
    display: inline-block;
    vertical-align: top;
    padding-top: 5%;
}
.usr-img {
    width: 300px;
    display: inline-block;
    /* height: 300px; */
    overflow: hidden;
    /* border-radius: 50%; */
}
.flexslider-info {
    height: auto;
}
.flex-control-nav {
    right: 50%;
    bottom: 0;
}
h6.review {
    padding-left: 35px;
    margin-bottom: 15px;
    background: url(../images/quotes.png) no-repeat 0px 0px;
    background-size: 20px;
    line-height: 20px;
    font-size: 17px;
}
p.indent {
    color: #696464;
    padding-left: 60px;
    margin-bottom: 10px;
        font-size: 15px;
}
p.usr-name {
    padding-left: 60px;
    color: #E91E63;
  /*  font-weight: bold; */
    font-size: 18px;
}
span.designation {
    font-size: 14px;
    font-weight: 100;
    font-style: italic;
    margin-left: 10px;
}
.usr-img {

    overflow: hidden;
}
.usr-img img.img-responsive {
    width: 300px;
    border-radius: 50%;
}
/* //testimonials */
/* contact */
div#contact {
    padding: 5% 0px;
    text-align: center;
        background: #607D8B;
    color: white;
        background: url(../images/contact.jpg) no-repeat fixed;
    background-size: cover;
    background-position: center;
}
ul.input {
    margin: 30px 0px;
}
ul.input li {
    margin: 25px 0px;
}
.contact-me input[type="submit"] {
    border: none;
    background-color: rgba(244, 67, 54, 0.76);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 15px;
    padding: 9px 140px;
    border-radius: 4px;
    color: #fff;
    margin-left: 40px;
    outline: 0;
}
ul.input input {
    border: none;
    border-bottom: 1px solid #FFEB3B;
    padding: 10px 0px;
    width: 85%;
    letter-spacing: 1px;
    font-size: 15px;
    outline: 0;
        background: transparent;
    color: white;
}
ul.input span.fa {
    vertical-align: top;
    margin: 13px 10px 0px;
    font-size: 20px;
}
.contact-me {
    width: 500px;
    margin: auto;
}
.contact-me textarea {
    border: none;
    border-bottom: 1px solid #FFEB3B;
    padding: 10px 0px;
    width: 85%;
    letter-spacing: 1px;
    font-size: 15px;
    outline: 0;
    height: 100px;
    background: transparent;
    color: white;
}
.contact-me input[type="submit"]:hover {
    background: #00BCD4;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #f9e9d3;
      letter-spacing: 1px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #f9e9d3;
        letter-spacing: 1px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #f9e9d3;
        letter-spacing: 1px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #f9e9d3;
        letter-spacing: 1px;
}


/* footer */
.list {
      display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -ms-flex-pack: space-between;
    margin-bottom: 3%;
    letter-spacing: 1px;
    font-size: 16px;
}
.list a {
    margin: 20px;
    margin-left: 0;
    display: inline-block;
    font-size: 18px;
}
.list li {
    margin: 15px 0px;
}
.footer {
    padding: 30px 0px;
    background: #009688;
    color: white;
}

/* //footer */
/* copyright */
.copyright {
    background-color: #212121;
    text-align: center;
    padding: 20px 0px;
    color: #fff;
    letter-spacing: 1px;
}
.copyright a:hover {
    color: #f9f903;
}
/* //contact */
/*Go to Top*/
/*-- to-top --*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 2%;
    overflow: hidden;
    z-index: 999; 
    width: 40px;
    height: 40px;
    border: none;
    text-indent: 100%;
    background: url(../images/arrow.png) no-repeat 0px 0px;
}
#toTopHover {
    width: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    float: right;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}
/*-- //to-top --*/

/*-------------------------------------------------------*/

/* responsive */

@media screen and (max-width: 767px){
     .preloader {
    margin: 150px auto;
}
    .container-fluid {
    padding: 0 50px;
}
    button.navbar-toggle {
    border: 1px solid #ffffff;

}

    .w3-hide {
    display: none;
}
.logo-wrap a span {
    margin-left: 1px;
}
.nav-wrap {
    width: 100%;
        padding: 0px;
}
.navbar-toggle .icon-bar {
        background-color: aliceblue;
}
.heading h1 {

    padding: 10px;
    font-size: 40px;

}
.heading {
    padding-top: 25%;
        padding-bottom: 3%;
}
h3.center {
    font-size: 32px;
}
div#about h2 {
    font-size: 23px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
div#about p {
    font-size: 15px;
    letter-spacing: 1px;
}
.guide1 img, .guide2 img, .guide3 img, .guide4 img {
    width: 150px;
}
.modal-dialog {
    margin: 40px;
}
.partner img.img-responsive {
    margin: auto;
}
.mask img.img-responsive.zoom-img {
    margin: auto;
}
.partner {
    margin-bottom: 30px;
    padding: 0px 20px;
    display: inline-block;
    width: 49%;
}
.prop {
    margin-top: 30px;
    width: 49%;
    display: inline-block;
}
.w3ls-nav {
    text-align: center;
}

}
/* responsive */
@media screen and (max-width: 1600px){}

@media screen and (max-width: 1440px){
    span.fa.fa-angle-left, span.fa.fa-angle-right {
    top: 44%;
}
    
}

@media screen and (max-width: 1366px){}

@media screen and (max-width: 1280px){
    div#myCarousel,.carousel-inner {
    height: auto;
}
.w3ls-hover .view-caption {
    padding: 10px 0;
}

}

@media screen and (max-width: 1080px){
    .carousel-caption1 {
    top: 32%;
    }
    .about1 h4 {
    font-size: 30px;
    }
    .w3ls-hover .view-caption span {

    margin-top: 5px;
    padding: 15px;
    }
    .w3ls-hover .view-caption h5 {
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.usr-txt {
    width: 70%;
}
.usr-img {
    width: 29%;
}

}

@media screen and (max-width: 1050px){}

@media screen and (max-width: 1024px){
    .about1 p {
    color: #000000;
    font-size: 14px;
}

.map iframe {
    height: 300px;
}

}

@media screen and (max-width: 991px){
    div#about .container {
    width: 95%;
}
.collapse.text-center.navbar-collapse.w3ls-nav.navbar-collapse {
    padding: 5px 0px 0px;
}

}

@media screen and (max-width: 900px){
    .carousel-caption h1, .carousel-caption h2 {
    font-size: 50px;
    }
    .carousel-caption1 {
    top: 27%;
        height: auto;
    }
    
}

@media screen and (max-width: 800px){
    .container-fluid {
    padding: 0 2%;
}
.carousel-caption h1, .carousel-caption h2 {
    font-size: 42px;
}
.carousel-caption p {
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 100;
}
ul.about-list li span.fa {
    font-size: 40px;
    height: auto;
    width: 60px;
}
.in-block {
    width: calc( 100% - 65px);
}
.service-list span.fa {
    font-size: 35px;
    width: 70px;
    height: 70px;
    line-height: 65px;
}
.w3ls-hover .view-caption h5 {
    font-size: 18px;
}

.w3ls-hover .view-caption span {
    margin-top: 5px;
    padding: 10px;
}
.usr-txt {
    padding: 0px;
    padding-left: 10px;
}

}

@media screen and (max-width: 768px){
    .carousel-caption1 {
    top: 23%;
}
h3.center {
    font-size: 30px;
}
.about1 h4 {
    font-size: 22px;
}
.in-block h5 {
    font-size: 18px;
}

}

@media screen and (max-width: 736px){
    .logo-container {
    padding: 0px 15px;
}
.d-flex {
    flex-direction: column-reverse;
}
.about2 {
    height: 300px;
    margin-bottom: 30px;
}
.about1 h4 {
    font-size: 30px;
    text-align: center;
}
p.details {
    text-align: center;
}
ul.about-list li span.fa {
    font-size: 45px;
    height: auto;
    width: 70px;
}
.in-block {
    width: calc( 100% - 80px);
}
.w3ls-hover .view-caption span {
    margin-top: 5%;
    padding: 20px;
}
.w3ls-hover .view-caption h5 {
    font-size: 22px;
}

}
@media screen and (max-width: 667px){
    .carousel-caption p {
    font-size: 14px;
}
.carousel-caption h1, .carousel-caption h2 {
    font-size: 39px;
}
.carousel-caption1 {
    top: 20%;
}
.about1 h4 {
    font-size: 27px;
}
.map iframe {
    height: 250px;
}
div#about .container {
    width: 87%;
}
.row {
    margin-right: 0;
    margin-left: 0;
}


}

@media screen and (max-width: 640px){
    .carousel-caption1 {
    right: 8%;
    }
}

@media screen and (max-width: 600px){
    .carousel-caption h1, .carousel-caption h2 {
    font-size: 33px;
    margin-bottom: 8px;
}

    .list a {
    margin: 12px;
    margin-left: 0;
    }
    .service-list h5 {
    font-size: 18px;
    }
}

@media screen and (max-width: 568px){
    .service-list {
    flex-direction: column;
    }
    .service1, .service2, .service3 {
    margin-bottom: 30px;
    }
    .usr-txt {
    width: 100%;
}
.usr-img {
    width: 40%;
    margin-left: 10%;
    margin-top: 3%;
}
.contact-me ul.input li {
    margin: 18px 0px;
}

}

@media screen and (max-width: 480px){
    .carousel-caption h1, .carousel-caption h2 {
    font-size: 26px;
    margin-bottom: 8px;
}
.carousel-caption1 {
    top: 23%;
}
.w3-socials {
    display: none;
}
.nav-top {
    justify-content: center;
}
h3.center {
    font-size: 26px;
}
.carousel-inner .item img {
    height: 350px;
}
    .contact-me {
    width: 400px;
    margin: auto;
}
.contact-me input[type="submit"] {
    padding: 9px 27%;
}
.list {
    flex-direction: column;
    text-indent: 60px;
}
.list a {
    text-indent: 0;
    margin: 0;
    margin-right: 25px;
}
.w3ls-hover .view-caption span {
    margin-top: 5%;
    padding: 10px;
}
.w3ls-hover .view-caption h5 {
    font-size: 20px;
}
div#about .container {
    width: 96%;
}
ul.address {
    border-bottom: 1px solid #d2c1c1;
    border-top: 1px solid #d2c1c1;
}

}
@media screen and (max-width: 414px){
    .carousel-caption h1, .carousel-caption h2 {
    font-size: 30px;
    margin-bottom: 5px;
}
.carousel-inner .item img {
    height: 320px;
}
.carousel-caption1 {
    top: 20%;
}
.about1 h4 {
    font-size: 22px;
}

h6.review {
    font-size: 15px;
}
p.indent {
    font-size: 14px;
}
.usr-img {
    width: 200px;
    margin-bottom: 10px;
}
.flexslider-info {
    height: auto;
    margin: 0;
}
.contact-me {
    width: 350px;
}
.contact-me input[type="submit"] {
    padding: 9px 23%;
}

}

@media screen and (max-width: 384px){
    .w3ls-hover .view-caption h5 {
    font-size: 16px;
}
.w3ls-hover .view-caption span {
    padding: 6px;
}

.contact-me {
    width: 300px;
}
.contact-me input[type="submit"] {
    padding: 9px 21%;
}
.carousel-caption h1, .carousel-caption h2 {
    font-size: 27px;
    margin-bottom: 5px;
}
.carousel-inner .item img {
    height: 300px;
}
.w3-contact {
    font-size: 13px;
}
.w3-contact a {
    padding: 0px 5px;
}
.w3-contact a span.fa {
    margin-right: 7px;
}


}

@media screen and (max-width: 375px){
    div#about .container {
    width: 100%;
}
.about1 h4 {
    font-size: 20px;
}
.service-list h5 {
    margin: 13px 0px;
}
.gallery-grids {
    padding: 20px;
    width: 100%;
}
.w3ls-hover .view-caption {
    top: 65%;
    height: 35%;
}

}

@media screen and (max-width: 320px){
    .w3-contact a {
    padding: 0px 5px;
    padding-left: 0;
}
    .carousel-caption h1, .carousel-caption h2 {
    font-size: 24px;
}
.carousel-caption p {
    font-size: 13px;
}
.carousel-caption1 {
    right: 6%;
}
.carousel-inner .item img {
    height: 275px;
}
.carousel-caption1 {
    top: 18%;
}
h3.center {
    font-size: 20px;
}
h6.review {
    font-size: 14px;
}
.contact-me {
    width: 280px;
}
.contact-me input[type="submit"] {
    padding: 9px 20%;
    margin-left: 0;
}
ul.input input,.contact-me textarea {
    width: 80%;
}
.list {
    flex-direction: column;
    text-indent: 40px;
}

}
/*--contact--*/
.contact {
  padding:5em 0;
  text-align: left;
}
.contact-inner {
    margin: 5em 0px;
}
h3.tittle.con {
    color: #253b50;
    font-size: 1.8em;
    font-weight: 700;
    margin-bottom: 1em;
}
.lost-para {
    margin-top: 1em;
}
.contact-text {
    padding-left: 0;
}
.contact-text-inner b, strong {
     color: #F3DA5A!important;
}
address, .contact-text-inner a, p.your-para, .lost-para p {
    width: 100%;
    color: #777;
    font-size: 1em;
    line-height: 1.9em;
}
.contact-text-inner a {
    color: #253b50;
    font-size: 1em;
}
.contact-text-inner a:hover{
    color:#efd12f;
}
.con-form input[type="text"],.con-form textarea {
  width: 100%;
  padding:0.8em;
  margin:0.6em 0;
  background:#fff;
  outline: none;
  border: 1px solid #DADADA;
  -webkit-appearance: none;
}
.con-form textarea {
  resize: none;
  min-height:180px;
}
.send input[type="submit"] {
  font-size: 1em;
      background:#253b50;
    padding: 0.6em 2em;
  text-align: center;
  color: #fff;
  border: none;
  outline: none;
  text-transform: uppercase;
  -webkit-appearance: none;
    transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
.send input[type="submit"]:hover {
  background: #CC223F;
}
h3.tittle,h2.tittle-one.con {
    text-align:left;
}
h3.tittle.ser {
    text-align: center;
}
.map{
  margin-top:3em;
}
.map iframe{
 border:none;
 width:100%;
 min-height:400px;
}
/*--footer--*/
/*PRELOADING------------ */
#overlayer {
  width:100%;
  height:100%;  
  position:absolute;
  z-index:1;
  background:#4a4a4a;
}
.loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  z-index:3;
  border: 4px solid #Fff;
  top: 50%;
  animation: loader 2s infinite ease;
}

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  
  25% {
    transform: rotate(180deg);
  }
  
  50% {
    transform: rotate(180deg);
  }
  
  75% {
    transform: rotate(360deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-inner {
  0% {
    height: 0%;
  }
  
  25% {
    height: 0%;
  }
  
  50% {
    height: 100%;
  }
  
  75% {
    height: 100%;
  }
  
  100% {
    height: 0%;
  }
}


/*-- gallery --*/ 
div#gallery {
    /* padding: 5% 0px; */
    /* background: azure; */
}
.gallery {
    text-align: center;
}
.gallery-grids img {
    width: 100%;
    height: 300px;
}
.gallery-grids { 
    padding: 10px;
}
/*-- gallery-hover effect --*/
.w3ls-hover {
    background-color: #FFF;
    display: block; 
    overflow: hidden;
    position: relative; 
    text-align: center;
} 
.w3ls-hover .view-caption {
    padding: 2.5em 0;
    position: absolute;
    left: 0;
    top: 75%;
    width: 0%;
    height: 50%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    display: none;
}
.w3ls-hover .view-caption h5 {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
}
.w3ls-hover .view-caption span {
    color: #fff;
    font-size: 1.5em;
    margin-top: 6%;
    display: inline-block;
    border: 1px solid #fff;
    padding: 1em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; 
}
.w3ls-hover:hover .view-caption { 
    background-color: rgba(0, 167, 189, 0.74); 
    opacity: 1;
    width: 100%;
}
.w3ls-hover .view-caption span:hover {
    color: #FFEB3B;
    border-color: #FFEB3B; 
}
.view-more
{
    text-align: center;
    float: left;
    width: 100%;
    padding: 10px 10px;
        font-family: 'Roboto', sans-serif;

}
.view-more a
{ 
    font-size: 20px;
    background: #253b50;
    padding: 0.6em 2em;
    text-align: center;
    color: #fff !important;
    border: none;
    outline: none;
    text-transform: uppercase;
    text-decoration: none;
}
.view-more a : hover
{
     text-decoration: none;
}
/*-- //gallery --*/
.brands-logos
{
        font-weight: 500;
        color: #000;
    font-family: 'Roboto', sans-serif;
        font-size: 36px;
}
.content-photo-grid ul li
{
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-align: left !important;
    padding: 10px 5px;
    font-family: 'Roboto', sans-serif;
    }
.content-photo-grid ul li span
{
        vertical-align: middle;
        padding-right: 10px;
}
.parallax_bg
{
        padding: 100px 0;
    position: relative;
    width: 100%;
}
.box_counter img {
    max-width: 100px;
    margin-bottom: 15px;
}
.counter_content p
{
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    padding: 10px 5px;
    font-family: 'Roboto', sans-serif;
}
.hotel
{
        padding: 10px 10px;
    margin-bottom: 30px;
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
  
   

}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
  .preloader
    {
        margin: 30px auto;
    }
    .logo img
    {
        width: 30%;
    }
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
 .preloader
    {
        margin: 50px auto;
    }
}