@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body{ font-family: "Open Sans", sans-serif;}


img{max-width:100%;}
 p{text-align:justify}
.text-left p{ text-align:left}
.text-center p{text-align:center}


#header{left:0;right:0;z-index:1234; background:#fff;  top:-300px; -webkit-transition-property: top;-webkit-transition-duration: 0.5s; }

#header .site-logo img{height:auto; width:auto}

#header .container-fluid{position:relative;}
#header.fixed{position:fixed;box-shadow: 0 0 7px #afafaf; top:0}
#header.fixed .site-logo img{height:40px}
#header.fixed .navbar ul>li> a{padding-top:6px; padding-bottom:6px; font-size:110%}

#header .user-menu .navbar ul>li{}

.navbar {position:relative; }
.navbar .navbar-nav{position:static}
.navbar ul > li {position:relative}
.navbar ul>li> a{color: #666666;text-transform: capitalize;text-decoration: none;padding: 10px 20px;font-size: 20px;display: block;font-weight:500;}
.navbar ul>li.dropdown > a:after{font-family:FontAwesome; content:"\f0d7"; margin-left:5px;}
.navbar ul>li:hover> a{color: #fff;}
.navbar ul>li:last-child{}
.navbar ul>li:last-child a{ padding-right:0}
.navbar ul>li:hover> a,.navbar ul>li.active> a{color:#d0021b;}


@media(min-width:768px) {
.navbar{position: relative;}
.navbar .navbar-nav{padding:0;}
.navbar .navbar-nav.user-menu{border-left:1px solid #afaead}
#mobileMenuButton{display:none}
.navbar .container{position:relative}
.navbar .navbar-collapse>.navbar-nav{z-index: 123;}
.navbar .navbar-nav>li{}
.navbar .navbar-nav>li:not(:last-child):after{}
.navbar ul>li:not(.has-megamenu) ul,.navbar ul>li.has-megamenu .megamenu-inner{
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    -webkit-animation-name: slide-down-slow;
    -moz-animation-name: slide-down-slow;
    animation-name: slide-down-slow;
    display:none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 250px;
    background: #fff;
    z-index:12;
    list-style:none;
    padding:15px 0;
    margin:0;
    display:none;
    box-shadow: 2px 2px 6px #919191;
    border-radius: 5px;
    }
@-webkit-keyframes slide-down-slow{0%{-webkit-transform:perspective(1px) scaleY(.1);-moz-transform:perspective(1px) scaleY(.1);-ms-transform:perspective(1px) scaleY(.1);-o-transform:perspective(1px) scaleY(.1);transform:perspective(1px) scaleY(.1)}to{-webkit-transform:perspective(1px) scaleY(1);-moz-transform:perspective(1px) scaleY(1);-ms-transform:perspective(1px) scaleY(1);-o-transform:perspective(1px) scaleY(1);transform:perspective(1px) scaleY(1)}}
@keyframes slide-down-slow{0%{-webkit-transform:perspective(1px) scaleY(.1);-moz-transform:perspective(1px) scaleY(.1);-ms-transform:perspective(1px) scaleY(.1);-o-transform:perspective(1px) scaleY(.1);transform:perspective(1px) scaleY(.1)}to{-webkit-transform:perspective(1px) scaleY(1);-moz-transform:perspective(1px) scaleY(1);-ms-transform:perspective(1px) scaleY(1);-o-transform:perspective(1px) scaleY(1);transform:perspective(1px) scaleY(1)}}
}

.navbar ul>li:not(.has-megamenu) ul:before{content:'';position: absolute;left: 20px;top: -15px;width: 15px;height: 15px;border-bottom: 9px solid #672f92;border-left: 10px solid transparent;border-right: 10px solid transparent;}
.navbar ul > li.has-megamenu .megamenu-inner{right: 15px;left: 15px;width: calc(100% - 30px);padding: 15px; }
.navbar ul>li:not(.has-megamenu):hover> ul,.navbar ul>li.has-megamenu:hover> .megamenu-inner{ display:block}
.navbar ul>li ul.right{left:auto; right:0}
.navbar ul>li:not(.has-megamenu) ul.right:before{left:auto; right:40px;}

.navbar ul > li .hasSub{position: relative;right: 3px;bottom: 0;float: right;z-index:123;font-size: 10px;line-height: 12px;margin: auto;top: calc(47%);transform: translate(0%, -47%);}
body.home #header:not(.fixed) .navbar ul > li .hasSub{}
.navbar ul > li .hasSub i {margin-right: -2px;}
.navbar ul > li li {}
.navbar ul > li li a{color: #000;text-shadow: none;padding:4px 15px;font-size: 14px;font-weight: 500;}
.navbar ul > li li a[href="#"]{opacity:0.4}
.navbar ul > li li:hover>a{background: #e2eddc;color:#000}
.navbar ul > li button.sub-menu-toggle {display: none;}
.navbar ul > li.has-megamenu{position:static}
.navbar ul > li.has-megamenu .megamenu-inner .hasSub{display:none}
.navbar ul > li.has-megamenu ul{list-style:none; padding:0; margin:0; top:0 }
.navbar ul > li.has-megamenu ul li{margin-bottom:3px}
.navbar ul > li.has-megamenu ul li a{padding: 3px 0 3px 18px;position: relative;background: none; display:inline-block}
.navbar ul > li.has-megamenu ul li a:hover{color:#ee1c2e}
.navbar ul > li.has-megamenu ul li a:before{content: "\f054";font-family: 'FontAwesome';font-size: 12px;left: 0;position: absolute;top: 4px;}
.navbar ul > li.has-megamenu .moz-col-2{column-count:2; }
.navbar ul > li.has-megamenu>a{position:relative}
.navbar ul > li.has-megamenu:hover>a:after{content:'';position: absolute;left: 15px;bottom: 0;border-bottom: 9px solid #672f92;border-left: 10px solid transparent;border-right: 10px solid transparent;z-index:123}
.navbar ul > li.has-megamenu .imgbox{position:relative;display:block;border-radius: 6px;overflow: hidden;}
.navbar ul > li.has-megamenu .imgbox img{ width:100%}
.navbar ul > li.has-megamenu .imgbox h3{position:absolute;background: url(../images/arrow-wh-r8.png) no-repeat 95% #ee1c2e;color: #fff;left: 0;right: 0;bottom: 0;margin: 0;padding: 10px 30px 10px 10px;font-size: 13px;font-weight: 500;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}



.pageContent{ position:relative; }
.pageContent .pageOverlay{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.4);left: 0;top:0;z-index: 12;opacity:0; transition:.5s; display:none}
.pageContent.showNav .pageOverlay{ opacity:1;display:block}


/* menu start */
.mobileNavWrapper ul.nav li a { border-top: 1px solid #e8e8e8; display:block; color: #000; font-size: 14px; text-transform: capitalize; padding:7px 15px; font-weight:500  }
.mobileNavWrapper ul li a:hover, .mobileNavWrapper ul li.active a {color: #FFF;background: #fe0000;text-decoration:none;}
.mobileNavWrapper { background:#fff; width: 250px; height: 100%; min-height: 100%; position: fixed; right: -250px; padding-top:50px; top: 0; overflow-x: hidden; z-index: 16; }
.mobileNavWrapper h2{    font-size: 23px;
    padding: 15px; margin:0px}
.mobileNavWrapper, .header {
 transition: all .30s ease; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }
.pageContent{ transition:all .30s ease;-webkit-backface-visibility:hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;}
.mobileNavWrapper .navbar-nav li{ position:relative}
.mobileNavWrapper .navbar-nav li ul{padding: 0;box-shadow: none;margin: 0;border: none; width:100%; min-width:auto; display:none}
.mobileNavWrapper .navbar-nav li ul ul{}
.mobileNavWrapper ul.nav li li a {padding: 10px 15px;font-size: 95%;border-color: #efefef;color: #4e4e4e;line-height: normal;font-weight: 500;}
.mobileNavWrapper .navbar-nav li .hasSub{position: absolute;right: 0;width: 45px;height: 38px;top: 0;z-index: 123;background: #ff0000;cursor: pointer;}
.mobileNavWrapper .navbar-nav li .hasSub:after{ position:absolute;     content: '';width: 12px;height: 12px;border-top: 2px solid #fff;border-right: 2px solid #fff;left: 18px;top: 12px;transform: rotate(135deg);}
.mobileNavWrapper .navbar-nav li .hasSub i{display:none}

.mobileNavWrapper.showNav, .header.showNav, .pageContent.showNav { -webkit-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); }
#mobileMenuButton{float: right;margin: 3px 0 0;font-size: 25px;color: #fff;padding: 0;background: url(../images/menu.png) no-repeat 50%;width: 45px;height: 45px;background-size: 52px;position: absolute;right: 15px;}
/* menu close */






/* code of owl-carousel script  */
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-stage-outer.owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }
.owl-controls .owl-nav div, .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url('owl-video-play.png') no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition-property: scale; transition-duration: 100ms; transition-timing-function: ease; }
.owl-carousel .owl-video-play-icon:hover { -moz-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); -o-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; transition-property: opacity; transition-duration: 400ms; transition-timing-function: ease; }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; }
.owl-loaded { display: block; }
.owl-loading { opacity: 0; display: block; }
.owl-hidden { opacity: 0; }
.owl-carousel .owl-refresh .owl-item { display: none; }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-item img { }
.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }
.owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.owl-carousel .owl-item img.owl-lazy { opacity: 0; }
.owl-carousel .owl-item img {}
.owl-carousel .owl-stage.backfacefix .owl-item { -webkit-backface-visibility: hidden; }
.owl-rtl { direction: rtl; }
.owl-rtl .owl-item { float: right; }
.no-js .owl-carousel { display: block; }
.animated { -webkit-animation-duration: 600ms; animation-duration: 600ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-animated-in { z-index: 0 }
.owl-animated-out { z-index: 1 }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
 @-webkit-keyframes fadeOut {  0% { opacity: 1;} 100% { opacity: 0;}}
 @keyframes fadeOut {  0% { opacity: 1;} 100% { opacity: 0;}}
.owl-carousel .owl-nav.disabled{display:none}
.owl-carousel .owl-nav{text-align:center}
.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{
    top: 44%;
    position: absolute;
    border-radius: 50px;
    width: 30px;
    outline: none;
    border: none;
    box-shadow: 0 0 5px #ccc;
    background: url(../images/arrow-left.png) no-repeat 50% #fff;
    padding: 0;
    font-size: 0px;
    height: 30px;
}
.owl-carousel .owl-nav .owl-prev{
    left: -15px;
}
.owl-carousel .owl-nav .owl-next{
    right: -15px;
    transform: rotateY(180deg);
}

.owl-carousel .owl-dots{}
.owl-carousel .owl-dots .owl-dot{background:#c2c0c0; border:none; width:20px; height:20px; border-radius:50px; outline:none; margin:0 5px;}
.owl-carousel .owl-dots .owl-dot.active{background:#19ad7a}


/* end code of owl-carousel script  */

.slider {position:relative;  overflow:hidden}
.slider .carousel-inner{overflow:visible}
.slider .carousel-caption{/*top: calc(50%);transform: translate(0%, -50%);*/ bottom:10%; padding:0;text-align:left;left:5%;right:5%;}
.slider .carousel-item>img{ width:100%;}
.slider .desc{color:#fff;padding: 10px 0 10px 30px;text-align:center;float:right;position:relative;
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 10%,rgba(0,0,0,0.6) 100%);
}
.slider .desc:after{content:'';position:absolute;top:0;bottom:0;right:-100%;width:100%;background: rgb(0 0 0 / 60%);}
.slider .desc h1{font-size:30px;line-height: 1.2;text-transform:uppercase;margin: 0;font-weight: 600;}
.slider .desc h1 strong{font-size:130%;font-weight: 700;}


.welcome-text{ font-size:20px; color:#666666; line-height:1.9}
.welcome-text h1{ color:#000; margin:0 0 20px;}
.welcome-text .btn{ font-size:22px; border-radius:0;text-transform:uppercase; letter-spacing:2px; padding:12px 30px}
.welcome-text .btn:hover{background:#000; border-color:#000}


.benefits{max-width:900px; margin:auto}
.benefits h2{ font-weight:700;text-transform:uppercase}
.benefits h3{ font-weight:700; color:#1d1d1d}
.benefits .col-item:not(:last-child){border-right:1px solid #e5e5e5}
.benefits .thumb img{border-radius:50%; background:#e5e5e5}


.section-services{background:url(../images/bg-services.jpg) no-repeat 50% fixed; background-size:cover;}
.ourser .item{color:#666666; margin:10px; box-shadow:0 0 10px #ccc;transition:0.3s}
.ourser .item .thumb{ overflow:hidden; border-radius:0 0 12px 12px;}
.ourser .item .thumb img{ width:100%;}
.ourser .item .desc{padding:20px; background:#fff;transition:0.3s}
.ourser .item h3{color:#1d1d1d; font-size:26px; font-weight:700; margin:10px 0;}
.ourser .item h3 a{color:#1d1d1d; transition:0.3s}
.ourser .item .more{color:#d21e34; font-size:18px; text-transform:uppercase; letter-spacing:1px; font-weight:600 }
.ourser .item:hover,.ourser .item:hover .desc{background:#000;color:#fff;}
.ourser .item:hover,.ourser .item:hover *{color:#fff;}

.section-gallery{background:#19242d; color:#fff}
.section-gallery .item,.ourgallery .item{margin:10px 0; }
.section-gallery .item a,.ourgallery .item a{overflow:hidden; border-radius:0 0 12px 12px; display:block}


.section-blog{background:#f3f3f3}
.latest-news{}
.latest-news .item{line-height: 1.6;padding:10px}
.latest-news .item .thumb{ position:relative; overflow:hidden;clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%);}
.latest-news .item .post-date{clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);position:absolute;right: 5%;top: 20px;background:#d0021b;color: #fff;padding: 8px 10px;font-size: 15px;font-weight: 700;line-height: 1.0;text-transform: uppercase;text-align: center;}
.latest-news .item .post-date strong{font-size:150%;display: block;}
.latest-news .item .thumb img{width: 100%; transition:0.8s}
.latest-news .item:hover .thumb img{transform:scale(1.2)}
.latest-news .item h3{margin: 20px 0 10px;font-size:26px; font-weight:700}
.latest-news .item h3 a{color:#000000}
.latest-news .item .desc{padding:10px 15px}
.latest-news .item .desc p{text-align:inherit; color:#666666; margin-bottom:0}

.section-clients .item{background: url(../images/bg-shadow.png) no-repeat bottom;padding-bottom: 15px;background-size: 100%;margin: 10px 0;}
.section-clients .item img{border:1px solid #eeeeee;}


.footer-newsletter{overflow: hidden;display:none;}
.footer-newsletter .newsletter{background:url(../images/bg-newsletter.png) no-repeat 50% #d0021b; color:#fff; padding:15px; position:relative; }
.footer-newsletter .newsletter div.tnp-subscription{margin: 0; max-width: 100%; }
.footer-newsletter .newsletter .tnp-field label{display:none}
.footer-newsletter .newsletter:after{position:absolute; right:-100%; width:100%; top:0;bottom:0; content:''; background:#d0021b}
.footer-newsletter .newsletter h4{font-size:30px;}
.footer-newsletter .newsletter p{text-align:inherit; margin:5px 0}
.footer-newsletter .newsletter form{position:relative}
.footer-newsletter .newsletter .form-control,.footer-newsletter .newsletter .tnp-email{background:#fff;border:none;height: 45px;border-radius: 50px;padding: 5px 125px 5px 20px; box-shadow:0 0 10px #959595}
.footer-newsletter .newsletter .form-control::placeholder,.footer-newsletter .newsletter .tnp-email::placeholder {opacity:1; color:#000}
.footer-newsletter .newsletter .btn,.footer-newsletter .newsletter .tnp-submit{background: #292929;color: #fff;position: absolute;right:-1px;top: 0;height: 45px;width: 120px;z-index: 1;border-radius: 50px;text-transform: uppercase;font-size: 12px;letter-spacing: 2px;font-weight: 600;padding: 0;}


#footer{background:url(../images/bg-footer.jpg) no-repeat 50% fixed;background-size:cover;line-height:1.6;font-size:14px;color:#919090;padding-bottom:2em;overflow:hidden;margin-top: 20px;padding-top: 50px;}
#footer .h3{font-size:22px;margin-bottom: 30px;color:#fff;text-transform: capitalize;}
#footer .h3 strong{border-bottom:1px solid #3b3b3b;font-weight: 600;padding-bottom: 10px;}
#footer a{color: #919090;text-decoration: none;}
#footer a:hover{color: #fff;}
#footer ul{list-style:none; padding:0; margin:0}
#footer .ftrnav{}
#footer .ftrnav ul{}
#footer .ftrnav ul li{margin-bottom: 10px;}
#footer .ftrnav ul li a:before{content:'';border:1px solid #555555;position:absolute;top: 6px;left:0;width:8px; height:8px}
#footer .ftrnav ul li a{padding-left:20px;position: relative;display:block; text-transform:uppercase}
#footer .ftrinfo li{padding-left:45px; margin-bottom:20px}
#footer .ftrinfo li.address{background:url(../images/icon-address.png) no-repeat 1px 2px }
#footer .ftrinfo li.phone{background:url(../images/icon-phone.png) no-repeat 1px 2px }
#footer .ftrinfo li.email{background:url(../images/icon-email.png) no-repeat 1px 2px}


#footer .social ul{list-style:none;padding:0;margin: 0;display:inline-block}
#footer .social ul li{display: inline-block; margin-right:10px}
#footer .social ul li a{}
#footer .social li i{width: 45px;height: 45px;color: #919090; border:2px solid #919090;line-height: 42px;text-align: center;font-size: 24px;border-radius:50px;}
#footer .social li i:hover{color:#fff;}
#footer .social li .fa-facebook-f:hover{background:#087bef;border-color:#087bef}
#footer .social li .fa-whatsapp:hover{background:#34e255;border-color:#34e255}
#footer .social li .fa-instagram:hover{background:#b339eb;border-color:#b339eb}
#footer .social li .fa-youtube:hover{background:#fe0000;border-color:#fe0000}

#copyright{font-size:14px; color:#919090; background:#1e1e1e}


.banner{position:relative}
.banner img{width:100%}
.banner .page-caption{top: calc(50%);transform: translate(0%, -50%);position:absolute; left:0; right:0; z-index:1}
.banner h1{margin:0;font-size:40px;text-transform:uppercase;color:#fff;font-weight:bold;display: inline-block;background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0) 100%);padding: 10px 30px 10px 0;position:relative}
.banner h1:before{content: '';position: absolute;top: 0;bottom: 0;left: -100%;width: 100%;background: rgb(0 0 0 / 60%);}

.confrm{}
.confrm h3{font-weight: normal;font-size: 100%;}
.confrm .form-group{margin-bottom:25px;}
.confrm .form-group p{margin:0}
.confrm .form-control{height:44px;border-color:#cdcdcd;border-radius:0}
.confrm textarea.form-control{height:170px;}
.confrm .btn{font-size:16px; padding:10px;width:158px; }
.confrm .btn:hover{background:#000}
.coninfo .card{background: #212529;color: #fff;border:none;border-radius:0}
.coninfo h2{font-weight:700; margin-bottom:15p;text-align:center}
.coninfo iframe{display:block;border:none;width:100%}
.coninfo ul{margin:0 0 25px;padding:0;list-style:none}
.coninfo ul li {position: relative;display:block;padding-left: 40px;line-height: 1.3;padding-top: 4px;margin-bottom: 20px;}
.coninfo ul li:last-child{margin-bottom:0} 
.coninfo ul li:before {font-family:FontAwesome;position: absolute;left: 0;top: 10px;font-size:20px;width: 26px;height: 26px;text-align: center;color: #fff;border-radius: 50%;line-height: 26px;}


.innerContent .ourser .item{color:#000; margin:10px 0}
.innerContent .ourser .item p{font-size: 90%;text-align: left;}


.blog-detail .item{background: #fdeded; margin-bottom:20px;color:#000;border-radius: 6px;overflow: hidden;    }
.blog-detail .item .thumb{position:relative ; height:410px; overflow:hidden;background: #ccc;}
.blog-detail .item .thumb img{width: 100%;min-height:410px;top: calc(50%);transform: translate(0%, -50%);position: absolute;left: 0;right: 0;}
.blog-detail .item .post-date{position: absolute;right: 10px;top: 10px;background: #fff;border-radius: 6px;font-size:18px;text-transform: uppercase;color: #000;font-weight: 600;padding: 1px 10px;}
.blog-detail .item .desc{padding: 2em;font-weight: 400;}
.blog-detail .item .desc h1{}
.blog-detail .item .desc p{text-align: left;}

.blog-sidebar{}
.blog-sidebar .card{ background:#fff; margin-bottom:20px; box-shadow: none;border: none;}
.blog-sidebar .card h1{font-size: 18px; margin-bottom:10px;}
.blog-sidebar .card h5{font-size:18px;margin: 0 0 7px;display: -webkit-box;max-height: 45px;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 2;}
.blog-sidebar .card h5 a{color:#000}
.blog-sidebar .card .recent-item{background: #f4f4f4;border-radius: 15px;overflow: hidden;}
.blog-sidebar .card .recent-item .thumb{    height: 95px;}
.blog-sidebar .card .recent-item .thumb img{    height: auto;    min-height: 95px;}
.blog-sidebar .card .post-date{font-size:12px;}
.blog-sidebar .search-form form{max-height:500px;position:relative}
.blog-sidebar .search-form .form-control{border-radius: 12px; height:38px; font-size:16px;color:#000000; background: #fff; padding: 5px 50px 5px 10px;border: 1px solid #cdcdcd;}
.blog-sidebar .search-form .form-control::placeholder{color:#000; opacity:1}
.blog-sidebar .search-form .btn{background:url(../images/icon-search.png) no-repeat 50%;position:absolute;right: 0;top: 0;font-size: 0px;width: 45px;height: 38px;padding: 0;border-left: 1px solid #cdcdcd;}

#comments .comment-respond{box-shadow: 0 0 15px #ccc;}
#comments .comment-respond .comment-reply-title,#comments .comments-title{    background: #000;color: #fff;font-size: 18px;padding: 10px 20px;font-weight: 500;}
#comments .comment-respond .comment-form{ padding:20px;display: flex; flex-wrap: wrap;}
#comments .comment-respond .comment-form p{width:100%;}
#comments .comment-respond .comment-form .comment-form-author,
#comments .comment-respond .comment-form .comment-form-email,
#comments .comment-respond .comment-form .comment-form-url{width:32%; margin-right:2%}
#comments .comment-respond .comment-form .comment-form-url{margin-right:0}
#comments .comment-respond .comment-form label{font-weight:600}
#comments .comment-respond .comment-form .required{color:#ff0000}
#comments .comment-respond .comment-form textarea,
#comments .comment-respond .comment-form input[type="text"],
#comments .comment-respond .comment-form input[type="url"],
#comments .comment-respond .comment-form input[type="email"]{width:100%;padding: 5px 15px;border: 1px solid #ccc;border-radius: 4px;outline: none;}
#comments .comment-respond .comment-form input[class="submit"]{    background: #000;color: #fff;border-radius: 50px;padding: 10px 45px;border: none;text-transform: uppercase;}
#comments ol{ list-style:none;    padding: 0;}
#comments ol ol{padding-left:30px;}
#comments .comment-meta {display:flex;border-bottom: 3px solid #ffabab;font-size: 13px;padding-bottom:5px;margin-bottom: 10px;}
#comments .comment-meta .comment-author {width: 50%;}
#comments .comment-meta .comment-author img {width:35px; height:35px;}
#comments .comment-meta .comment-metadata {width: 50%;text-align: right;padding-top: 5px;font-size: 12px;}
#comments .comment-body {background: #ffe0e0;margin-bottom: 10px;padding: 10px;}


.service-detail{}
.service-detail img{ max-width: 100% !important;height: auto !important;border-radius: 0 0 12px 12px;}

/* MEDIA QUERY */
@media(max-width:1400px){
	#header .container{max-width:100%;}
	
}
@media(max-width:1199px){
.slider .desc h1{font-size:20px;}
.navbar ul>li> a{padding: 10px 15px;font-size: 16px;}
}
@media(max-width:991px) and (min-width:768px){
.navbar ul>li> a{padding-left:10px;padding-right:10px; font-size:14px; }

}
@media(max-width:1199px){

}
@media(max-width:991px){


	
}
@media(max-width:767px){
.text-xs-center{text-align:center!important}
h1,.banner h1{font-size:22px;}
.ourser .item h3,.latest-news .item h3,.footer-newsletter .newsletter h4,#footer .h3{font-size:18px;}
body,.welcome-text,.benefits h3,.ourser .item .more{font-size:14px;}



#header .site-logo img{height:45px;}
.slider .desc h1{font-size:12px;}
.welcome-text{line-height:1.6}
.welcome-text h1{margin-bottom:10px}
.welcome-text .btn{    font-size: 16px;letter-spacing: 1px;padding: 5px 20px;}
.benefits .thumb img{width:50px;}
.ourser .item .desc{padding:10px;}
.ourser .item h3{margin:5px 0}
#footer .ftrnav{text-align:center; margin-bottom:20px;}
#footer .h3{margin-bottom:5px;text-align:center}
#footer .h3 strong{border:none; padding:0}
#footer .ftrnav ul li{display:inline-block; margin-bottom:5px}
#footer .ftrnav ul li:not(:last-child):after{content:'|'; opacity:0.7}
#footer .ftrnav ul li a:before{display:none}
#footer .ftrnav ul li a{padding:0 5px;display:inline-block; }
#footer .ftrinfo{text-align:center}
#footer .ftrinfo li{display:inline-block;padding-top: 5px;padding-bottom: 5px; margin-bottom:10px;}
#footer .ftrinfo li.phone{margin-right:20px}
	#footer .ftrinfo li{float: left;
        text-align: left;}
#footer .social li i{width: 34px;height: 34px;line-height: 30px;font-size: 18px;}
.owl-carousel .owl-nav .owl-prev{left:-10px;}
.owl-carousel .owl-nav .owl-next{right:-10px;}
}
@media(max-width:640px){

}
@media(max-width:480px){
.slider .desc h1{font-size:8px;}
}
@media(max-width:420px){


}