/*--
	Theme Name: theme53372
	Theme URI: http://info.template-help.com/help/
	Description: A theme for Wordpress 3.8.x
	Author: Template_Help.com
	Author URI: http://info.template-help.com/help/
	Template: CherryFramework
	Version: 3.1.5
--*/

/* ----------------------------------------
	Please, You may put custom CSS here
---------------------------------------- */


.extrafooter {
	margin-top: 0;
}

.content-holder {
	background: #ffffff !important;
}

@media (max-width: 767px) {
    footer {
        padding: 20px !important;
		margin: 20px 20px 0 20px !important;
    }
	
	footer .container {
		padding: 0 20px !important;
	}
}

.footer {
	padding: 0 !important;
	background: #f1db64 !important;
	color: #ffffff;
}

.copyright {
	padding: 0 !important;
}

.leftside .banner-wrap.extrabanner_1 .descr {
	width: 40% !important;
	right: -40% !important;
}

.leftside .banner-wrap.extrabanner_1:hover .descr {
	right: 0 !important;
}

.rightside .banner-wrap.extrabanner_1 .descr {
	width: 40% !important;
	left: -40% !important;
}
.rightside .banner-wrap.extrabanner_1:hover .descr {
	left:0 !important;
}

.banner-wrap.extrabanner_1 .descr {
	display: flex !important;
	align-items:center !important;
	justify-content: center !important;
}

.banner-wrap.extrabanner_1:hover .descr {
	background: #f1db64 !important;
}

.metaslider .caption-wrap {
    background: transparent !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	opacity: 1 !important;
}

.metaslider .caption-wrap .caption {
    font-size: 32px !important;
	line-height: 32px !important;
	padding-right: 20px !important;
}

ul.slides li.ms-image {
	width: 100wv !important; 
}

.container-home .row {
	margin-left: 0 !important;
}

.owl-item .slide-wrapper {
	position: relative !important;
}

.owl-item .slide-wrapper .slide-title {
	position: absolute !important;
	bottom: 0 !important;
	left: 50% !important;
	transform: translate(-50%, 0) !important;
	
	margin-bottom: 20px !important;
	
	color: white !important;
	font-size: 30px !important;
	line-height: 30px !important;
}

@media (min-width:961px) {
	ul.slides li.ms-image {
		width: calc(100vw / 2) !important; 
	}
}

@media (min-width: 1200px) { 
	.extrafooter {
		margin-top: 0;
	}
	
	ul.slides li.ms-image {
		width: calc(100vw / 3) !important; 
	}
}