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


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




#header{}
#header .container{position:relative}


.navbar {position:relative; }
.navbar ul > li {position:relative}
.navbar ul>li> a{color: #000;text-transform: uppercase;text-decoration: none;padding: 6px 20px;font-size: 14px;display: block;font-weight:400;}

.navbar ul>li.reqbtn> a{background: #eb7e21;color: #fff;border-radius: 4px;}
.navbar ul>li.dropdown > a:after{font-family:FontAwesome; content:"\f0d7"; margin-left:5px;}

.navbar ul>li:last-child{border-right:none}
.navbar ul>li:first-child a{}
.navbar ul>li:last-child a{padding-right:0}
.navbar ul>li:hover> a,.navbar ul>li.active> a,.navbar ul>li.current-menu-item> a{color: #ff8900;}
.navbar ul>li.reqbtn:hover> a,.navbar ul>li.reqbtn.active> a{}
@media(min-width:768px) {
.navbar{float:right}
#mobileMenuButton{display:none}
.navbar .navbar-collapse>.navbar-nav{
    position: relative;
    z-index: 123;
}
.navbar .navbar-nav>li{ padding-right:10px}
.navbar .navbar-nav>li:not(:last-child):after{}
.navbar ul>li ul{
    -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: 35px;
    width: 200px;
    background: #fff;
    z-index:12;
    list-style:none;
    padding:10px 0;
    margin:0;
    border-radius: 3px;
    display:none;
    box-shadow: 1px 4px 9px rgb(0 0 0 / 25%);
    }
@-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 ul:before{content:'';position:absolute;width: 10px;height: 10px;transform:rotate(45deg);left: 20px;top: -5px;background:#fff;/* box-shadow: -2px -2px 4px #ebebeb; */}
.navbar ul>li:hover> ul{ display:block}
.navbar ul > li .hasSub{position: absolute;right: 26px;top: 15px;}
.navbar ul > li .hasSub:after {content: '';position: absolute;border-top: 4px solid #c3c3c3;border-left: 3px solid transparent;border-right: 3px solid transparent;}
.navbar ul > li li {}
.navbar ul > li li a{color: #000000;text-shadow: none;padding: 5px 15px;font-size: 14px;font-weight: normal;border-radius: 0!important;text-transform: capitalize;}
.navbar ul > li li:hover>a{color: #fff;}
.navbar ul > li button.sub-menu-toggle {display: none;}

.pageContent{ position:relative; /*min-height:900px;*/}
.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: uppercase; padding:7px 15px; font-weight:500  }
.mobileNavWrapper ul li a:hover, .mobileNavWrapper ul li.active a { color: #FFF; background: #015179; 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 ul.nav li li:hover a {border-color: #015179;color: #fff;}
.mobileNavWrapper .navbar-nav li .hasSub{position: absolute;right: 0;width: 40px;height: 35px;top: 0;z-index: 123;background: #033148;cursor: pointer;}
.mobileNavWrapper .navbar-nav li .hasSub:after{position:absolute;content: '';width: 10px;height: 10px;border-top: 1px solid #fff;border-right: 1px solid #fff;left: 18px;top: 9px;transform: rotate(135deg);}

.mobileNavWrapper.showNav, .header.showNav, .pageContent.showNav { -webkit-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); }
#mobileMenuButton{float: right;font-size: 25px;color: #fff;padding: 0;background:url(../images/menu.png) no-repeat;width: 40px;height: 40px;background-size: 50px;    margin: -5px 0 0 5px;}
/* 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-theme .owl-controls { text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.owl-theme .owl-controls .owl-nav div { color: #FFF; display: inline-block; cursor: pointer; width:25px;height: 30px;position:relative}
.owl-theme .owl-controls .owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-theme .owl-controls .owl-nav div:hover { text-decoration: none; }
.owl-theme .owl-dots .owl-dot { margin-top:15px; display: inline-block; zoom: 1;  *display: inline;}
.owl-theme .owl-dots .owl-dot span {  display: block; width: 12px; height: 12px; margin: 5px 2px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #cdcdcd;  }
.owl-theme .owl-dots .owl-dot.active span { background:#ff8900 }
.owl-theme .owl-controls .owl-nav div {    margin: 0px;
    position: absolute;
    top: 35%;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: url(../images/arrow-left.png) no-repeat center #e9e9e9;
}
.owl-theme .owl-controls .owl-nav div:hover{background-color:#fff;box-shadow:0 0 5px #a9a9a9}
.owl-theme .owl-controls .owl-nav .owl-prev{left:-15px}
.owl-theme .owl-controls .owl-nav .owl-next{ right:-15px;transform:rotate(180deg); -webkit-transform:rotate(180deg);} 
.owl-theme .owl-controls .owl-nav div:after{}
.owl-theme .owl-controls .owl-nav .owl-prev{}
@media(min-width:1300px){

}

/* end code of owl-carousel script  */

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../images/fancybox_sprite.png); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url(fancybox_loading.gif) center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(blank.gif);-webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: visible; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
.fancybox-lock { overflow: visible !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0, 0, 0, 0.45); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent;  background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {/*background-image: url(fancybox_sprite@2x.png);background-size: 44px 152px;*/}
 #fancybox-loading div {
/*background-image: url(fancybox_loading@2x.gif);background-size: 24px 24px; */}
}
.shareThis { position: absolute; left: 0; right: 0; bottom: 0; z-index: 9999; text-align:center; }
.shareThis .btn { margin:2px; }
.shareThis a { float:none!important; display:inline-block!important; }

/* end code of fancy lightbox */


.slider {position:relative;}
.slider .carousel-caption{top: calc(50%);transform: translate(0%, -50%); }
.slider .carousel-item>img{ width:100%;}
.slider .carousel-item .desc{ color:#fff;font-size: 24px;line-height:1.4; font-weight:500;width: 50%;}
.slider .carousel-item h1{font-size:56px; font-weight:400; line-height:1.3;margin-bottom:15px;}
.slider .carousel-item p{margin-bottom:30px;}
.slider .carousel-item .btn{background-image:url(../images/btn-arrow.png); background-repeat:no-repeat;background-position: 90%;border-radius: 0;font-size: 14px;padding: 10px 50px 10px 30px;}
.slider .carousel-item .btn:hover{background-color:#000;color:#fff;border-color:#000}
.slider .carousel-control-next, .slider .carousel-control-prev{width:28px; height:55px; background:rgb(0 0 0 / 27%); border-radius:0 5px 5px 0; color:#fff; top:0; bottom:0; margin:auto; opacity:1; z-index:12}
.slider .carousel-control-next{right:0px; border-radius:5px 0 0 5px;}
.slider .carousel-control-prev{left:0px;}


.mid-title{}
.mid-title  h1{color:#324367}


.whychooseus{}
.whychooseus .item{transition:0.5s;font-size:13px; padding:20px}
.whychooseus .item .box img{transition:0.8s}
.whychooseus .item:hover .box img{transform:rotateY(360deg);}
.whychooseus h3{font-size:22px; color:#324367;font-weight:700;margin:10px 0}
.whychooseus h3 a{color:#324367}
.whychooseus .item:hover h3 {color:#ff8900}
.whychooseus p{margin-bottom:0;}
.whychooseus .item:hover{background:#f7f7f7}
@media(min-width:768px){
	.whychooseus .item:not(:nth-child(3n)){border-right:1px solid #cdcdcd;}
	.whychooseus .item:nth-child(n+4){border-top:1px solid #cdcdcd;}
}

.latest-blog{}
.latest-blog .item{}
.latest-blog .thumb{overflow:hidden}
.latest-blog .thumb img{width:100%; height:237px !important;transition:1s}
.latest-blog .desc{padding: 25px;background: #f7f7f7;margin-top: -30px;position: relative;z-index: 12;margin-left: 30px;font-size: 13px;color: #707070;font-weight: 500;}
.latest-blog .desc .post-date{font-size:14px; color:#324367; font-weight:700;position:relative;line-height: 30px;margin-top: 10px;}
.latest-blog .desc .post-date:before{content:'';position:absolute;left: -25px;background: #ff8900;height: 30px;width: 8px;}
.latest-blog .desc h3{font-size:16px; color:#324367; font-weight:700;margin: 10px 0 15px;}
.latest-blog .desc h3 a{color: #324367;padding: 0px 2px;}
.latest-blog .item:hover .desc h3 a{background:#ff8900; color:#fff}
.latest-blog .item:hover .thumb img{transform:scale(1.4)}


.section-services{background:url(../images/bg-brands.jpg) repeat fixed 50%; color:#fff;animation: slide 50s linear infinite;}
.section-services h1{ color:#fff;}
.section-services .item{font-size:14px;position:relative}
.section-services .item {padding-left: 150px;min-height: 130px;margin-bottom: 30px;}
.section-services .item .thumb{position:absolute;left: 40px;top: 10px;}
.section-services .item .thumb img{background:#ff8900; border-radius:50%;transition:0.8s }
.section-services .item:hover .thumb img{transform:rotateY(360deg);background:#3399cc}
.section-services .item h3{font-size:22px;font-weight: 600;}
.section-services .item p{text-align:inherit}
@media(min-width:768px){
	.section-services .item:nth-child(odd){text-align:right; padding-left:15px;padding-right: 150px;}
	.section-services .item:nth-child(odd) .thumb{left:auto;right: 40px;}
}



.section-brands{ color:#fff;}
.section-brands h1{ color:#fff;}

@keyframes slide{
0% {background-position: 1600px 0}
1000% {background-position:0 0}
}


.brands-circle{width:1050px;height: 700px;position: relative;margin: auto;}
.brands-circle .master{width: 365px;height: 365px;border-radius: 50%;position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.brands-circle .master:before{content:'';position:absolute;background:url(../images/brand-circle.png) no-repeat;background-size:100% 100%;left: 0;right: 0;top: 0;bottom: 0;animation: rotate360 50s linear infinite;}
@keyframes rotate360{from  { transform: rotate(0deg);}to { transform: rotate(360deg);}}
@-webkit-keyframes rotate360{from  { transform: rotate(0deg);}to { transform: rotate(360deg);}}
.brands-circle .master img{position: absolute;top: 0;bottom: 0;margin: auto;left: 0;right: 0;padding: 0 15%;}
.brands-circle ul{list-style:none; margin:0; padding:0}
.brands-circle ul li{position:absolute;width: 175px;height: 70px;border-radius: 50px;overflow: hidden;transition:.5s; background:#fff}
.brands-circle ul li img{background: #fff; max-height:100%}
.brands-circle ul li:nth-child(1){top:0;left: 0;right: 0;margin: auto;}
.brands-circle ul li:nth-child(2){right: 22%;top: 13%;}
.brands-circle ul li:nth-child(3){right: 11%;top: 28%;}
.brands-circle ul li:nth-child(4){right: 0;top:0;bottom: 0;margin: auto;}
.brands-circle ul li:nth-child(5){right: 11%;bottom: 28%;}
.brands-circle ul li:nth-child(6){right: 22%;bottom: 13%;}
.brands-circle ul li:nth-child(7){left:0;bottom: 0;right: 0;margin: auto;}
.brands-circle ul li:nth-child(8){left: 22%;bottom: 13%;}
.brands-circle ul li:nth-child(9){left: 11%;bottom: 28%;}
.brands-circle ul li:nth-child(10){left:0;top:0;bottom: 0;margin: auto;}
.brands-circle ul li:nth-child(11){left: 11%;top: 28%;}
.brands-circle ul li:nth-child(12){left: 22%;top: 13%;}
.brands-circle ul li:hover{box-shadow: 0 0 15px #fff;}

.canvas-bg{background:#2d3c5d;position:relative}
.canvas-bg #particles-js{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}

.our-testimonial {}
.our-testimonial .item{font-size:22px; }
.our-testimonial .item p{text-align:inherit;color: #767676;}
.our-testimonial .item .author{font-size:24px; color:#324367; font-weight:700;}
.our-testimonial .item .author .rating{display:inline-block; color:#ff8900;font-size: 14px;letter-spacing: 5px;position: relative;margin-left: 15px;}
.our-testimonial .item .author .rating .fa{}
@media(min-width:960px){
	.our-testimonial  .owl-carousel .owl-stage-outer{margin:15px 0 30px;}
	.our-testimonial  .owl-carousel .owl-stage-outer:after{content:'';position:absolute; left:0; right:0; width:2px; margin:auto; top:0; bottom:0; background:#cdcdcd }
}




#footer{background:#324367;color:#afb7bb; border-top:5px solid #ff8900; font-weight:400; font-size:13px;}
#footer .h3{ font-size:18px;color:#fff;  margin-bottom:15px;font-weight:600; }
#footer a{color:#afb7bb}
#footer a:hover{color:#fff}
#footer ul{list-style:none; margin:0 0 20px; padding:0}
#footer .ftrnav ul li {margin-bottom:5px;}
#footer .footer-address li {padding-left: 32px;margin-bottom: 20px;position: relative;}
#footer .footer-address li strong{color:#ff8900;font-weight:400;}
#footer .footer-address li:before {font-family:FontAwesome;position: absolute;left: 0;top: -4px;font-size: 19px;width: 20px;text-align: center;color: #fff;}
#footer .newsletter {font-weight: 300;}
#footer .newsletter .h3{}
#footer .newsletter p{margin-bottom:15px;font-size:14px;}
#footer .newsletter .form-group{margin-bottom:7px;}
#footer .newsletter .form-control,#footer .newsletter input[type="email"]{background: #475676;height: 40px;border: none;border-radius: 0;padding: 10px 15px;color: #fff; outline:none}
#footer .newsletter .form-control::placeholder,#footer .newsletter input[type="email"]::placeholder{opacity:1; color: #afb7bb;}
#footer .newsletter .btn,#footer .newsletter input[type="submit"]{color:#fff;text-transform:uppercase;width:100%;height: 40px;padding: 5px;font-size: 14px;border-radius: 0;background:#ff8900;border:none}
#footer .newsletter .btn:hover,#footer .newsletter input[type="submit"]:hover{background-color:#000;color:#fff;border-color:#000}
.social {}
.social li{display:inline-block; margin:0 3px}
.social i.fa{width: 24px;height: 24px;background: #fff;color: #324367;text-align: center;line-height: 24px;font-weight: 300;border-radius: 7px;font-size: 16px;}
.social i.fa:hover{color:#fff}
.social i.fa-facebook:hover{background:#3e54aa}
.social i.fa-twitter:hover{background:#5fb8fe}
.social i.fa-instagram:hover{background:#e04a91}
.social i.fa-youtube-play:hover{background:#fd2e3d}
.social i.fa-linkedin:hover{background:#0073b1}
#copyright {border-top:1px solid #475a81;padding:13px 0}



.banner{position:relative;}
.banner h1{ color:#fff;   font-size: 56px;margin-bottom: 0px;line-height: 1.2;font-weight: 400;text-shadow:3px 3px 12px rgb(0 0 0 / 24%); text-transform:capitalize}
.banner .banner-caption{top: calc(50%);transform: translate(0%, -50%); position:absolute;left:0;right:0}

.innerContent h1{color:#324367}

.about-content{}
.about-content h2{font-size:24px;}
.about-content hr{    border-top: 4px solid #ff8900;}


.confrm{}
.confrm h1{color:#324367}
.confrm .form-group{}
.confrm .form-control{font-size:12px; color:#000; border-radius:0; border:1px solid #cdcdcd;height:38px;}
.confrm .form-control::placeholder{opacity:1;color:#000}
.confrm textarea.form-control{height:160px;}
.confrm .btn{text-transform: uppercase;background-image: url(../images/btn-arrow.png);background-repeat: no-repeat;background-position: 90%;border-radius: 0;font-size: 14px;padding: 10px 50px 10px 30px;}
.coninfo .card{border-radius:0; background:#f7f7f7;border:none}
.coninfo ul{margin:0;list-style: none;padding: 0;margin: 15px 0 0;}
.coninfo ul li strong{font-weight: 600;color: #ff8900;display:block}
.coninfo ul li {position: relative;display:block;font-size: 16px;padding-left: 40px;line-height: 1.3;padding-top: 4px;margin-bottom: 30px;}
.coninfo ul li:last-child{margin-bottom:0; padding-right:57px;} 
.coninfo ul li:before {font-family:FontAwesome;position: absolute;left: 0;top: 0;font-size: 24px;width: 28px;height: 28px;text-align: center;color: #ff8900;border-radius: 50%;line-height: 28px;}

iframe{width:100%; display:block;border:none}



.service-menu{}
.service-menu ul{list-style:none;padding:0;margin: 0 0 10px;}
.service-menu ul li:not(:last-child){ margin-bottom: 20px;}
.service-menu ul li a{color:#435680;display: block;padding: 5px 0; font-size:22px;font-weight: 700;position: relative;}
.service-menu ul li a:hover{color:#ff8900;}
.service-menu ul li.current-menu-item a:after{content:'';position: absolute;bottom: 0;height: 3px;width: 120px;background: #ff8900;left: 0;}


.blog-detail{}
.blog-detail .post-date{color:#324367;font-size: 14px;border-left: 10px solid #ff8900;padding-left: 11px;font-weight: 600;margin-bottom: 15px;}

.blog-sidebar{}
.blog-sidebar .card{background:#e1ecd1; border:none;}
.blog-sidebar  h3{font-size:16px; color:#000; margin:15px 0 10px;font-weight:600}
.blog-sidebar .search-form{}
.blog-sidebar .search-form{}
.blog-sidebar .search-form form{max-height:500px;position:relative}
.blog-sidebar .search-form .form-control{height:38px;border-radius: 0;border: none;font-size: 13px; color:#000; padding-right:50px;background: #f7f7f7;}
.blog-sidebar .search-form .form-control::placeholder{font-style:italic}
.blog-sidebar .search-form .btn{background: url(../images/icon-search.png) no-repeat 50% #e9e9e9;position:absolute;right: 0;top: 0;font-size: 0px;width: 45px;height: 38px;padding: 0;border-radius: 0;}
.blog-sidebar .latest-post{}
.blog-sidebar .latest-post li{margin-bottom:15px;position:relative;background:#fff;padding: 10px 5px 10px 100px; transition:0.5s}
.blog-sidebar .latest-post li img{position:absolute;width: 90px;left: 0;top: 0;height: 100%;}
.blog-sidebar .latest-post li h5{font-size:16px;color: #324367;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.blog-sidebar .latest-post li p{font-weight:500;font-size: 12px;color: #ff8900; margin:0}
.blog-sidebar .latest-post li:hover{background: #ff8900; color:#fff}
.blog-sidebar .latest-post li:hover *{ color:#fff}
.blog-sidebar ul{list-style:none;padding: 0;}
.blog-sidebar .widget-archive{}
.blog-sidebar .widget-archive li {}
.blog-sidebar .widget-archive li a{background:#5a8d03;color: #fff;padding: 5px 15px;border-radius: 50px;font-size: 14px;}
.blog-sidebar .widget-archive li:hover a{background:#fff;color: #5a8d03;}



/* MEDIA QUERY */
@media(max-width:1300px){

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

.brands-circle{width:700px;height:480px;}
.brands-circle .master { width: 275px;height: 275px;}
.brands-circle ul li{width: 120px;height:45px;}
}
@media(max-width:991px) and (min-width:768px){
.navbar ul>li> a{padding: 11px 7px;font-size: 12px;text-transform: capitalize;}
.navbar .navbar-collapse>.navbar-nav{margin:auto;}
}
@media(max-width:1199px){
.slider .carousel-item h1{font-size:35px;}

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

}
@media(max-width:767px){
.text-xs-center{text-align:center!important}
h1,.h1,.banner h1{font-size:22px;}
.h3, h3,.section-services .item h3,.whychooseus h3,.our-testimonial .item .author,.about-content h2{font-size:18px;}

body,.our-testimonial .item,.breadcrumb{font-size:14px; line-height:1.4}

.breadcrumb{margin:0;}
#footer .newsletter form{position:relative}
#footer .newsletter .form-control{padding-right:115px;}
#footer .newsletter form .btn{position: absolute;right: 0;width: 113px;top: 0;}
#footer .h3{margin-bottom:5px;}
#footer .ftrnav ul li{display:inline-block; margin:0}
#footer .ftrnav ul li a{padding:0 5px;}
#footer .ftrnav ul li:not(:last-child):after{content:'|'; opacity:0.4}
#footer .ftrnav ul li:first-child a{padding-left:0}

.brands-circle{width:450px;height: 280px;}
.brands-circle .master{width: 175px;height: 175px;}
.brands-circle ul li{width: 75px;height:30px;}
.slider .carousel-item h1{font-size:22px; margin-bottom:5px;}
.slider .carousel-item .desc{font-size:11px; width:60%; padding-left:20px;}
.slider .carousel-item .desc p{margin-bottom:10px;}
.slider .carousel-item .btn{padding:6px 35px 6px 8px}
}
@media(max-width:640px){

}
@media(max-width:480px){
.slider .carousel-item h1{font-size:16px; }
.brands-circle{width:320px;height: 250px;}
.brands-circle .master{width: 120px;height: 120px;}
.brands-circle ul li{width: 70px;height:25px;}

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


}