/* CSS Document 
Font Awesome 5 Brands
Font Awesome 5 Free
*/

:root {
	--default: #5f595b;
	--primary: #031f2e;
	--secondary: #00475c;
	--swiper-theme-color: #9b2450;
	--dark: #231f20;
	--swiper: #c61e1e;	
	--black: #000000;	
	--gray: #dfdfdf;
	--red:#c61e1e;
	--lightgray : #f7f7f7;
	--icon-solid :'Font Awesome 5 Free';
	--icon-brand :'Font Awesome 5 Brands';

}
html, body { height:100%;}
body {font-family: 'Nunito', sans-serif; font-size: 0.85rem; font-smoothing:antialiased; color:var(--default); font-weight: normal; padding-top: 80px;}
img { max-width:100%; height:auto;}
strong, b, .bold {font-weight:700;}
.medium { font-weight: 600 !important; }
.bolder {font-weight:900 !important;}
a, button, input[type=submit] { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; }
a, .btn-link, .text-red {color:var(--primary);}
a:hover, a:focus {color:var(--black);}
a:hover, a:focus, button, .btn { text-decoration:none;}
label { font-weight:normal; }
iframe { width:100% !important; }
small {font-size: 90%;}
sub, sup {font-size:50%;}
hr { border-width:2px;}
.row-gap [class*="col-"], .row-gap .col {padding:0 5px;}
::placeholder {color:var(--default) !important;}
.form-control {box-shadow:none !important; color:var(--default); font-size: 0.85rem;  border-color: var(--gray); border-radius: 30px; padding-left:1.5rem; padding-right: 1.5rem; border-width: 2px;}
textarea.form-control {min-height: 80px; padding: .7rem 1rem; border-radius: 20px !important;}
textarea.h-large {min-height: 150px;}
.font2 { font-family:var(--font2);}
select.form-control, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/down-arrow.png); background-repeat:no-repeat; background-position:calc(100% - 15px) center; display:inline-block; vertical-align:middle; cursor:pointer; padding-right: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; outline:0 !important; color:var(--default) !important;}
.form-group {margin-bottom: 1.2rem;}
.btn {overflow: hidden; box-shadow: none !important; font-size: 0.85rem; font-weight:600; padding:0 1.2rem; height: 40px; line-height: 38px; border-radius: 4px;}
.btn-lg { font-size: 1rem; height: 45px; line-height: 43px;}
.btn-link { border-radius:0;}
.btn-link:hover, .btn-link:focus, .btn-link:active {color:var(--secondary); text-decoration:none;}
.btn-dark { background-color: var(--dark); }
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { background-color: var(--black); color: var(--white); }
.btn-white { background-color: var(--white); }

.btn-swiper {color:var(--primary); text-transform:uppercase; font-size:0.725rem; font-weight:bold; letter-spacing:1px; position:relative; padding: 0.6rem 0; display: inline-block; vertical-align: middle;}
.btn-swiper .fa {font-size:0.85rem; transition-duration: 0.4s; position: relative; left: 0; display: inline-block; vertical-align: text-bottom; margin:0 0 0 0.2rem  }
.btn-swiper:hover .fa { left: 0.3rem}
.btn-primary {background-color:var(--secondary); border-color:var(--secondary);}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .bootstrap-select.show > .dropdown-toggle.btn-outline-primary.bs-placeholder,
.bootstrap-select > .dropdown-toggle.btn-outline-primary.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.btn-outline-primary.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.btn-outline-primary.bs-placeholder:hover, .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle  { background-color:var(--primary); border-color:var(--primary); color: var(--white);}

.btn-default {border-width:2px; border-color:var(--white); color: var(--white);}
.btn-default:hover, .btn-default:focus, .btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show > .btn-default.dropdown-toggle { background-color:var(--white); color:var(--dark);}

.border-light { border-color:#ccc !important;}
.text-muted {color: #a2a2a2 !important;}
.section {padding:50px 0;}
.section-sm {padding:40px 0;}
.regular { font-weight:400 !important;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight:bold;}
.h1, h1 { font-size:3rem; }
.h2, h2 { font-size:2.4rem; }
.h3, h3 { font-size:1.6rem; }
.h4, h4 { font-size:1.2rem; }
.h5, h5 {font-size:.9rem;}
hr {margin-top: 1.5rem; margin-bottom: 1.5rem; border-color:#eee;}
.bg-default { background-color: var(--default);}
.bg-primary {background-color: var(--primary) !important;}
.bg-secondary {background-color: var(--secondary) !important;}
.bg-dark {background-color: var(--primary) !important;}
.bg-black {background-color:var(--black) !important;}
.bg-gray {background-color: var(--lightgray) !important;}
.bg-lightgray {background-color: #f8f8f8 !important;}
.text-primary {color: var(--primary) !important}
.text-secondary {color: var(--secondary) !important}
.text-default {color: var(--default) !important}
.text-black {color: var(--black) !important}
.text-swiper {color: var(--swiper) !important}
.text-dark {color: var(--dark) !important}
@-webkit-keyframes autofill { to {background: transparent;} }
input:-webkit-autofill {-webkit-animation-name: autofill; -webkit-animation-fill-mode: both;}
.relative { position:relative; }
.table td, .table th {font-weight:600;}
.text-large {font-size: 1rem;}
.text-medium {font-size: 0.8rem;}
.text-spacing {letter-spacing:0.2rem;}
.rounded-3 {border-radius:10px;}

.bootstrap-select > .btn { background: var(--white); border:1px solid #ced4da; box-shadow: none !important; color: var(--default); text-transform: none; font-weight: 400; border-radius:0.7rem; padding-left: 1rem;}
.bootstrap-select .no-results {padding:1rem; margin: 0; font-size: .85rem; background: var(--white); color: var(--default);}
.bootstrap-select > .btn-primary {background-color: var(--primary); border-color: var(--primary); color: var(--white);}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary {color: var(--white);}
.bootstrap-select > .btn-secondary {background-color: var(--secondary); border-color: var(--secondary); color: var(--white);}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary {color: var(--white);}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {outline: 0 !important;}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {color:#777;}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.dropdown-menu {border:none; padding:0.2rem 0; margin:0; border-top:1px solid #eaeaea;}
.dropdown-item, .dropdown-menu a  {color: var(--default); font-size: 0.9rem; padding:0.5rem 1rem; white-space: inherit; display:block;}
.dropdown-item.active, .dropdown-item.active:hover { background:none; font-weight:600; color:var(--primary);}
.bootstrap-select .dropdown-header {color: var(--default); font-weight: 500;}
.bs-actionsbox, .bs-donebutton, .bs-searchbox {padding: 10px;}
.bootstrap-select.form-control-lg .dropdown-toggle { height:50px;}
.bootstrap-select.form-control-lg .dropdown-toggle .filter-option-inner-inner { padding:5px 0;}
.bootstrap-select.form-control-lg .dropdown-toggle::after { width:auto;}

.btn-light, .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {color: var(--default); background-color:var(--white);}
.dropdown-item:focus, .dropdown-item:hover {background-color: var(--light-red); color: var(--default);}

.btn-radio, .btn-checkbox { display:inline-block; margin-bottom:15px; margin-right:15px; font-size: 0.9rem}
.btn-radio:last-child, .btn-checkbox:last-child { margin-right:0; }
.btn-radio input[type="radio"] + label, .btn-checkbox input[type="checkbox"] + label { position: relative; padding:0 0 0 30px; margin:0; cursor:pointer; display:inline-block; color:var(--default); font-weight:normal;}
.btn-radio input[type="radio"], .btn-checkbox input[type="checkbox"] { display:none; }
.btn-checkbox input[type="checkbox"] + label:before { border:2px solid #ced4da; content:""; display:inline-block; width:20px; height:20px; left:0; border-radius:4px; position: absolute; top:0px; background:transparent; }
.btn-checkbox input[type="checkbox"]:checked + label:before { background:var(--primary); border-color:var(--primary); }
.btn-checkbox input[type="checkbox"] + label:after { content:''; position:absolute; top:6px; left:5px; width:10px; height:5px; border:solid transparent; border-width:0 0 2px 2px; line-height:0; -webkit-transition-duration:0.2s; transition-duration:0.2s; -ms-transform:rotate(-45deg) scale(2); -webkit-transform:rotate(-45deg) scale(2); transform:rotate(-70deg) scale(2); }
.btn-checkbox input[type="checkbox"]:checked + label:after { -ms-transform:rotate(-45deg) scale(1); -webkit-transform:rotate(-45deg) scale(1); transform:rotate(-45deg) scale(1); border-color:#fff; }
.btn-radio input[type="radio"] + label:before { border:2px solid #ced4da; content: ""; display: inline-block; width:20px; height: 20px; left: 0; position: absolute; top:0; border-radius:50%; background:#fff;}
.btn-radio input[type="radio"]:checked + label:before { border-color:var(--primary); background: var(--primary); }
.btn-radio input[type="radio"] + label:after { content:''; position:absolute; top:6px; left:5px; width:10px; height:5px; border:solid transparent; border-width:0 0 2px 2px; line-height:0; -webkit-transition-duration:0.2s; transition-duration:0.2s; -ms-transform:rotate(-45deg) scale(2); -webkit-transform:rotate(-45deg) scale(2); transform:rotate(-70deg) scale(2);}
.btn-radio input[type="radio"]:checked + label:after { -ms-transform:rotate(-45deg) scale(1); -webkit-transform:rotate(-45deg) scale(1); transform:rotate(-45deg) scale(1); border-color:#fff; }
.btn-radio input[type="radio"]:disabled + label, .btn-checkbox input[type="checkbox"]:disabled + label { opacity: 0.5; }
.checkbox-inline, .radio-inline { padding:0 20px 15px 0; }
.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin-top:0; margin-left:0; }
.ci-head .title {font-size: 2.5rem; font-weight:700;}
.ci-head .title strong {font-weight:800;}

.catei-label {position:relative; margin-bottom:30px;}
.catei-label .control-label { font-size:0.85rem; color:var(--brown); font-weight:700; pointer-events: none; position: absolute; transform: translate3d(0, 6px, 0) scale(1); transform-origin: left top; transition: 240ms;}
.catei-label.focused .control-label, .catei-label.active .control-label { opacity: 1; color:#333; transform:scale(0.8) translate3d(0, -15px, 0); font-weight:500; }
.catei-label.focused .form-control { border-color:var(--default); color:var(--default);}
.catei-label .form-control {align-self: flex-end; border:solid #9c9ca3; border-width:0 0 2px; color:#9c9ca3; font-weight:700; border-radius:0; padding:0; text-overflow: ellipsis;}
.catei-label textarea.form-control {height:100px;}
.catei-label .form-control::-webkit-input-placeholder { color: transparent; transition: 240ms; }
.catei-label .form-control:focus::-webkit-input-placeholder { transition: none; }
.catei-label .form-group.focused .form-control::-webkit-input-placeholder { color:#bbb;}


/* Slider */
.owl-carousel .owl-item img { width:auto; display:inline-block; }
.static-arrow .owl-nav { width:100%; text-align: center;}
.static-arrow .owl-next, .static-arrow .owl-prev { position: static; margin:0 .3rem;}
.owl-next, .owl-prev {width:60px; height:60px; display: inline-block; background-color:var(--brown); background-repeat:no-repeat; opacity:1; position:absolute; top:50%; margin:-25px 0 0 0; z-index:10; padding:0; border:none; border-radius:100%; font-size:0; transition-duration: 0.4s}
.owl-prev {left:0; background:url(images/arrow-prev.png) no-repeat right center var(--brown);}
.owl-next {right:0; background:url(images/arrow-next.png) no-repeat left center var(--brown);}
.owl-nav > div.disabled {opacity:0.3; cursor: not-allowed;}
.owl-dots {width:100%; text-align:center; padding:20px 0;}
.owl-dots .owl-dot {display:inline-block; background:none; border:none; margin:0 3px; padding:0; text-align:center; }
.owl-dots .owl-dot span {width: 20px; height:8px; border-radius:10px; background:var(--gray); display:block; transition-duration: 0.4s }
.owl-dots .owl-dot.active {background:none;}
.owl-dots .owl-dot.active span, .dots-white .owl-dots .owl-dot.active span { background-color:var(--red); border-color:var(--red); width:50px;}
.dots-white .owl-dots .owl-dot span {border-color: var(--lightgray);}
.dots-grey .owl-dots .owl-dot span {background-color:var(--gray);}
.dots-grey .owl-dots .owl-dot.active span { background-color:var(--red); border-color:var(--red); width:50px;}

.owl-thumb-item img {border:solid 1px #d4c03e; padding:15px 25px}
.owl-thumbs {display:table; width:100%; text-align:center; padding:0; z-index:99; }
.owl-thumb-item {display:table-cell; border:none; background:none; padding:5px; opacity:0.3; width:100px; cursor:pointer;}
.owl-thumb-item.active { opacity:1;}
/* Slider */

#header {background: #031f2e;  position:fixed; top:0; left:0; width:100%; z-index:100; transition-duration: 0.4s; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); height:80px; padding:10px 0;}
.navbar-brand {margin: 0;}
#header .navbar-nav {-ms-flex-direction: row; flex-direction: row;}	
#navbar .nav-item { margin-left: 2.4rem;}
#navbar .nav-link {color: var(--white); padding: 0.5rem 0; font-size:0.87rem; font-weight:400; position: relative; opacity:0.7; }
#navbar .nav-link:before, .ci-footer .nav-link:before, #ciHeader .nav-link:before { content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; background-color: var(--white); height: 1px; transform: scaleX(0); transform-origin: right; transition: transform .6s cubic-bezier(.19,1,.22,1);}
#navbar .nav-link:hover:before, .ci-footer .nav-link:hover:before, #ciHeader .nav-link:hover:before {transform: scaleX(1); transform-origin: left;}
#navbar .nav-link:hover { opacity: 1; }
.ciSocial a {color: var(--white); min-width: 25px; height: 35px; font-size: 1rem; text-align: center; line-height: 35px;}
.top-header .btn:hover {background:var(--secondary); color:var(--white);}
.btn-query {font-size:0.9rem; font-weight:700; border-left:solid #dcdcdc; padding-left:12px; border-width:1px;}

#footer { background-color: var(--dark); position: relative; font-size: 0.8rem; }
.footer-top { border-bottom: solid 1px rgba(255,255,255,0.1);  }
#footer:before { content: ''; width: 204px; height: 401px; background: url(../images/icon-white.png) no-repeat center; background-size:100%; position: absolute;; right: 10px; bottom: 10px; opacity: 0.05; }
#footer .container { position: relative; z-index: 2; }
.footer-nav .nav-link { padding:0.2rem 0; color: var(--white); opacity: 0.5; overflow: hidden; position: relative; font-size:0.85rem;}
.footer-nav .nav-link:hover {opacity: 1;}
.footer-nav-title {text-transform: uppercase; letter-spacing: 0.05rem; color:var(--white);}
.footer-para {color:var(--white); opacity:0.5; line-height:1.5rem;}
.copyright { color: rgba(255,255,255,0.7); }
.footer-social a {padding: 0 10px; display: inline-block;}
.footer-social svg { height: 18px;}
.copyright {opacity: 0.5; letter-spacing: 0.05rem; }
#navbar .nav>li.dropdown>.dropdown-menu {margin:0; padding: 0; position:fixed; top: 12%; left: 0; width: 100%; justify-content: center!important;  transition-duration: 0.4s; background:var(--white); display:flex; visibility:hidden;}
#navbar .dropdown-item img {width:70px; display: block; margin:0 auto 5px; transition-duration: 0.4s;}
#navbar .dropdown-item:hover img {transform: scale(1.1);}
#navbar .dropdown-item {width: auto; padding:10px 30px; font-weight: 700; font-size: .85rem; text-align: center;}
#navbar .nav .nav-item.dropdown:hover .dropdown-menu {visibility:visible;}
#navbar .dropdown-toggle::after {position: relative; top: 2px;}
.toggle-btn {min-width: 50px; margin:0; padding:0; border:none; z-index:99999; -webkit-transition-duration:.4s; transition-duration:.4s; display:none; cursor:pointer; position: absolute; top:5px; right:0;}
.toggle-btn.active {right:0; top:0;}
.toggle-btn span, .toggle-btn:after, .toggle-btn:before { content:""; display:block; height:2px; width: 24px; right:15px; opacity:0.9; position:absolute; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all 1s cubic-bezier(.68, -.55, .265, 1.55) 0s; transition: all 1s cubic-bezier(.68, -.55, .265, 1.55) 0s; background-color:#fff; -webkit-transition-duration: .4s; transition-duration: .4s; border-radius:50px; border:inherit;}
.toggle-btn span { top:10px; }
.toggle-btn.active span { right:-30px; opacity:0; color:#000;}
.toggle-btn.active:after { top:26px; -webkit-transform:rotate(-135deg); transform:rotate(-135deg); background-color:#fff; opacity:1;}
.toggle-btn:after { top:26px }
.toggle-btn.active:before { top:26px; -webkit-transform:rotate(135deg); transform:rotate(135deg); background-color:#fff; opacity:1;}
.toggle-btn:before { top:18px }

.header-cta { position: absolute; top: 21px; right:-50px; overflow: hidden; transition-duration: 0.4s; }
.header-cta .btn {border-radius: 30px 0 0 30px; padding-right:140px; transition-duration: 0.4s; background:none; font-size:0.9rem; font-weight:700; text-transform:uppercase;}
.header-cta  .btn-default:hover, .header-cta  .btn-default:focus, .header-cta  .btn-default:not(:disabled):not(.disabled).active, .header-cta  .btn-default:not(:disabled):not(.disabled):active, .show > .header-cta .btn-default.dropdown-toggle { background-color:var(--red); color:var(--white);}
.header-cta:hover {right:-20px;}

/** Home Slider **/
#home-slider, .main-banner, .main-banner .owl-item, .main-banner .item, .main-banner .owl-stage, .main-banner .owl-stage-outer {width: 100%; height: 100%; overflow: hidden; position: relative;}
.hp-banner .item {background-color:#f2f2f2; position:relative;}
.hp-banner .item a {display:block;}
.service-slide .owl-carousel .owl-item img, .hp-banner.owl-carousel .owl-item img, .hp-banner .item img, .slide-card-img img, .feature-img img, .cover-img img {width: 100%; height: auto;  object-fit: cover; object-position: left center; transition-duration: 0.4s;}
.hp-banner .static-arrow .owl-nav {position:absolute; bottom:3rem; right:3rem; width:auto;}
.hp-banner .static-arrow .owl-nav>div{transition:none;}
.hp-banner .static-arrow .owl-nav>div:hover, .hp-banner  .static-arrow .owl-nav>div:active {transform:scale(1.2);}
.hp-banner .owl-dots {position:absolute; bottom:0; left:0;}
/** Home Slider **/

.contact-block .icon svg { height: 40px; width: auto;}

.tab-content>.tab-pane.active {height: auto; opacity: 1; visibility: visible;}
.tab-content>.tab-pane {height: 0; opacity: 0; display: block !important; visibility: hidden; overflow: hidden;}
.tab-content .fade {transition: opacity .5s linear;}
.tab-content-nav { position: relative; padding: 0; text-align: center;}
.tab-content-nav:before {left:20px;}
.tab-content-nav:after {right:20px;}
.tab-menu {position: relative; z-index: 2; display: inline-block;}
.tabnav-block {position: absolute; left: 0; top: 0; z-index: 1; height: 100%; border-radius: 3px; border: solid 1px var(--default);}
.tab-menu .nav-link.active {font-weight:800;}
.tab-menu .nav-link {padding: 15px 35px; font-size: .9rem; font-weight: 700; color: var(--default); }
.service-slide .owl-dots {padding: 0; bottom: -70px; position: absolute;}
.SlideCard:hover {border-color:var(--primary);}
.SlideCard .card-caption h3 {font-weight:800;}
.SlideCard .card-caption h5 {font-size:1.2rem;}
.SlideCardImg img {transition-duration: 0.4s;}
.SlideCard:hover .SlideCardImg img {transform:scale(1.1); transition-duration: 0.4s;}
.slide-card {display: block; color: var(--default); position: relative;; z-index: 2;}
.SlideCard:hover .btn {background-color:var(--primary); border-color:var(--primary);}
.slide-card-title { font-size:1.1rem; margin: 0; color:var(--white); font-weight:600;}
.slide-card-img { position: relative; background-color:var(--red); overflow: hidden;}
.slide-card:hover .slide-card-img img { opacity: 0.3; transform:scale(1.1);}
.slide-card-cta {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transform:scale(0);  transition-duration: 0.4s;}
.slide-card:hover .slide-card-cta {opacity:1; transform:scale(1);}
.slide-card-text p { margin: 0;}
.slide-card-text .price {font-size:1.2rem; color:var(--white); font-weight:700;}

.catei-contact { background:url(../images/contact-bg.jpg) no-repeat; background-size: contain; }
.contact-form { background: var(--white); padding: 40px; max-width: 100%; }
.contact-form textarea.form-control {border-radius:0 !important;}
.contact-form .title {font-size:1.5rem; text-transform:lowercase; font-weight:400;}
.contact-form .title strong {font-size:2.1rem; text-transform:uppercase;}
.contact-form .btn-submit {min-width: 150px; font-size: 16px;}
.contact-info .info-icon {min-width:90px;}
.contact-info .info-text {color: var(--white); font-size: 1rem; margin: 0; padding: 0 0 0 50px; border-left: solid 1px var(--white);}
.contact-info .info-text a {color: var(--white);}
.contact-info .info-text a:hover { text-decoration:underline;}
.contact-info>div+div .info-text, .contact-info>div+div .info-icon { padding-top: 70px; }

.CIabout .cardPara {margin-left:-100px; margin-top:100px; box-shadow: 0px 30px 60px 0px rgb(0 0 0 / 10%);}

.cati-offer .ci-head .title {text-transform:capitalize; font-weight:300;}

.card-ico {display:flex; align-item:center;}
.card-ico p {margin:0; color:var(--black);}

.product-price p {text-transform: uppercase; font-weight: 600; font-size: 0.85rem; color: var(--black);}
.product-price strong {display: block; font-size: 1.6rem;}

.goal {background: #fff; box-shadow: 0 0 40px rgba(51,51,51,.1);}
.goal h3 {font-size:1.2rem; font-weight: 700;}
.goal p {overflow:hidden;}
.trade-usp h3 {color:var(--white); font-size:1rem; font-weight: 700; margin-top: 15px;}

.light-yellow {background-color: #e9b642;}
.light-blue {background-color: #317dd1;}
.light-sky-blue {background-color: #27c2d7;}
.light-green {background-color: #21c364;}
.light-pink {background-color: #d84fa4;}
.light-orange {background-color: #f6915a;}

.subscribe-form .sub-input.form-control {height: calc(2.6rem + 6px);}
.subscribe-form .sub-bttn {background-color: var(--primary); border: medium none; border-radius: 50%; padding: 8px 10px 7px 13px; height: 43px; width: 43px; -webkit-transition: 0.3s; transition: 0.3s; float: right; position:absolute; right:5px; top:2px; cursor:pointer;}

.top-seller .card {position:relative;}
.ci-avial {position:absolute; right:5px; top:5px; background:var(--primary); width:70px; height:70px; border-radius:100px; vertical-align:middle; color:var(--white); line-height:70px;}
.ci-avial strong {line-height:inherit !important;}
.top-seller .card-title {font-size:1rem; font-weight:600;}
.top-seller .price {font-size: 1.2rem; color: var(--dark); font-weight: 700;}
.top-seller .card .btn {border-radius:4px; font-weight:600;}

.listing-slide img {width: 100%; object-fit: cover;}
.breadcrumb {background:inherit; border-radius:0; margin:0; padding:10px 0;}
.breadcrumb .breadcrumb-item {font-size:0.8rem; color:var(--dark);}
.breadcrumb .breadcrumb-item a {color:var(--default);}

.text-outline {font-size:3.5rem; text-transform:uppercase; -webkit-text-fill-color:transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: var(--dark); font-weight:900; line-height: 50px;}
.listing-title:before {background:inherit;}
.card-body .title {font-size:1rem; color:var(--dark); text-transform:uppercase; letter-spacing:0.1rem;}
.model small, .model h4 {font-size:0.7rem; text-transform:uppercase; letter-spacing:0.1rem; color:var(--default);}

.btn-load {font-size:0.75rem; padding: 0 2rem;}
.loader small {display:block;}

.dealer-form  {border-bottom:2px solid #e6e6e6;}
.ci-career .section-header .title-head {text-transform:uppercase; color:var(--secondary); letter-spacing:2.2px; font-size:1rem;}

.tiles a:hover img {opacity:0.8;}
.tiles.justified-gallery .entry-visible .caption {display: block; text-align: center; font-size: 14px; background:#000;}
.row-gap > [class*='col-'] {padding: 0 5px;}

.ci-products.ci-light-grey .card {background:inherit;}
.product-overview .ci-head .title {font-size:1.7rem; text-transform:capitalize; font-weight:500; line-height:35px;}
.pro-feature h3 {font-size:1.3rem; color:var(--dark);}
.tabing .btn-search {overflow:inherit;}
.tabing .nav-tabs {border-bottom:none;}
.tabing .feature-tab li.nav-item a {color:#999999; font-weight:900; text-transform:uppercase; font-size:1.2rem; letter-spacing:1px; padding:20px 0; margin:0 30px 0 0;  border-bottom:3px solid #e6e6e6;}
.tabing .feature-tab .nav-link.active {color:#1a1a1a; border-bottom:3px solid #1a1a1a;}
.tabing .feature-tab .nav-link {border-color:#fff; border:inherit;}
.tabing .feature-tab .nav-link:hover {border-bottom:3px solid #1a1a1a; color:#1a1a1a;}
.tabing .nav-tabs .nav-item {margin-bottom: -3px;}
.ci-tab {border-bottom:3px solid #e6e6e6;}
.catei-contact .text-quote {line-height:40px;}

.search-input { -webkit-transition-duration:.4s; transition-duration:.4s;}
.search-input { background:url(../images/search-ico.png) center no-repeat #501128; height:30px; width:30px; border-radius:4px; position:relative; top:0; right:0; z-index:10; cursor:pointer; overflow:hidden; background-size:14px;}
.form-control {height: calc(2.25rem + 6px); padding: 0 .75rem;}
.search-input.open { width:160px; border-radius:4px; background:#501128 !important;}
.btn-input-search, .btn-toggle-search { background:url(../images/search-ico.png) center no-repeat #501128; width:30px; height:30px; border-radius:0; position:absolute; top:0; left:50px; z-index:10; border:none; opacity:0; visibility:hidden; -webkit-transition-duration:.4s; transition-duration:.4s; background-size:13px }
.search-input.open .btn-input-search { opacity:1; visibility:visible; left:0;}
.search-input .form-control::placeholder {font-size:12px;}
.search-input .form-control { border:none; background:0 0; color:#fff; padding-left:33px; box-shadow:none; cursor:pointer; font-size: 0.7rem; height: calc(1.6rem + 6px);}
.search-input .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff !important; }
.search-input .form-control::-moz-placeholder { /* Firefox 19+ */ color: #fff !important; }
.search-input .form-control:-ms-input-placeholder { /* IE 10+ */ color: #fff !important; }
.search-input .form-control:-moz-placeholder { /* Firefox 18- */ color: #fff !important; }

.thank-msg .title {font-size:3rem;}
.thank-msg p {font-size:1rem;}

.cardFilter .card-header { cursor: pointer; font-weight: 700; font-size: 0.75rem; color: var(--dark); position: relative;}
.cardFilter .card-header:before, .cardFilter .card-header:after { content: ''; width: 10px; height: 2px; position: absolute; top: 22px; right: 15px; background-color: var(--dark); transition-duration: 0.4s; transform: rotate(0deg);}
.cardFilter .card-header.collapsed:before {transform: rotate(180deg);}
.cardFilter .card-header:after { transform: rotate(0deg); opacity: 0;}
.cardFilter .card-header.collapsed:after { opacity: 1; transform: rotate(90deg);}



/*Responsive Start*/

@media only screen and (min-width:1300px) {
	.container {max-width:1200px;}
}

@media only screen and (max-width:1199px) {
.toggle-btn { display:block; height: 39px;}
.container { max-width:100%;}	        
.ci-app h2 { font-size: 1.6rem; }
.contact-block, .intro-title h5 { font-size: 0.8rem; }
.contact-block h4 { font-size: 1rem; }
.footer-nav .nav-link, .footer-nav-title { font-size: 0.725rem; letter-spacing: normal; line-height: 1.4; }
#menu .menu-icon {width: 30px; height: 30px; background-color: #eaeaea; border-radius: 100%; margin: 0 5px 0 0;}
.tabing .feature-tab li.nav-item a {  font-size: 0.9rem; padding: 20px 0; margin: 0 10px;}

}
@media only screen and (max-width:991px) {
	.card-white {margin: 50px 0 50px -100px; max-width: 600px;}
	.card-ico {-ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%; margin: 0;}

	
}
@media only screen and (max-width:767px) {
	.row-gap {margin:0 -5px;}
	body {padding-top:0;}
	body, .text-large { font-size: 0.85rem; }
	body.no-scroll {overflow:hidden; left:-200px;}
	.section { padding: 30px 0; }
	#header {position:relative; height:50px; background:var(--primary);}
	.top-header {background:var(--primary) !important;}
	.no-scroll .bg-overlay {display: block;}
	.bg-overlay {background: rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; z-index: 999; top: 0; left: 0; display: none;}
	.dropdown-toggle::after {border:none;}
	 #navbar{position:fixed; top:0; right:-100%; width:60%; height:100%; background:var(--primary);  z-index:8888; -webkit-transition-duration:0.4s; transition-duration:0.4s; margin:0;     text-align:left;} 	 
	 #navbar .nav-item {margin-left:0;}
	 #navbar.open{ right:0;}
	 #navbar .nav { float:none !important; margin:0; margin-top:30px;}
	 #navbar .nav > li {float:none; padding:0; display:block;}
	 #navbar .nav > li > a {color:var(--white); padding:12px 20px; display: flex; align-items: center; line-height: 38px; font-weight: 900; text-align:left; opacity:1;}
	 #navbar .nav > li > a svg {fill:#fff;}
	 #navbar .nav > li + li a {border-top:solid 1px #052a3e;}
	 #navbar .nav > li + li a.dropdown-item {border-top:solid 1px #dfdfdf;}
	 #navbar .dropdown-menu .nav li + li a, #navbar .dropdown-menu .nav li a, #navbar .dropdown-menu li + li a, #navbar .dropdown-menu li a {border-top:none !important;}
	 #navbar .dropdown-menu .nav li a {line-height:30px;}
	 #navbar .nav > li.dropdown > .dropdown-menu {display:inherit; width:100%; border-top:none; left:0; top:90%; border-radius:0; position:absolute;}
	 #navbar .nav > li > a:before {background:inherit;}
	 #navbar .navbar-nav > li > a.btn-contact {border:inherit; color:#dedede; border-radius:0;}
	 .data-bottom {top:0; bottom:inherit;}
	 #navbar .nav > li:hover > ul.dropdown-menu, #navbar .dropdown-menu {position:relative; left:0; width:100%; float:none;}
	 #header .navbar-nav .dropdown-menu {position:static; /*opacity:1; visibility:visible;*/ top:47px;}
	 #header .navbar-nav .dropdown-menu li a {min-height:inherit; padding:10px 15px; text-align:left; font-size:14px; text-transform:none;}
	 #navbar .nav > li > a.dropdown-toggle:after { content:'\f067'; font-family:'FontAwesome'; font-size:12px; display:block; position:absolute; width:40px; top:13px; right:0;}
	 #navbar .nav > li.open > a.dropdown-toggle:after{content:'\f068';}
	 #navbar .nav > li.open > a {background:#3e94b7; color:#fff;}
	 #navbar .navbar-nav {flex-direction:column;}
	.navbar-brand {max-width: 200px; position:absolute; top:7px; left:10px;}
	.CIBannerSection .btn-default {font-size: 0.75rem; padding: 0 1rem;}
	.CIabout .cardPara {margin-top:20px; margin-left:0;}
	.cardPara .text-dark br {display:none;}
	.product-overview .ci-head .title {font-size:1.4rem;}
	.CIMac .tabnav-block {border:inherit; height:auto;}
	.CIMac nav {text-align:center;}
	.CIMac .tab-menu .nav-link.active {color:var(--swiper);}
	
	.ci-head:before {height: 15px;}
	.ci-head .title { font-size: 1.7rem; font-weight:500;}
	.card-prod .card-title:before, .card-prod:hover .card-title:before {  width: 10px;}
	.card-prod .card-title, .card-body .title {font-size: 0.7rem; padding: 0.7rem 0; }
	#footer::before {width: 100px; height: 200px;}
	.footer-nav .footer-nav-title {position: relative; padding:5px 0; margin: 0; cursor: pointer; font-size: 0.8rem; color:var(--white);}
	.footer-nav .footer-nav-title:after, .footer-nav .footer-nav-title:before {content: ''; width: 9px; height: 1px; background: var(--white); position: absolute; top: 14px; right: 15px; -webkit-transition-duration: .4s; transition-duration: .4s;}
	.footer-nav .footer-nav-title:after {transform: rotate(90deg);}
	.footer-nav.open .footer-nav-title:after {transform: rotate(-90deg); opacity: 0;}
	.footer-nav .nav {max-height: 0; overflow: hidden; -webkit-transition: max-height 1s ease-out; transition: max-height 1s ease-out; display: block !important}
	.footer-nav.open .nav { height: auto; max-height: 500px; -webkit-transition: max-height 1s ease-in !important;    transition: max-height 1s ease-in !important;}
	.footer-nav .nav-link{ font-size: 0.8rem; padding: 0.2rem 1rem; }
	.copyright { letter-spacing: normal; font-size: 0.7rem; }
	.footer-social a { width: 30px; height: 30px; line-height: 30px; margin: 0 8px 0 0;}
	.footer-social svg {height: 14px;}
	.footer-logo { max-width: 80px; }
	.footer-top .footer-nav-title, .breadcrumb .breadcrumb-item { font-size: 0.7rem; }
	.contact-block { padding: 0 !important }
	.card-white { padding: 1.5rem 15px 0; margin: 0; max-width: inherit;}
	.card-ico {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	.intro-title .title, h2, .h2 {font-size: 2rem;}
	.h1, h1 { font-size:2.4rem; }
	.h3, h3 { font-size:1.2rem; }
	.h4, h4 { font-size:1rem; }
	.text-outline { font-size: 2.4rem; -webkit-text-stroke-width: 1px; line-height: 1;}
	.filter-strip .form-control {margin-left:0;}
	.price-filter {width:100%;}
	.main-banner .owl-dots {display:none;}
	.tab-menu .nav-link {padding: 8px 14px;}
	.tab-menu svg {width:30px; height:30px;}
    .usp-block+.usp-block {border-top:1px solid #e6e6e6;}
	.usp-block {padding:20px 0}
	
	.service-slide {margin-bottom:40px;}
	.service-slide .owl-dots {bottom: -40px;}
	.ci-head p br {display:none;}
	.slide-card-img {margin-bottom:0px;}
	.footer-para br {display:none;}
	.catei-contact {background-size:cover; margin-bottom:40px;}
	.contact-info > div + div .info-text, .contact-info > div + div .info-icon {padding-top:40px;}
	.contact-info .info-text {font-size:0.9rem; padding: 0 0 0 25px;}
	.contact-info .info-text br {display:none;}
	.contact-info .info-icon {min-width: 60px;}
	.contact-info .info-icon img {width:35px;}
	
	
}
@media only screen and (max-width:575px) {	
	

	}