/* ========================================== FONT ICON CSS ========================================== */

@font-face {
	font-family: 'font-icons';
	src:url('fonts/font-icons.eot');
	src:url('fonts/font-icons.eot') format('embedded-opentype'),
		url('fonts/font-icons.woff') format('woff'),
		url('fonts/font-icons.ttf') format('truetype'),
		url('fonts/font-icons.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"],
.side-header #primary-menu ul > li.sub-menu > a:after {
	display: inline-block;
	font-family: 'font-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-globe:before {
	content: "\e75e";
}
.icon-lock:before {
	content: "\f023";
}
.icon-truck:before {
	content: "\e696";
}
.icon-reorder:before {
	content: "\e76d";
}
.icon-angle-up:before {
	content: "\e7a6";
}
.icon-angle-down:before {
	content: "\e7a7";
}
.icon-angle-left:before {
	content: "\e7a4";
}
.icon-angle-right:before {
	content: "\e7a5";
}

/* ========================================== FONT AWESOME CSS ========================================== */

@font-face {
  font-family: 'fontawesome';
  src:url('fonts/fontawesome-webfont.eot');
  src:url('fonts/fontawesome-webfont.eot') format('embedded-opentype'),
    url('fonts/fontawesome-webfont.woff') format('woff'),
    url('fonts/fontawesome-webfont.ttf') format('truetype'),
    url('fonts/fontawesome-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-user:before {
  content: "\f007";
}
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-phone:before {
  content: "\f095";
}
.fa-question:before {
  content: "\f128";
}
.fa-lock:before {
	content: "\f023";
}
.fa-angle-left:before {
	content: "\f104";
}
.fa-angle-right:before {
	content: "\f105";
}
.fa-angle-up:before {
	content: "\f077";
}
.fa-angle-down:before {
	content: "\f078";
}
.fa-facebook:before {
	content: "\f09a";
}
.fa-instagram:before {
	content: "\f16d";
}
.fa-youtube:before {
	content: "\f167";
}

/* ========================================== SWIPER CSS ========================================== */

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}

/* ========================================== CUST RESPONSISVE CSS ========================================== */

@media only screen and (max-width: 767px) {
	#logo {
		width: 70%;
		line-height: 100px;
	}
	.login-word {
		display: none;
	}
	#user-login a {
		line-height: 20px;
	}
	.col-padding { 
		padding: 30px 12px 30px 12px; 
	}
	.vision-mision {
	    padding-left: 15px !important;
   		padding-right: 15px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.login-word {
		display: none;
	}
	#user-login a {
		line-height: 20px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#user-login {		
		margin: 22px 50px 40px 0px;
	}
}

@media only screen and (min-width: 1200px) {
	#user-login {		
		margin: 25px 125px 25px 15px;
	}
}

/* ========================================== CUST CSS ========================================== */

#primary-menu-trigger i {
	color: #fff;
}

.login-word {
	margin-left: 10px;
	line-height: 22px;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: 'Raleway', sans-serif;
}

.dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a:hover,
.dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a:active,
#primary-menu ul li > a:hover,
#primary-menu ul li > a:active,
#primary-menu-trigger i:hover,
#primary-menu-trigger i:active,
#user-login a i:hover,
#user-login a i:active {
	color: #26dbe9 ;
}

.slider-sub {
	font-size: 30px !important;
	font-weight: 400;
}
.after-slide {
	font-size: 15px;
	color: #000;
}

.common-height {
	height: 350px !important;
}

.mission, .mission h3, .mission p {
	background-size: cover;
	color: #fff;
}

.vision, .vission h3, .vission p { 
	background-size: cover;
	color: #fff;
}

.kt-theme {
	color: #FFB400 !important;
}

.kt-step {
	font-size: 130px !important;
	color: #FFB400 !important;
	font-weight: bold !important;
}

.step-img {
	max-height: 285px !important;
	width: auto !important;
	margin-left: auto;
	margin-right: auto;
}
.light-grey {
	background-color: #f0f0f0;
	color: #000;
}
.light-grey h5 {
	color: #000;
	font-weight: 600;
	font-size: 20px;
}
.light-grey i {
	color: #FFB400 !important;
}
.kt-apps-center {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 55px;
}
.kt-bg {
	background-color: #FFB400 !important;
}
.gallery-heading h2 {
	color: #fff;
}
.gallery-heading.center::after {
	margin: 0px auto 0 !important;
	display: block;
	position: relative;
	margin: 10px auto 10px auto !important;
	content: '';
	width: 50px;
	border-top: 4px solid #fff;
}
.strength-heading.center::after {
	margin: 0px auto 0 !important;
	display: block;
	position: relative;
	margin: 10px auto 40px auto !important;
	content: '';
	width: 50px;
	border-top: 4px solid #FFB400 ;
}
.capital-none {
	text-transform: none !important;
}
.contact-header {
	font-weight: bold;
}
.footer-widgets-wrap p {
	font-size: 15px !important;
}
.vision-mision {
	padding-left: 30px;
	padding-right: 30px;
}
select.sm-form-control {
	padding: 4px 14px;
}
.kt-slide {
	background-image: url('../images/kt/header.jpg');
}
.kt-vision {
	background: url('../images/kt/vision.png') center center no-repeat; 
	background-size: cover;
}
.kt-mission {
	 background: url('../images/kt/mission.png') center center no-repeat; 
	 background-size: cover;
}
#primary-menu > ul > li > a {
	font-size: 14px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: 400 !important;
	font-family: 'Poppins', sans-serif !important;
}
@media (max-width: 767px) {
	.flex-perev i {
	    margin-left: 0px;
	}
	.flex-next i {
	    margin-left: 15px;
	}
}

@media (max-width: 991px) {
	.testimonial-full .flex-prev { 
		left: -30px; 
	}
	.testimonial-full .flex-next { 
		right: -10px; 
	}
}

@media (min-width: 992px) {
	#primary-menu > ul > li.menu-item-emphasis > a {
		padding-top: 9px;
		padding-bottom: 9px;
		border-radius: 20px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#header.sticky-header #primary-menu > ul > li.menu-item-emphasis > a {
		padding-top: 9px !important;
		padding-bottom: 9px !important;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#header:not(.sticky-header) #primary-menu > ul > li.menu-item-emphasis > a {
		background-color: rgba(255,255,255,0.1);
		text-shadow: none;
	}
	#header:not(.sticky-header) #primary-menu > ul > li.menu-item-emphasis > a:hover {
		background-color: #FFF;
		color: #267DF4 !important;
	}
	#header.sticky-header #primary-menu > ul > li.menu-item-emphasis > a {
		background-color: #267DF4;
		color: #FFF;
	}
	#primary-menu ul ul:not(.mega-menu-column) {
		width: 260px;
		padding: 20px;
		border: 1px solid #EEE !important;
		border-radius: 0 0 3px 3px;
		left: -20px;
	}
	#primary-menu ul ul li > a {
		font-size: 14px;
		font-weight: 400;
		text-transform: capitalize;
		padding: 12px 20px;
		font-family: 'Poppins', sans-serif !important;
	}
	#primary-menu ul ul li:hover > a { 
		padding-left: 25px; 
	}
}

.testimonial-full .flex-control-nav li {
	margin: 0 3px;
	width: 10px;
	height: 10px;
}
.testimonial-full .flex-control-nav li a {
	width: 10px !important;
	height: 10px !important;
	-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
	transform: scale(0.7);
}
.testimonial-full .flex-control-nav li a.flex-active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.testimonial-full .flex-prev,
.testimonial-full .flex-next {
	left: 0px;
	background-color: transparent;
	width: 64px;
	height: 64px;
	margin-top: -32px;
	border-radius: none;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.testimonial-full .flex-next {
	left: auto;
	right: 0px;
}
.testimonial-full .flex-prev i,
.testimonial-full .flex-next i {
	line-height: 64px;
	width: 64px;
	height: 64px;
	font-size: 64px;
	color: #FFB400;
	text-shadow: none;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.testimonial-full .flex-prev:hover,
.testimonial-full .flex-next:hover { 
	background-color: transparent !important; 
}
.testimonial-full .flex-prev:hover i,
.testimonial-full .flex-next:hover i { 
	color: #FFB400; 
}

/* ========================================== ANIMATION ========================================== */

@charset "UTF-8";

.animated {
	opacity: 1;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

/* ========================================== DARK THEME ========================================== */

.dark, .dark h2, .dark h3, .dark h5 {
	color: #000; 
}

.dark a:hover {
	color: #fff; 
}
.dark .section, .section.dark {
	background-image: url("../images/kt/parallax.jpg");
}

.dark #header:not(.transparent-header),
#header.dark:not(.transparent-header) {
	background-color: #333;
	border-bottom: 1px solid rgba(255,255,255,0.05);
}

.dark #header.full-header #header-wrap:not(.not-dark),
#header.full-header.dark #header-wrap:not(.not-dark) { border-bottom-color: rgba(255,255,255,0.15); }

.dark #slider + #header.full-header #header-wrap:not(.not-dark),
#slider + #header.full-header.dark #header-wrap:not(.not-dark) { border-top-color: rgba(255,255,255,0.15); }

.dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark),
#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) { border-bottom-color: #FFB400; }

.dark #slider + #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark),
#slider + #header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) { border-top-color: rgba(255,255,255,0.2); }

.dark #logo a { color: #FFF; }

.dark #header.full-header #header-wrap:not(.not-dark) #logo,
#header.full-header.dark #header-wrap:not(.not-dark) #logo { border-right-color: rgba(0,0,0,0); }

.dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark) #logo,
#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #logo { border-right-color: rgba(0,0,0,0); }


.dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a,
.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li > a,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li > a,
.overlay-menu #primary-menu.dark > ul > li > a,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > #overlay-menu-close,
.overlay-menu #primary-menu.dark > #overlay-menu-close,
.dark #header-wrap:not(.not-dark) #user-login a,
.dark #header-wrap:not(.not-dark) #top-cart a,
.dark #header-wrap:not(.not-dark) #side-panel-trigger a,
.dark #header-wrap:not(.not-dark) #top-account a,
.dark #top-cart .top-cart-item-desc a,
body.top-search-open .dark #header-wrap:not(.not-dark) #user-login a,
.dark #header-wrap:not(.not-dark) #user-login a:hover,
.dark #header-wrap:not(.not-dark) #top-cart a:hover,
.dark #header-wrap:not(.not-dark) #side-panel-trigger a:hover,
.dark #header-wrap:not(.not-dark) #top-account a:hover,
.dark #header-wrap:not(.not-dark) #user-login form input {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.dark #header.full-header #header-wrap:not(.not-dark) #primary-menu > ul,
#header.full-header.dark #header-wrap:not(.not-dark) #primary-menu > ul { border-right-color: rgba(255,255,255,0.15); }

.dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark) #primary-menu > ul,
#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #primary-menu > ul { border-right-color: #FFB400; }

.dark #header.transparent-header:not(.sticky-header) #header-wrap:not(.not-dark) form input,
#header.dark.transparent-header:not(.sticky-header) #header-wrap:not(.not-dark) form input { border-bottom-color: rgba(255,255,255,0.15) !important; }

.dark #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a,
.dark #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a,
.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li:hover > a,
.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li.current > a { color: #fff; }

.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a,
.overlay-menu #primary-menu.dark > ul > li:hover > a,
.overlay-menu #primary-menu.dark > ul > li.current > a { color: #1ABC9C !important; }

.dark.overlay-menu #primary-menu:not(.not-dark) ul,
.dark.overlay-menu #primary-menu:not(.not-dark) ul,
.overlay-menu #primary-menu.dark ul,
.overlay-menu #primary-menu.dark ul { background-color: rgba(0,0,0,0.9); }

.dark #primary-menu:not(.not-dark) ul ul li,
#primary-menu.dark ul ul li { border-top-color: #3F3F3F; }

.dark #primary-menu:not(.not-dark) ul ul li:first-child,
#primary-menu.dark ul ul li:first-child { border-top: 0; }

.dark #primary-menu:not(.not-dark) ul ul li > a,
#primary-menu.dark ul ul li > a { color: #999 !important; }

.dark #primary-menu:not(.not-dark) ul ul li:hover > a,
#primary-menu.dark ul ul li:hover > a {
	background-color: rgba(0,0,0,0.1);
	color: #CCC !important;
}

.dark .one-page-arrow,
.one-page-arrow.dark { color: #FFF; }

.dark .swiper-pagination span { border-color: rgba(255,255,255,0.08); }

.dark .swiper-pagination span:hover,
.dark .swiper-pagination span.swiper-pagination-bullet-active { background-color: #333 !important; }


.dark .slider-caption,
.dark .slider-caption h2 {
	color: #fff;
	text-shadow: 3px 2px 1px rgba(0,0,0,0.5);
}

.not-dark .slider-caption,
.not-dark .slider-caption h2 {
	color: #222;
	text-shadow: none;
} 

.dark .button-dark:not(.button-border),
.dark .button:hover { background-color: rgba(0,0,0,0.3); }

.dark .button-dark:hover { background-color: #1ABC9C; }

.dark .button-light:not(.button-border):hover { background-color: #282828; }

.dark .button.button-border:not(.button-light) {
	border-color: #ffb400;
	color: rgb(255,255,255);
}

.dark .button.button-border:not(.button-light):hover { color: #ffb400; }

.not-dark .button.button-border:not(.button-light) {
	border-color: #444;
	color: #333;
}

.not-dark .button.button-border:not(.button-light):hover {
	background-color: #444;
	color: #FFF;
}

.dark .heading-block:not(.not-dark):after { border-top-color: rgba(255,255,255,0.4); }

.dark .i-plain {
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.dark .i-plain:hover { color: #DDD; }

.dark .testimonial {
	background-color: rgba(0,0,0,0.2);
	border: 1px solid rgba(0,0,0,0.1);
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.dark .counter.counter-lined + h5:before { border-color: #FFB400 ; }

.dark .owl-carousel.owl-loading { background-image: url('../images/preloader-dark.gif'); }

.dark .owl-carousel .owl-nav [class*=owl-] {
	border-color: transparent;
	color: #fff;
	background-color: rgba(0,0,0,0.5);
}

.dark .heading-block:not(.not-dark),
.dark .counter { text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }

.dark .heading-block:not(.not-dark) h1,
.dark .heading-block:not(.not-dark) h2,
.dark .heading-block:not(.not-dark) h3,
.dark .heading-block:not(.not-dark) h4 { color: #FFF; }

.dark .heading-block.not-dark h1,
.dark .heading-block.not-dark h2,
.dark .heading-block.not-dark h3,
.dark .heading-block.not-dark h4 { color: #333; }

.dark .heading-block:not(.not-dark) > span { color: #fff; }

#footer.dark,
.dark #footer {
	background-color: #333;
	color: #fff;
	border-top-color: rgba(0,0,0,0.2);
}

.dark #copyrights {
	background-color: #fff;
	color: #000;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.dark #copyrights i.footer-icon { color: rgba(255,255,255,0.3); }

.dark .copyright-links a {
	color: rgba(255,255,255,0.25);
	border-bottom-color: rgba(255,255,255,0.25);
}

.dark .copyright-links a:hover {
	color: rgba(255,255,255,0.35);
	border-bottom-color: rgba(255,255,255,0.35);
}

.dark .footer-widgets-wrap a { color: #CCC; }

.dark .footer-widgets-wrap a:hover { color: #999; }

.dark .widget h4 { color: #DDD; }

.dark .widget p { opacity: 1; }

.dark .form-control:not(.not-dark),
.dark .sm-form-control:not(.not-dark) {
	color: #666;
	background-color: #fff;
}

.dark .form-control:not(.not-dark) option,
.dark .sm-form-control:not(.not-dark) option { background-color: #fff; }

.dark .form-control:not(.not-dark):active,
.dark .form-control:not(.not-dark):focus,
.dark .sm-form-control:not(.not-dark):active,
.dark .sm-form-control:not(.not-dark):focus {
	background-color: #fff;
	border-color: rgba(0,0,0,0.25) !important;
}

.dark .form-control:not(.not-dark)::-moz-placeholder { color: #666; }
.dark .form-control:not(.not-dark):-ms-input-placeholder { color: #666; }
.dark .form-control:not(.not-dark)::-webkit-input-placeholder { color: #666; }
.dark .sm-form-control:not(.not-dark)::-moz-placeholder { color: #666; }
.dark .sm-form-control:not(.not-dark):-ms-input-placeholder { color: #666; }
.dark .sm-form-control:not(.not-dark)::-webkit-input-placeholder { color: #666; }

.dark .form-control:not(.not-dark)[disabled],
.dark .form-control:not(.not-dark)[readonly],
.dark fieldset[disabled] .form-control:not(.not-dark),
.dark .sm-form-control:not(.not-dark)[disabled],
.dark .sm-form-control:not(.not-dark)[readonly],
.dark fieldset[disabled] .sm-form-control:not(.not-dark) { background-color: rgba(255,255,255,0.1); }

.dark .input-group .form-control.error:not(.not-dark) { color: #E42C3E; }

.dark .sm-form-control.error:not(.not-dark) { border-color: #E42C3E !important; }

.dark .form-control.error:not(.not-dark)::-moz-placeholder { color: rgba(228,44,62,0.6); }
.dark .form-control.error:not(.not-dark):-ms-input-placeholder { color: rgba(228,44,62,0.6); }
.dark .form-control.error:not(.not-dark)::-webkit-input-placeholder { color: rgba(228,44,62,0.6); }

.dark .nav > li > a:hover,
.dark .nav > li > a:focus,
.dark .nav .open > a,
.dark .nav .open > a:hover,
.dark .nav .open > a:focus { background-color: rgba(0,0,0,0.2); }

@media (max-width: 991px) {
	
	.dark #header.transparent-header,
	#header.dark.transparent-header {
		background-color: #333;
		border-bottom-color: rgba(255,255,255,0.1);
	}

}

/* ========================================== MARGIN PADDING ========================================== */

.img-transparent {
	opacity: 0;
}
.mt-0 {
	margin-top: 0px !important;
}
.mt-25 {
	margin-top: 25px !important;
}
.mt-30 {
	margin-top: 30px !important;
}
.mt-55 {
	margin-top: 55px !important;
}
.mb-0 {
	margin-bottom: 0px !important;
}
.mb-12 {
	margin-bottom: 12px !important;
}
.mb-15 {
	margin-bottom: 15px !important;
}
.mb-40 {
	margin-bottom: 40px;
}
.mr-2p {
	margin-right: 2% !important;
}
.pt-30 {
	padding-top: 30px;
}
.pb-30 {
	padding-bottom: 30px;
}
.pl-48 {
	padding-left: 48px;
}
.pr-30 {
	padding-right: 30px;
}
.height-auto {
	height: auto;
}
.kt-font {
	font-family: fontawesome, Lato;
}

/* ========================================== OWL CAROUSEL MODIFY (CK Gallery) CSS ========================================== */

html,body {
	height:100%;
	font-size:100%;
}

.row {
	width:100%;
	margin:0 auto;
}

#demos .owl-carousel .item {
height:500px;
background:#ffb400;
}

#demos .owl-carousel .item h4 {
color:#FFF;
font-weight:400;
margin-top:0;
}

#demos .owl-carousel .item-video {
height:300px;
}

#demos #setup {
margin-top:4rem;
}

.item {
	background-size: cover !important;
	background-repeat: no-repeat !important;
	width: 400px;
}

.item-h {
	background-size: cover !important;
	background-repeat: no-repeat !important;
	height: 250px;
}
.owl-item{
	margin-right: 0px !important;
}
.owl-dots{
	display: none;
}

.owl-carousel,.owl-carousel .owl-item {
-webkit-tap-highlight-color:transparent;
position:relative;
}

.owl-carousel {
display:none;
width:100%;
z-index:1;
}

.owl-carousel .owl-stage {
position:relative;
-ms-touch-action:pan-Y;
touch-action:manipulation;
-moz-backface-visibility:hidden;
}

.owl-carousel .owl-stage:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}

.owl-carousel .owl-stage-outer {
position:relative;
overflow:hidden;
-webkit-transform:translate3d(0,0,0);
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
}

.owl-carousel .owl-item {
min-height:1px;
float:left;
-webkit-backface-visibility:hidden;
-webkit-touch-callout:none;
}

.owl-carousel .owl-item img {
display:block;
width:100%;
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
display:block;
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
cursor:pointer;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
color:inherit;
border:none;
font:inherit;
padding:0!important;
}

.owl-carousel.owl-loading {
opacity:0;
display:block;
}

.owl-carousel.owl-refresh .owl-item {
visibility:hidden;
}

.owl-carousel.owl-drag .owl-item {
-ms-touch-action:pan-y;
touch-action:pan-y;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

.owl-carousel.owl-grab {
cursor:grab;
}

.owl-carousel.owl-rtl {
direction:rtl;
}

.owl-carousel.owl-rtl .owl-item {
float:right;
}

.owl-carousel .animated {
animation-duration:1s;
animation-fill-mode:both;
}

.owl-carousel .owl-animated-in {
z-index:0;
}

.owl-carousel .owl-animated-out {
z-index:1;
}

.owl-carousel .fadeOut {
animation-name:fadeOut;
}

.owl-height {
transition:height .5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
opacity:0;
transition:opacity .4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
max-height:0;
}

.owl-carousel .owl-item img.owl-lazy {
transform-style:preserve-3d;
}

.owl-carousel .owl-video-wrapper {
position:relative;
height:100%;
background:#000;
}

.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:transform .1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
-ms-transform:scale(1.3,1.3);
transform:scale(1.3,1.3);
}

.owl-carousel .owl-video-tn {
opacity:0;
height:100%;
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
transition:opacity .4s ease;
}

.owl-carousel .owl-video-frame {
position:relative;
z-index:1;
height:100%;
width:100%;
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled,.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
display:none;
}

.owl-carousel.owl-hidden,100% {
opacity:0;
}

.owl-theme .owl-dots,.owl-theme .owl-nav {
	text-align:center;
	-webkit-tap-highlight-color:transparent
}

.owl-theme .owl-nav [class*=owl-] {
	color:#FFF;
	font-size:14px;
	padding:4px 7px;
	background:rgba(0,0,0,0.5);
	display:inline-block;
	cursor:pointer;
	border-radius:3px
}
.owl-theme .owl-nav [class*=owl-]:hover {
	background:#FFB400 ;
	color:#FFF;
	text-decoration:none
}
.owl-theme .owl-nav .disabled {
	opacity:.5;
	cursor:default
}
.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top:10px
}
.owl-theme .owl-dots .owl-dot {
	display:inline-block;
	zoom:1
}
.owl-theme .owl-dots .owl-dot span {
	width:10px;
	height:10px;
	margin:5px 7px;
	background:#D6D6D6;
	display:block;
	-webkit-backface-visibility:visible;
	transition:opacity .2s ease;
	border-radius:30px
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span { 
	background:rgba(0,0,0,0.5)
}

