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

:root {
	--default: #25283a;
	--primary: #c61e1e;
	--secondary: #036837;
	--swiper-theme-color: #9b2450;
	--dark: #575757;
	--swiper-dark: #5f595b;	
	--black: #000000;	
	--gray: #dfdfdf;
	--red:#c61e1e;
	--lightgray : #f7f7f7;
	--font-primary: 'Open Sans', sans-serif;
	--font-secondary: 'Yeseva One', serif;

}
html, body { height:100%;}
body {font-family: var(--font-primary) !important; font-size: 0.9rem; 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;}
.text, p {line-height: 1.7em; font-size:15px;}
label { font-weight:normal; }
iframe { width:100% !important; }
small {font-size: 90%;}
sub, sup {font-size:50%;}
hr { border-width:2px;}
.row-gap {margin:0 -5px;}
.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: 4px; padding-left:1.5rem; padding-right: 1.5rem; border-width: 1px;}
textarea.form-control {height: 90px; padding: .7rem 1rem; border-radius: 4px !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: 1rem;}
.btn {overflow: hidden; box-shadow: none !important; font-size: 0.8rem; padding:0 1.5rem; height: 40px; line-height: 38px; border-radius: 4px; font-weight:600; text-transform:uppercase;}
.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-outline-default, .bootstrap-select > .btn.btn-outline-default, .btn-default.disabled, .btn-default:disabled {border-color:var(--black); color: var(--black);}
.btn-outline-default:hover, .btn-outline-default:focus, .btn-outline-default:active, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active, .show > .btn-outline-default.dropdown-toggle { background-color:var(--black); border-color:var(--black); 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(--primary); border-color:var(--primary); font-weight:700;}
.btn-outline {border-color:var(--secondary); background-color:transparent; text-transform:uppercase; color:var(--secondary);}
.btn-outline:hover {border-color:var(--secondary);  background-color:var(--secondary); color:#fff;}
.btn-outline-primary {border-color:var(--primary); background-color:transparent; padding:0 15px; height:35px; font-size:13px;}
.btn-outline-primary:hover {border-color:var(--primary);  background-color:var(--primary); color:#fff;}
.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(--secondary); border-color:var(--secondary); color: var(--white); }

.btn-outline-primary, .bootstrap-select > .btn.btn-outline-primary, .btn-outline-primary.disabled, .btn-outline-primary:disabled {border-color:var(--primary); color: var(--primary);}
.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-outline-secondary, .bootstrap-select > .btn.btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {border-color:var(--secondary); color: var(--secondary);}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { background-color:var(--secondary); border-color:var(--secondary); color: var(--white); }
.btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled {background-color:var(--secondary); border-color: var(--secondary)}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { background-color:var(--primary); border-color:var(--primary); color: var(--white); }
.btn-default, .btn-default.disabled, .btn-default:disabled {background-color:var(--gray); border-color: var(--gray)}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle { background-color:var(--black); border-color:var(--black); color: var(--white); }

.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}
@-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;}

.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:1px solid #eaeaea;}
.dropdown-item, .dropdown-menu a  {color: var(--black); 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);}
button {background:inherit;}

.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; }

.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(--white); 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(--white);}
.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: var(--white); width: 100%; box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%); z-index: 100; height:85px; transition-duration: 0.6s; position:fixed; top:0;}
#header .navbar-nav {-ms-flex-direction: row; flex-direction: row; align-items: center;}	
#navbar .nav-item { margin-left: 1.7rem; }
#navbar .nav-link {color: var(--black); padding: 31px 0; font-size: 15px; font-weight:400; position: relative;}
#navbar .nav-link:before, .footer-nav .nav-link:before, .card-work .title:before {content: ""; position: absolute; bottom:0; left: 0; width: 100%; height: 2px; background-color: var(--black);  transform: scaleX(0);  transform-origin: right; transition: transform .6s cubic-bezier(.19,1,.22,1);}
#navbar .nav-link:hover:before, #footer .social a:hover:before, .footer-nav .nav-link:hover:before, .card-work:hover .title:before {transform: scaleX(1);  transform-origin: left;}

#navbar .nav-contact { background-color: var(--primary); padding: 0.7rem 1.5rem; color: var(--white); }
#navbar .nav-contact:before { display: none; }
#navbar .nav-contact:hover { background-color: var(--black) }

#navbar .nav>li.dropdown>.dropdown-menu {margin:0; padding: 0; position:absolute; border-radius:0; top: 85px; left: 0;  transition-duration: 0.4s; background:var(--white); display:flex; visibility:hidden; width:200px;}
#navbar .nav>li.dropdown>.dropdown-menu ul {list-style:none; padding:10px 0;}
#navbar .dropdown-item {text-align:left; font-size: 0.9rem; padding:8px 14px}
#navbar .dropdown-menu li {border-bottom:1px solid #e9e9e9;}
#navbar .dropdown-menu li:last-child {border-bottom:none;}
#navbar .dropdown-item:hover {color:var(--primary); background:inherit;}
#navbar .nav .nav-item.dropdown:hover .dropdown-menu {visibility:visible;}
#navbar .dropdown-toggle::after {position: relative; top: 2px; margin-left: 8px;}


#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;}
.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 { width: 36px; height: 36px; padding: 0; line-height: 36px; text-align: center; border-radius: 100%; margin: 0 0 0 8px; display: inline-block; background: var(--primary);}
.footer-social svg { height: 18px;}
.copyright { font-size: 0.725rem; opacity: 0.5; letter-spacing: 0.05rem; }

.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; right:0; top:13px;}
.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.5; 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:#000; -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 }
button:focus {outline:inherit;}

.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%; 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 **/

.ci-head .title {margin: 0; font-weight: 500; color:var(--black); font-size:2.2rem; font-family: var(--font-secondary) !important;}
.ci-head p {margin:10px 0 0; font-size:0.9rem;}

.btn-view {text-transform:uppercase; font-size:14px; font-weight:700; color:var(--black); border:0; border-radius:0; position:relative; padding:0 0 3px 0; margin:0; height:inherit; line-height:normal;}
.btn-view:after {content:''; position:absolute; bottom:0; left:0; background:var(--black); height:2px; width:22px; transition: all ease 0.3s;}
.btn-view:hover:after {width:100%;}

.card-picture .card-img { height: 100px; padding-bottom: 103%; background-color: var(--gray); position: relative;; overflow: hidden; border-radius:0;}
.card-picture .card-img img { transition-duration: 0.9s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.card-picture:hover .card-img img { transform: scale(1.1); }
.card-product .card-title { position: absolute; bottom: 0; padding: 15px; margin: 0; font-size:1rem; left: 0; width: 100%; color: var(--white); z-index: 2; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); font-weight:700;}
.card-product .card-title:after { content: '\f105'; font-family: 'FontAwesome'; margin-left: auto;}
.shadow {box-shadow:0 0 5px 0 rgba(0,0,0,.1);}

.ci-product .prod-descp {color: var(--dark); font-size: 13px; font-weight:400;}
.ci-product .card .btn-view {font-size:11px;}
.ci-product .card:hover .btn-view:after {width:100%;}
.service-slide {position: relative;}
.service-slide .owl-dots {padding: 0; bottom: -20px; position: absolute;}
.service-slide .owl-dots .owl-dot span, .testimonial-slide .owl-dots .owl-dot span {background:var(--gray);}
.service-slide .owl-dots .owl-dot.active span, .testimonial-slide .owl-dots .owl-dot.active span  {background-color: var(--red); border-color: var(--red);}

.catei-section {position:relative;}
.ci-about p {line-height:25px;}
.cover-img {width: 100%; height: 100%;}
.row-pd {margin-top:-19%;}
.catei-mnf .conatct-form {background:var(--white); padding: 40px; margin: 20px 0 0; border:1px solid #efefef;}


.testimonials {position: relative;}
.testimonial-content .testimonial-avatar{display: block;margin: 0 auto;}
.testimonials.style1 .testimonial-content .testimonial-avatar {position: relative;height: 95px;width: 95px;}
.testimonials .testimonial-content h6{font-size:20px;line-height:20px;margin-bottom:0}
.testimonials .testimonial-content p {padding:0 10px 0 25px;font-style:italic;font-weight:400;font-size:17px;background-color:transparent;line-height:30px;position:relative;margin-bottom:27px}


#footer {background:#192938; padding:40px 0 0;}
.footer {padding:0 15px 40px;}
.footer-title {font-size:16px; color:#cdd5dd; margin:0 0 8px; text-transform:uppercase; font-weight:700; padding-bottom:7px;}
.foot-about {color:#9cacbb;}
.foot-about p {margin-top:15px; font-size:14px; line-height:24px;}
.footer .nav {display:block; margin-left:0;}
.f-nav .nav li a {padding:5px 0; font-size:14px; color:#8397aa; display:inline-block;}
.f-nav p {color:#7f7f7f;}
.footer a:hover, .footer .nav li a:hover, .footer .nav li a:focus {color:#fff; background:none;}
.footer a {position:relative; display:inline-block; color:#444;}
.footer a:before { height:2px; background:#fff; position:absolute; bottom:0; left:0; content:''; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0;}
.footer a:hover:before {width:18px; left:0;}
.footer-bottom {font-size:13px; color:#999; padding:20px 0; border-top:1px dashed #2c4155;}
.copyright {font-size:13px; font-weight:300;}
.catelogo a {color:#8397aa;}
.catelogo a:hover {text-decoration:underline; color:#fff;}

.footer-address { margin-bottom:10px;}
.footer-address p {color:#8397aa;}
.footer-address a {color:#8397aa; padding:8px 0 0 40px; display:block; margin:18px 0; font-size:16px;}
.footer-address a.foot-call, .footer-address a.foot-mail, .footer-address .address-ico, .footer-address a.foot-whats {position:relative;}

.footer-address .address-ico:before {content:''; position:absolute; width:31px; height:39px; background:url(../images/address-ico.png) top left; top:0; left:0;}
.footer-address a.foot-call:before {content:''; position:absolute; width:31px; height:39px; background:url(../images/call-ico.png) top left; top:0; left:0;}
.footer-address a.foot-mail:before {content:''; position:absolute; width:31px; height:39px; background:url(../images/mail-ico.png) no-repeat; top:0; left:0;}
.footer-address a.foot-whats:before {content:''; position:absolute; width:31px; height:39px; background:url(../images/whats-ico.png) no-repeat; top:0; left:0;}
.address-ico  {position:relative; padding:0 40px;}
.address-ico:before {content:''; position:absolute; width:30px; height:30px; background:url(images/address-ico.png) no-repeat; top:4px; left:0;}
.social li {display: inline-block; margin-right: 10px;}
.social li a {display: inline-block; width: 30px; height: 30px; line-height: 29px; text-align: center; border-radius: 50%; border:1px solid #7a8998; color: #7a8998; font-size: 16px;}
.social li a:hover {color: #fff; border-color:#fff;}
.social li a:before {background:inherit;}

.breadcrumb {font-size: 0.8rem; background:inherit;}
.breadcrumb.breadcum-prod a {color: var(--primary);} 
.breadcrumb a { color: var(--white); }
.breadcrumb li {display:inline-block;}
.breadcrumb a:hover {color:var(--secondary);}
.breadcrumb-item.active { color: var(--white); }
.breadcrumb.breadcum-prod .breadcrumb-item.active, .breadcrumb.breadcum-prod .breadcrumb-item+.breadcrumb-item::before {color:var(--dark);}
.breadcrumb-item+.breadcrumb-item::before { content: '\f105'; font-family: 'FontAwesome'; color: var(--white);}

.about-section {overflow:hidden;}
.about-section .circle-two, .about-section .circle-one {right: -135px; top: -250px; width: 600px; height: 600px; position: absolute; border: 100px solid #f4f4f4; opacity:0.5; border-radius: 50%; z-index:10;}
.about-section .circle-one {left:-230px; top:50px;}
.CIPara {z-index:25;}
.mission-vision .image-column img {width: 100%; border-radius: 20px;}
.mission-vision .image-column .row .image {position: relative; float: left; width: 50%; padding: 0 3px; margin-bottom: 6px;}
.mission-text {padding-right:105px; z-index:10;}

.CIproducts .row li {line-height:30px; position:relative; padding:0 15px;}
.CIproducts .row li:before {content:'\f105'; font-family: 'FontAwesome'; position:absolute; left:0; top:0; font-size: 1.2rem;}

.certificate h2 {font-size:1.6rem; font-family:'Yeseva One', serif;}

.thank-msg {display:table; width:100%; height:100%; text-align:center; vertical-align:middle; padding:16% 0;}
.thank-block {text-align:center; display:table-cell; vertical-align:middle;}
.thank-block h3 {color:#444; text-transform:uppercase; font-size:50px; font-weight:800; margin:0; font-family:'Yeseva One', serif;}
.thank-block p {font-size:18px; color:#999999;}
.thank-block a .fa {font-size:18px; padding:0 5px; vertical-align:middle;}
.thank-block .btn {margin-top:40px; color:#fff;}

.hero-banner { height: 80%; position: relative; background-size: cover; background: var(--black); z-index:20;}
.hero-banner.inner {height:437px;}
.hero-banner:before, .parallax-video:before { content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; }
.hp-banner-caption { position: relative; z-index: 2; }
.hero-banner .title { font-size: 2rem;}
.hero-banner .title strong { display: inline-block; background: var(--secondary); padding: 0.3rem 1.6rem; text-transform: uppercase; border-radius: 0.2rem; letter-spacing: 0.2rem; line-height: 1.4; margin: 0 0 10px;}
.hero-banner .title small { display: block; font-size: 70%; text-transform: uppercase; letter-spacing: 0.4rem; position: relative;}

.cnt-page {margin-bottom:40px;}
.dim-light {background:#192938; padding:25px 30px;}
.dim-light img {float:left; padding-right:13px;}
.cnt-page h3 {font-size:18px; color:#2f2f2f; font-weight:700;}
.page-call {margin-top:5px;}
.page-mail {margin-top:7px;}
.dim-light p {margin-bottom:0; color:#fff; vertical-align: middle; display: inline-block; margin-top: 5px;}
.page-form {background: #e9f1fd; padding: 40px;}


/*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) {
	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:60px;}
	.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:40%; height:100%; background:var(--dark);  z-index:8888; -webkit-transition-duration:0.4s; transition-duration:0.4s; margin:0;     text-align:left;} 	 
	 #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:#dedede; padding:12px 20px; display:block; line-height: 38px; text-align:left;}
	 #navbar .nav > li + li a {border-top:solid 1px #666666;}
	 #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 .navbar-nav > li > a.btn-contact {border:inherit; color:#dedede; border-radius:0;}
     #navbar .nav-item {margin:0;}
	 #header .navbar-nav {align-items:inherit;}
	 .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: 251px;}
	.card-product .card-title {padding: 13px 9px; font-size: 1rem;}
	.footer {padding: 0 15px 20px;}
	.hero-banner.inner {height: 50%;}
	.hero-banner .title {font-size:1.5rem;}
	.breadcrumb {margin:0; padding: 0;}
	.dim-light {border-radius:4px;}
	.ci-head:before {height: 15px;}
	.ci-head .title { font-size: 1.5rem; }
	.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;}
	/*.main-banner .owl-dots, .service-slide .owl-dots {display:none;}*/
	.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) {	
		}