@import url('https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500;600;700;800&display=swap');
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
     font-family: "Roboto", sans-serif;
}
.pages-div a{
        font-family: "Roboto", sans-serif;
    font-size: 13px;
    line-height: 36px;
    color: #666666 !important;
    font-weight: 400;
}
body .myhd nav ul li a{
        padding: 20px 7px !important;
       font-family: "Roboto", sans-serif;
    font-size: 14px;
        font-weight: 500;
        transition:0.2s all ease-in-out;
        position:relative;
}
body .myhd nav ul li:after {
    content: " ";
    position: absolute;
    top: 10px;
    left: 0px;
    width: 0;
    height: 0;
    background: transparent;
    border: 2px solid transparent;
    pointer-events:none;
}

body .myhd nav ul li:hover:after {
    animation: animates 1s linear forwards;
}

@keyframes animates {
    0% {
        width: 0;
        height: 0;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: #2a8eda;
    }
 
    50% {
        width: 0;
        height: 40px;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: #2a8eda;
        border-left-color: #2a8eda;
    }
 
    100% {
        width: 100%;
        height: 40px;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: #2a8eda;
        border-left-color: #2a8eda;
    }
}
 
body .myhd nav ul li:before {
    content: "";
    position: absolute;
   top: 10px;
    left: 0;
    width: 0;
    height: 0;
    pointer-events:none;
    background: transparent;
    border: 2px solid transparent;
}
body .myhd nav ul li:hover > a{
        color: #2a8eda;
}
body .myhd nav ul li:hover::before {
    animation: animate 1s linear forwards;
}
 
@keyframes animate {
    0% {
        width: 0;
        height: 0;
        border-top-color: #2a8eda;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }
 
    50% {
        width: 100%;
        height: 0;
        border-top-color: #2a8eda;
        border-right-color: #2a8eda;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }
 
    100% {
        width: 100%;
        height: 40px;
        border-top-color: #2a8eda;
        border-right-color: #2a8eda;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }
}


span#diss, body .accordion, body .accordion:hover, body .myhd nav ul li li a.active, body .wojo.pagination.menu .active.item, .wojo.positive.label, table .yay-tbl-head th, body .main-header .login-btn a, .br_button a.info1, .br_button a.info12, body .right-side-section a.pdf, body .pagination li, body .yay-signup-left-div, body .yay-signup-form, body #visiweb_about_whatmakes, .contact_us_submit, .contact_us_submit:hover, body .subheader, body .yay-hotel-guest-list-form table .thead-dark th, body .thead-dark-1 th, body .thead-dark th{
         background-color: #2a8eda !important;
 }
 body .ui-accordion-header.ui-state-active{
         background-color: #2a8eda !important;
           border-color: #2a8eda !important;
 }
 body .founder-img, .main_title_3, .wojo.positive.label, .proposed-date{
           border-color: #2a8eda !important;
 }
 body .box_contacts i, .desc a, .myhd nav ul li a.active{
     color: #2a8eda !important;
 }
body .yay-signup-form-inner a{
    color: #2a8eda;
}
body{font-family: arial;}
p{font-size: 18px;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
	color:#c41301;
}
.navbar-light .navbar-nav .nav-link{
	font-weight:bold;
	font-size:14px;
	color:black;
	text-transform:uppercase;
}
.btn-danger, .bg-danger, .text-danger{
	background:#c41301;
}
.block{
	width:100%;
}
.nav-srch{
	max-width:300px;
}
.dropdown-toggle.v_express-form::after{
    display:none;
}
.clientInner.owl-carousel .owl-item .right img{ width:auto!important;margin: 0 auto; padding-bottom:0;}
.clientInner.owl-theme .owl-nav.disabled+.owl-dots{ display:block;}
.clientInner.owl-theme .owl-dots .owl-dot span, .clientInner.owl-theme .owl-dots .owl-dot span{     background: #2a8eda !important;
    border: none;
    opacity: 0.5;}
.clientInner.owl-theme .owl-dots .owl-dot.active span, .clientInner.owl-theme .owl-dots .owl-dot:hover span{ opacity:1;}

/*my css*/
.menucontainer{ display: none !important;}
.text-dark{font-size: 14px;}
a.btn.btn-danger.text-uppercase{padding: 15px 20px;}
li.nav-item{    display: flex;
    align-items: center;}
 .owl-dots{display: none;}   
.wrapper{max-width: 1235px;margin: 0 auto;position: relative;padding: 0 0px;}
.flagwrap .dropdown-menu.show{transform:translate3d(-37px, 40px, 0px); z-index:999999;    padding: .20rem 0.5rem;}
.flagwrap .dropdown-item{ padding-left:0.5rem;}
  .flag-icon{    background-size: 15px;}
  .flagwrap, .flagwrap a{ color:#838181; font-size:14px;}
  
.banner .carousel-indicators{    display: flex;
    flex-direction: column;
	    display: flex;
    flex-direction: column;    top: 50%;    right: 7px; border-radius: 100%;
    background: transparent;
    bottom: auto;
    left: auto; margin:0;}
 

.banner .carousel-indicators li{    margin-bottom: 6px;
    border-radius: 100%;
    background: transparent;
    border: 2px solid #fff;    width: 12px;
    height: 12px;}
	.banner .carousel-indicators li.active{border: 2px solid #ff0000; }
	
	.banner  .item {
     
    .transition(.3s ease-in-out left);
}

/*main-header*/


.main-header{float: left;width: 100%;padding: 10px 0;}
.main-header .logo{float: left;width: 20%;padding: 14px 0px;}
.main-header .menu{float:left;width: 60%;text-align: right;padding: 30px 0px;}
.main-header .menu a{text-transform: uppercase;color: #000;font-size: 14px; font-weight: 700;text-decoration: none;}
.main-header .menu ul li{display: inline-block;padding-left: 35px;}
.main-header .menu ul {margin-top: 10px;}
.main-header .login-btn{float: left;width: 20%;text-align: right;padding: 15px 0px;}
.main-header .login-btn a{border-radius: 3px;
background-color: #2a8eda;padding: 18px 35px;color: #fff !important;text-transform: uppercase;display: inline-block;font-family: 'Jost', sans-serif; font-size: 14px;font-weight: 300;text-decoration: none;}


/*banner*/

.banner{float: left;width: 100%;clear:both;}
.banner .carousel-item{
    position:relative;
}
.banner .carousel-item .content-box{
    position: absolute;
    top: 0;
    left: 0;
    height: 495px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: rgba(0, 0, 0, 0.2);
    align-items: center;
}
.banner .carousel-item .content-box h2{
    font-size: 60px;
line-height: 36px;
color: #ffffff;
font-weight: 500;
font-family: 'Jost', sans-serif;
text-align: center;
margin-bottom: 25px;
}
.banner .carousel-item .content-box  p{
font-size: 22px;
line-height: 34px;
color: #ffffff;
font-weight: 300;
font-family: 'Jost', sans-serif;
}
.banner .carousel-control-prev{
    left:20px;
}
.carousel-item-next, .carousel-item-prev{
    display:none;
}
.banner .carousel-control-next{
    right:20px;
}
.banner .carousel-control-prev, .banner .carousel-control-next{
    z-index: 999;
    height:60px;
    width:60px;
    border: 1px solid #fff;
    opacity:1;
    top:50%;
    margin-top:-62.5px;
    transform:translateY(-50%);
}
.banner .carousel-item img{
    height: 620px;
    object-fit: cover;
}
.reser .wrapper ul{
        display: flex;
    justify-content: space-between;
    width: 100%;
}
.reser ul li a{
    display: flex;
    flex-direction: column;
    font-size: 20px;
line-height: 36px;
color: #ffffff;
font-weight: 400;
font-family: 'Jost', sans-serif;
}
.reser ul li a img {
    width: 60px;
    height: 34px;
    object-fit: contain;
    margin: 0 auto;
}



.reser{float: left;width: 100%;background: #c41301;padding: 28px 0;     background-color: rgba(2, 26, 45, 0.8);
    margin-top: -125px;
    position: relative;}
.reser ul {float: left;margin: 0px;padding: 0px;}

.reser ul li{list-style: none;display: inline-block;color: #fff;padding: 0px 2px;font-size: 18px;}
.reser ul li a{color: #fff !important;text-decoration: none;font-size: 18px;}
.reser-btn{float: right;padding-right: 50px;}
.reser .reser-btn a{background: #000;color: #fff !important;padding: 10px 20px;text-decoration: none;text-transform: uppercase;border: 1px solid #000;font-size: 18px;}
.reser .reser-btn a:hover{background: transparent;}

/*our-ser*/

.our-ser{float: left;width: 100%;padding: 50px 0px;}
.our-ser h4{font-size: 18px;}
.our-ser .inner-text h2{font-size: 36px;text-transform: uppercase;padding-bottom: 35px;font-weight: 500; position: relative;}
.our-ser .inner-text h2::after {content: '';text-decoration: none;background-color: #2a8eda;position: absolute;display: block;
width: 195px;height: 1.5px;bottom: 15px;margin: 5px auto;right: 0;left: 0;}
.our-ser .inner-text p{padding-bottom: 30px;}
.our-ser .inner-text{max-width: 820px;margin: 0 auto;text-align: center;}
.our-ser .ser-card{float: left;    width: calc(33.33% - 15px);
    text-align: center;
    padding-bottom: 0px;
        position: relative;
    margin: 0 7.5px;}
.our-ser .ser-card img{padding-bottom: 20px;     width: 100%;
    height: 270px;
    object-fit: cover;}
.our-ser .ser-card h2{    font-size: 20px !important;
    font-weight: 400;
    margin: 0;}
.our-ser .ser-card a.set-card-text {
    position: absolute;
    left: 0;
    bottom: 40px;
    background-color: rgba(2, 26, 45, 0.8);
    width: 100%;
    text-align: center;
    color: #fff !important;
    padding: 12px 0;
    /* font-weight: 300 !important; */
}
.our-ser .ser-card a.set-card-text h2{
    color:#fff;
}
/*about-us*/

.about-us{float: left;width: 100%;padding: 70px 0px 30px 0px;background: url(/theme/default/images/about-us-back.png)center center no-repeat; background-size:cover;}
.about-us .inner-text h2{font-size: 36px;text-transform: uppercase;padding-bottom: 40px;font-weight: 500 !important; position:relative;     margin-bottom: 20px;}
.about-us .inner-text h2::after {content: '';text-decoration: none; bottom: 20px;background-color: #2a8eda;position: absolute;display: block;
width: 195px;height: 1.5px;margin: 5px auto;right: 0;left: 0;}
.about-us .inner-text{max-width: 1000px;margin: 0 auto;text-align: center;}
.about-us .inner-text p{padding-bottom: 60px;}

/*blog-bg*/


.blog-bg{float: left;width: 100%;background: url(/theme/default/images/blog-ban.png)center center no-repeat; background-color:rgba(2, 26, 45, 1); background-size:cover;padding: 80px 0;}
.blog-bg h4{font-size: 18px;text-align: center;color: #fff;}
.blog-bg h2{font-size: 36px;text-transform: uppercase;padding-bottom: 35px;text-align: center;color: #fff;    font-weight: 500; position:relative; margin-bottom: 30px;}
.blog-bg h2::after {content: '';text-decoration: none;background-color: #2a8eda;position: absolute;display: block;     bottom: 12px;
width: 240px;height: 1.5px;margin: 5px auto;right: 0;left: 0;}
body .blog-bg .item{float:left;overflow: hidden; width: 100%;background: #fff;margin: 1%;    min-height: unset !important;}
.blog-bg .item img{width: 100%;display: block;padding-bottom: 20px; 
    height: 266px;
    object-fit: cover;
}
.blog-bg .item h5{color:#000;font-size: 24px;font-weight: 500;     padding: 0 20px;}
.blog-bg .item h6{color:#000;  padding: 8px 20px;margin-bottom: 0;background-size: 15px;font-size: 14px; color: #2a8eda;}
.blog-bg .item p{color:#000;     padding: 0 20px;}
.blog-bg .item .read-more-btn{background: #c41301;color: #fff !important;padding: 8px 15px;display: inline-block;text-decoration: none;margin-bottom: 5px;}
body .blog-bg .item a {
    color: #000 !important;
    font-weight: 400;
    font-size: 18px;
    text-transform: unset;
}



.owl-prev span{font-size: 28px;color: #fff;background: #2a8eda;padding: 10px 10px;cursor: pointer;position: absolute;top: 45%;
    left: -10px;}

.owl-next span{font-size: 28px;color: #fff;background: #2a8eda;padding: 10px 10px;cursor: pointer;position: absolute;top: 45%;
    right: -10px;}


/*valet-bg*/

.valet-bg{float: left;width: 100%;background: url(/theme/default/images/ama.jpg)center center no-repeat; background-size:cover;min-height: 700px;}


.menucontainer {
  display: inline-block;
  cursor: pointer;
}

.bar1, .bar2, .bar3 {
  width: 30px;
  height: 3px;
  background-color: #666;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}
.blog-text{
    width: 65%;
    text-align: center;
    margin: 0 auto;
    position:relative;
    padding: 0 0 25px 0;
}
.blog-text:before{
   content: "";
    width: 486px;
    background-color: #aee2ed;
    height: 100%;
    display: block;
    position: absolute;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    top: 38px;
}
.client .owl-theme .owl-dots .owl-dot{
    
}
.blog-text span{
        width: 77px;
    height: 77px;
    display: flex;
    background: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto 20px;
}
.menucontainer{ position:absolute; left:5px; top:5px; z-index:99999999;}
.main-header .wrapper{ position:static !important; max-width: 100%;}
/*client*/
.vtop-bar .wrapper{
    max-width: 100%;
}
.client{float: left;width: 100%;padding: 80px 0; background-color:#dcf9ff; font-weight: 700;}
.client h2{font-size: 36px;margin-bottom: 25px;text-transform: uppercase;padding-bottom: 35px;text-align: center;color: #000;font-weight: 500; position:relative;}
.client h2::after {content: '';text-decoration: none;background-color: #2a8eda;position: absolute;display: block; bottom:15px;
width: 270px;height: 1.5px;margin: 5px auto;right: 0;left: 0;}
.client .left{float: left;width: 50%;}
.client .right h5{text-transform: uppercase;    font-size: 24px;font-weight: 500;}
.client .right img{padding-bottom: 10px;}
.client .right h6{text-transform: uppercase;font-size: 14px;}
.client .right p{font-size: 18px !important;
    font-weight: 400;}
.client .left img{width: 100%;padding: 60px;}

/*subscriber*/

.subscriber{float: left;width: 100%;background: #2a8eda !important;padding: 40px 0;}
.subscriber h3 span{color: #fff !important;}
.subscriber h3{font-size: 30px;float: left;font-weight: 500;color:#fff;}
.subscriber input{width: 471px;margin-left: 50px;padding: 8px 35px;background: transparent;background: url(/theme/default/images/sub-img.png) right 10px center no-repeat;background-size: 20px;    border: 1px solid #fff;}


/*top-footer*/


.top-footer{float: left;width: 100%;padding: 60px 0;background: #1f232b;}
.top-footer .footer-inner{float: left;width: 33.333%;}
.footer-inner.logo img{padding-bottom: 30px;}
.top-footer .footer-inner p{color: #fff;font-size: 14px;font-weight: 700;}
.top-footer .footer-inner ul{padding: 0;}
.top-footer .footer-inner ul li{color: #fff;list-style: none;    font-size: 14px;font-weight: 700;}
.top-footer .footer-inner h3{color: #fff;font-size: 22px;font-weight: 500;    padding-bottom: 25px;}
.top-footer .footer-inner ul li.add{display: flex;color: #fff;background: url(/theme/default/images/location_icon.png) left center no-repeat;padding: 8px 0px !important; margin-bottom: 0; background-size: 20px;}
.top-footer .footer-inner ul li.tel{display: flex;color: #fff;background: url(/theme/default/images/phn.png) left center no-repeat;padding: 8px 0px !important; margin-bottom: 0; background-size: 15px;}
.top-footer .footer-inner ul li.email{display: flex;color: #fff;background: url(/theme/default/images/email.png) left center no-repeat;padding: 8px 0px !important; margin-bottom: 0; background-size: 18px;}
.top-footer .footer-inner ul li i{
    margin-right: 10px;
    margin-top: 5px;
}

.top-footer .footer-inner ul.first {color: #fff;background: url(/theme/default/images/f-1.jpg) left center no-repeat;    padding: 8px 0px 8px 30%; margin-bottom: 40px; background-size: 100px;}
.top-footer .footer-inner ul.Second{color: #fff;background: url(/theme/default/images/t-2.jpg) left center no-repeat;    padding: 8px 0px 8px 30%;margin-bottom: 40px; background-size: 100px;}
.top-footer .footer-inner ul.third{color: #fff;background: url(/theme/default/images/t-3.jpg) left center no-repeat;    padding: 8px 0px 8px 30%;margin-bottom: 40px; background-size: 100px;}
 
.top-footer .footer-inner ul.fourth{color: #fff;background: url(/theme/default/images/t-4.jpg) left center no-repeat;    padding: 8px 0px 8px 30%; margin-bottom: 40px; background-size: 100px;}   

.top-footer .form input.name{outline:none;width: 100%;background: #fff !important; border-radius:3px;border:1px solid #fff;padding: 10px !important; margin-bottom: 0; background-size: 15px;margin-bottom: 20px;font-style: italic;} 
.top-footer .form input.email{outline:none;width: 100%;background: #fff !important;border-radius:3px;border:1px solid #fff;padding: 10px !important; margin-bottom: 0; background-size: 15px;margin-bottom: 20px;font-style: italic;} 
.top-footer .form textarea{outline:none;width: 100%;background: #fff !important;padding: 10px !important;border:1px solid #fff; border-radius:3px;height: 100px; margin-bottom: 10px; background-size: 15px;}
::placeholder{color:  #7a7a7a !important;font-style: italic;}
.top-footer input[type="button"]{background: #c41301;border: 0px;cursor: pointer;color: #fff;padding: 8px 10px;}
.top-footer input[type=submit]{
        background: #2a8eda !important;
            border-color: #2a8eda !important;
}

/*copy*/

.copy{float: left;width: 100%;padding: 10px 0 0px 0px;text-align: center;margin-top: 1rem !important;}
.copy p{font-weight: 700;}


  @media only screen and (max-width: 1120px) {
	.wrapper{max-width: 95%;}
	.reser ul li a{font-size: 14px;}
	.subscriber input{width: 320px;}
	.top-footer .footer-inner{width: 50%;}
	.client .right p{font-size: 14px;}
	.reser .reser-btn a{font-size: 14px;}
	.our-ser .ser-card h2{font-size: 18px;}
	.blog-bg .item h5{font-size: 20px;}
	.subscriber h3{font-size: 26px;}
}	


@media only screen and (max-width: 1020px) {
	.our-ser .ser-card h2{font-size: 20px;}
	.blog-bg .item h5{font-size: 15px;}
	.subscriber h3{font-size: 16px;}
	.reser ul li{padding: 0px 4px;}
	.reser-btn{float: left;width: 100%;padding-top: 20px;}
	.client .left{width: 100%;}
	.client .right{width: 100%;}
	.reser ul li{padding: 0px 0px;}
	.reser-btn{text-align: center;}
	.our-ser .ser-card h2{font-size: 14px;}
	.valet-bg{min-height: 450px;}
	.reser ul{text-align: center;}
	
	
}
@media only screen and (max-width: 992px) {
    .banner .carousel-item .content-box{
        padding: 0 100px;
    text-align: center;
    }
    .reser ul li a{
            line-height: 20px;
    }
    .reser ul li a img{
        margin-bottom: 20px;
    }
    .our-ser .ser-card a.set-card-text h2{
        font-size: 16px !important;
    }
    .banner .carousel-item .content-box h2{
        font-size: 46px;
    }
	.main-header .login-btn{ display:none;}
	.main-header .menu{ width:85%; position:absolute; z-index:999; background:#383333;    transform: translate(-103%, 0px);     transition:all .1s;}
	.main-header .menu ul, .main-header .menu ul li{ margin:0; padding:0;}
	.main-header .menu ul li{ display:block; }
	.main-header .menu ul li a{ display:block; border-bottom:1px solid #484343; text-align:center; padding:10px;    color: #fff;}
	.main-header .menu.open{transform: translate(-5%, 0px);}
	.main-header .logo{    padding-left: 50px;    width: 47%;
     position:relative;}
	.main-header .logo img{ max-width:100%;}
	.closeMenu{ position:absolute; right:18px; top:10px;}
	.menucontainer{ display:inline-block !important;}
}
		
@media only screen and (max-width: 767px) {	
.client .left img{ padding:0;}
.our-ser .ser-card{width: 50%;}	
.blog-bg .item{width: 48%;}
.subscriber input{margin-left: 16px;width: 250px;}
.reser ul{width: 100%;}
.reser ul li a{font-size: 12px;}
.blog-bg .item{width: 100%;}
.subscriber h3{display: contents;}
.footer-inner.last{width: 100%;}
		
}

@media only screen and (max-width: 600px) {
.blog-bg{overflow: hidden;}
.our-ser .ser-card{width: 100%;}
.blog-bg .item{width: 100%;margin: 0 0 20px 0;}	
.valet-bg{min-height: 350px;}
 .subscriber h3{width: 100%;}
 .subscriber input{width: 100%;margin: 0px;}
 .top-footer .footer-inner{width: 100%;}
 .reser ul li a{width: 50%;}
 .reser ul{text-align: left;}
 .reser-btn{text-align: left;}
 .reser ul li a{font-size: 11px;}
 .our-ser .inner-text h2{font-size: 25px;}
 .about-us .inner-text h2{font-size: 25px;}
 .blog-bg h2{font-size: 25px;}
 .client h2{font-size: 25px;}
 .copy p{font-size: 12px;}
 body .logo img{
     max-width: 130px !important;
 }
 .banner .carousel-control-prev, .banner .carousel-control-next{
     height: 30px;
    width: 30px;
 }
 .carousel-control-next-icon, .carousel-control-prev-icon{
     width: 10px;
    height: 10px;
 }
 .banner .carousel-control-prev{
     left:5px;
 }
  .banner .carousel-control-next{
     right:5px;
 }
 .banner .carousel-item .content-box{
         padding: 0 40px;
 }
 .banner .carousel-item .content-box h2{
     font-size: 30px;
 }
 .banner .carousel-item .content-box p{
     font-size: 16px;
    line-height: 24px;
    margin:0;
 }
 .banner .carousel-control-prev, .banner .carousel-control-next{
     margin:0;
 }
 .banner .carousel-item img{
         height: 320px;
 }
 .banner .carousel-item .content-box{
     height:100%;
 }
 .reser{
     margin:0;
 }
 .reser .wrapper ul{
    flex-wrap: wrap;
    align-items: center;
 }
 .reser ul li a{
     margin:0 auto 20px;
     width:100%;
 }
 .reser ul li a img{
     margin-bottom:15px;
 }
 .our-ser .ser-card{
     margin:0;
 }
 .our-ser .inner-text p{
     padding-bottom:20px;
 }
 .about-us, .blog-bg, .client{
     padding:40px 0 !important;
 }
 .blog-bg h2::after, .client h2::after{
         width: 100px;
 }
 .client h2{
     margin-bottom: 0;
 }
 .blog-text:before{
     width:100%;
 }

 .clientInner .owl-item .item > .right{
     padding: 0 15px 30px !important;
        margin-top: 20px !important;
 }
 .subscriber .wrapper-form{
     flex-direction: column;
    justify-content: center;
    align-items: center;
 }
 .form-input{
        margin-left: 0 !important;
    margin-top: 20px !important;
 }
}

 































































 
.myhd { width: 100%; }

.nav-bar { display: none; }

.myhd nav {
  background: #fff;
  z-index: 1000;
  width: 100%;
  margin: auto;padding-top: 10px;
}

.myhd nav ul { list-style: none; float:right; }

.myhd nav ul li {
  float: left;
  position: relative;
  font-size: 14px; font-weight:bold; text-transform:uppercase;
  font-family:Arial, Helvetica, sans-serif;
}

/*
.myhd nav:after {
  content: "";
  display: block;
  clear: both;
}
*/

.myhd nav ul li a {
  color: #333;
  display: block;
  padding: 20px;
  text-decoration: none;
  
  font-family: tahoma;
}
.myhd nav ul li a.active { color:#cc0000;} 

.myhd nav ul li:hover { background: #fff; }
.myhd nav ul li:hover li{background: #333;}
.myhd nav ul li:hover li:hover a{background: #000;}

.myhd nav ul li:hover i { color: #333; }

.myhd nav ul li i { margin-right: 10px; }

.myhd nav ul li:hover .children { display: block; }
.myhd .repMenuClose{ display:none;}

.myhd nav ul li .children {
  display: none;
  background: #333;
  position: absolute;
  width: 150%;
  z-index: 1000; padding:0;
}
.myhd nav ul li .children li a{ color: #fff;
    margin-left: 6px !important;
    padding: 10px;}

.myhd nav ul li .children span { display: none; }

.myhd nav ul li .children li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #ffffff99;
}

.myhd nav ul li .children li a { margin-left: 30px; }

.myhd nav ul li .fa-angle-down {
  position: relative;
  top: 0px;
}

/*responsive nav style*/

@media all and (max-width: 800px) {
.myhd .repMenuClose{     display: inline-block;
    position: absolute;
    right: 10px;
    top: -9px; z-index:9999999999999;}
 
.myhd nav{    background: #3d454a;}
.myhd nav ul{    float: left;
    padding: 0;
    margin: 0; position:relative;}
	.myhd nav ul li ul li:first-child{border-top:1px solid #44444499;}
	.myhd nav ul li .children li{border-bottom: 1px solid #44444499;}
.myhd nav ul li .children{background: #333333;}
	.myhd nav ul a{ color:#fff !important; }
.nav-bar {
  display: block;
  width: 100%;
  position: fixed;
  top: 0;
  background: #3d454a !important;
}


.nav-bar span {
  float: left;
  font-size: 20px;
  padding: 20px;
  color: #fff;
}

.nav-bar .fa-bars {
  display: block;
  padding: 20px;
  color: #fff;
  overflow: hidden;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  float: right;
}

.myhd nav {
  width: 80%;
  height: auto;
  position: fixed;
  right: 100%;
  top : 0px;
  overflow: hidden;
  height: 100%;
  z-index: 999999999;
}

.myhd nav ul li {
  display: block;
  border-bottom: 1px solid #5d5d5d;
  width: 100%;
}
.myhd nav ul li:hover{ background:#333 !important;}

.myhd ul li a { display: block; }

.myhd nav ul li .children {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: none;
}

.myhd nav ul li:hover .children { display: none; }

.myhd nav ul li ul li:first-child { border-top: 1px solid #44444499; }

.myhd nav ul li .children span {
  display: inline-block;
  margin-right: 10px;
}

.myhd nav ul li .children a {
  margin-left: 10px;
  padding: 5px 0;
}

.myhd nav ul li .fa-angle-down {
  position: relative;
  top: 0px;
}
}
.myhd nav ul li:hover li:hover a {
background: #f2f2f2 !important;
}