#logo img {width: 250px; height: auto;}
img.logo-small {max-width: 100%; height: auto; }

.hero {width:100%; z-index:100; height:auto; max-width: 1920px; margin: 0 auto;}

.hero_owl {position: relative; height: 100%;}
.hero_owl{display:block;}
.hero_owl_item {display:none;}
.owl-loaded .hero_owl_item {display:block;}

.hero_owl_item {background-repeat: no-repeat; background-position: center center; background-size: cover; width:100%; height: 100%; display: none;}
.hero_owl_item:first-child {display: block;}

.hero_owl_item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
/*
.hero_owl_item:after {content: ""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); pointer-events: none; z-index: 1; }
*/
.hero_owl div:not(.owl-nav),
.hero_owl div:not(.hero_desc) {height: 100%; }

.hero_desc {
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 5%;
    width: 90%;
    color: #fff;
	height:auto !important;
	text-align:center;
	transform: translateY(-50%);
}

.owl-carousel .owl-item .hero_desc img {width: 10px; height: auto; display: inline-block; margin: -2px 0 0 5px; }

.hero_desc h3 {display:block; font-size: 42px; margin:0;
    font-style: normal;
    font-weight: 400;
    line-height: normal; color: #FFFFFF; padding-bottom: 30px; }

.hero_desc span {display:block; font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; color: #FFFFFF; padding-bottom: 30px; }

.owl-nav {
    position: absolute;
    top: 50%; margin: -20px 0 0 0 !important;
    width: 90%;
    left: 5%;
	z-index:9999;
	height:40px !important;
}

.owl-prev,
.owl-next {
	padding: 0 !important;
	-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    top:0;  position: absolute;	background: transparent !important; border: none; width: 50px; height: 50px; opacity: 0.5;
}

.owl-prev:hover,
.owl-next:hover {
    opacity: 1
}

.owl-prev {left: 0;}
.owl-next {right: 0;}

.owl-prev span,
.owl-next span {
    display: none;
}

.owl-prev:after,
.owl-next:after {
    font-family: "FontAwesome"; color: #fff;  
    font-size: 40px; position: absolute; width: 50px; height: 50px; text-align: center; line-height: 50px; left: 0; top: 0;	  
}

.owl-prev:after {content: "\f104";}
.owl-next:after {content: "\f105";}

.hero_owl .owl-dots {position: absolute; bottom: 30px; left: 5%; width: 90%; height: 20px !important; text-align: center;}
.hero_owl .owl-dot {
	-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	width: 12px; height: 12px; border-radius: 12px; border: 2px solid white; margin: 0 8px;
}
.hero_owl .owl-dot.active {background: #fff;}



a.btn-custom, input.btn-custom {
    padding: 10px 25px !important; line-height: inherit !important;
}

.buttlike {
	display: inline-block; padding: 10px 20px; border: 1px solid var(--primary-color-1); text-transform: uppercase; color: white; 
	background-color: var(--primary-color-1);
	font-size: 13px; letter-spacing: 3px;
}

.buttlike:hover {
	opacity: 0.8; /* border: 1px solid var(--primary-color-1); color: white; background-color: var(--primary-color-1); */
}


.buttlike.outline {
	border: 1px solid var(--primary-color-1); color: var(--primary-color-1); 
	background-color: transparent;
}

.buttlike.outline:hover {
	opacity: 1; border: 1px solid var(--primary-color-1); color: white; 
	background-color: var(--primary-color-1);
}

.buttlike.outline.white {
	border: 1px solid white; color: white; 
	background-color: transparent;
}

.buttlike.outline.white:hover {
	opacity: 1; border: 1px solid var(--primary-color-1); color: white; 
	background-color: var(--primary-color-1);
}

h2 span {margin: 0 0 10px 0;}

.de_light section.phobs {
    background: #172e4b; 
	padding: 30px 0;
	z-index: 5;
	position: -webkit-sticky; /* Safari */  
    position: sticky; 
	top: 70px;
}

.phobs #contact_form input[type=text], 
.phobs #contact_form textarea, 
.phobs #contact_form input[type=email], 
.phobs #contact_form input[type=number], 
.phobs #search, 
.phobs #contact_form select {
    padding: 10px 10px 10px 15px;
    margin-bottom: 0;
    color: #fff !important;
    border: solid 1px white;
    background: transparent;
    border-radius: 0 !important;
	height: 46px;
}
.phobs ::placeholder {color: white !important;}

.phobs #contact_form select {
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
/*	background: url(../images/ui/select-arrow.png) right center no-repeat !important; Nema ove slike!!*/
}
.phobs #contact_form input[type=submit],
.phobs #contact_form a.btn {
    padding: 0 25px; height: 46px; background: rgba(0,0,0,0.1); border-radius: 0;
	border: 0px solid rgba(0,0,0,0.1); width: 100%; font-size: 16px;
}
.phobs #contact_form input[type=submit]:hover {
	/*border: 1px solid white;*/  background: rgba(0,0,0,0.2);
}
.phobs #contact_form a.btn {
    padding: 0 25px; height: 46px; background-color: var(--primary-color-1); border-radius: 0;
	border: 0px solid rgba(0,0,0,0); width: 100%; font-size: 16px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.phobs #contact_form input[type="submit"], .phobs #contact_form a.btn {
		letter-spacing: 0;
		padding: 10px 15px !important;
	}
}


.blog-list .post-text, .blog-read .post-text {
    padding-left: 0px;
}


.owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
}

.separator .fa-circle {font-size: 8px;}

address span strong { width: 30px; position: absolute;     top: 3px; left: 0;}
address span, 
.widget_recent_post li {border-bottom: none; }
address span {padding-left: 30px !important; position: relative;}
footer .widget a:hover {color: var(--primary-color-1);}
.subfooter {font-size: 13px;}

.post-image,
.post-content img {
    border-radius: 0
}
.post-text { padding: 0 0 10px 0;}

.features h3.style-1 {font-size: 16px;}

.box-icon.center {margin: 20px 0; }

.darkened{z-index:1; position: relative;}

.darkened:after {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none;
	background: rgba(0,0,0,0.3); content: "";
}
.darkened > div {z-index:5; position: relative;}

.de-card-room .d-content h3 i {top: -7px;}

.de-card-room .d-content h3 {border-bottom: none;}

.de-card-room .d-click, 
.de-card-room .btn-main {
    text-transform: uppercase; font-weight: 400; letter-spacing: 3px; font-size: 14px;
	color: var(--primary-color-1);
}

.post-image:hover img {transform: none;}

a.post-content:hover img {transform: scale(1.05);}

.de-post-poster.d-portrait {height: auto;}

.de-post-poster .btn-main {
	color: var(--primary-color-1); display: block;
	opacity: 0; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; font-size: 14px; padding: 0 0 10px 0;
}
.de-post-poster:hover .btn-main {opacity: 1;}

.de-post-poster .d-content {bottom: -20px;}

.datum {display: block; margin: 15px 0 -15px; color: #555; font-size: 15px; }

a.btn-line:hover:after {padding-left: 0;}

#menu-btn:before {
    margin: -2px 0 0 0;
    display: inline-block;
}

header .md-flex {position: relative;}

nav li.booknow {display: none !important;}

#mainmenu.dotted-separator li.langs a:after {
    display: none;
}

@media (min-width: 992px) and (max-width: 1199px) {#menu-btn {margin-top: 22px;}}

@media (max-width: 1199px){
	#menu-btn {
		display: block;
		position: relative;
		float: right;
	}
	nav {width: 100%;}

	header.header-mobile #mainmenu {
		display: none;
		float: none;
		z-index: 200;
		width: 100%;
		margin: 0;
		padding: 0;
	}
}
@media only screen and (min-width: 1200px) {
	.md-flex{
		display: flex;
		justify-content: space-between;
	}

	.md-flex > .md-flex-col{
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

/* book now botun */
@media only screen and (max-width: 600px) {
	.md-flex-col.col-extra{
		display: none;
	}
	nav li.booknow {display: block !important; width: 100%;}
	header.header-mobile #mainmenu li.langs {
		border-bottom: none;
	}
	header.header-mobile #mainmenu li.booknow {
		border-bottom: none;
		margin: 30px 0 0 0;
	}
	nav li.booknow a {
		text-transform: uppercase !important; letter-spacing: 3px !important;
		display: block; width: 100%; text-align: center !important; border: 1px solid white;}
}
@media only screen and (min-width: 601px) and (max-width: 1199px) {
	.md-flex-col.col-extra{
		display: block; position: absolute; right: 70px; margin-top: 26px;
	}
}
@media only screen and (max-width: 991px) {
	.md-flex-col.col-extra{
		margin-top: 11px;
	}
	#menu-btn {
		margin-top: 7px;
	}
}

@media only screen and (max-width: 991px) {
    .phobs .container .col-md-3,
	.phobs .container .col-md-2,
	.phobs .container .col-lg-2-5 {
        margin-bottom: 0px;
    }
}
@media only screen and (max-width: 767px) {
    .phobs .container .col-md-3,
	.phobs .container .col-md-2,
	.phobs .container .col-lg-2-5 {
        margin-bottom: 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .phobs .container .col-md-3,
	.phobs .container .col-md-2,
	.phobs .container .col-lg-2-5 {
        width: 100%; margin: 10px 0;
    }
}


#subheader:after {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: rgba(0,0,0,0.3); z-index: 1;
}
#subheader > div {
    position: relative; z-index: 3;
}
#subheader {
    padding: 220px 0 220px; position: relative; background-size: cover !important; display: block; height: 100%;
}
#subheader h1 {
    margin-top: 0;
}
#subheader .datum {
    margin: 15px 0 0 ; color: #eceff3; font-size: 16px; font-weight: bold; text-align: center; 
}

.downloads {width:100%; padding: 30px 0;}
.downloads a {display:block; overflow:hidden; line-height:32px; font-size:14px; }
.downloads a:hover {}
.downloads a i {font-size:24px; width:35px;}

.article .datum, 
.list .datum {
    margin: 0 0 15px;
}

.article h1 {text-align: left; margin-bottom: 25px;}

/* .smilar_rooms .de-card-room,
.rooms .de-card-room {height: 400px;} */

.smilar_rooms .de-card-room .d-content h3 i,
.rooms .de-card-room .d-content h3 i {
    top: -2px;
}

.spaced {background: #F7F5F0 !important; padding: 50px 0 !important; }
.bg_white {background: #ffffff !important;}
.bg_grey {background: #F7F5F0 !important;}

.de_light a.btn-line:hover {
    color: #fff;
}

.btn-line, a.btn-line {
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
}
.btn-line:after, a.btn-line:after {
    display: none;
}

.list .subtitle {display: block; font-weight: bold; margin: 0 0 15px 0;}

.list .inner-padding p {margin:0;}

.gmap {background: #ddd; height: 450px; width: 100%;}
.gmap iframe {width: 100%; height: 100%; outline: none;}

#contact_form input[type=text], 
#contact_form textarea, 
#contact_form input[type=email], 
#contact_form input[type=number], 
#search, 
#contact_form select {
    padding: 10px 15px;
    margin-bottom: 0px;
    color: #000;
    border: solid 1px #eee;
    background: white;
}

#contact_form input[type=submit]{
	margin: 0 0 15px 0; 
} 
.phobs #contact_form input[type=submit]{
	margin: 0; 
} 
#contact_form input[type=submit]:hover{
	color: white; 
} 

.captcha {position: relative;}

.captcha img {position: absolute; top: 1px; right: 1px; }

.inp {margin: 0 0 15px 0;}

.info {font-size: 13px; line-height: 130%; margin: 0 0 15px 0;}

.de-post-poster .d-image img,
.de-card-room .d-image img {
    width: 100%;
    height: auto;
}

.boxes p {color: white;}

/* .jarallax {background-size: cover !important; background-position: center center !important;} */

#content {max-width: 1920px; margin: 0 auto;}


@media (max-width: 991px){
	.social-icons {margin-bottom: 60px;}
	.phobs .container .col-md-3:last-child {margin-bottom: 0;	}
	.separator {margin: 30px 0 0 0; overflow: hidden;}
	.mb30-mob {margin-bottom: 30px !important;}
	.de-post-poster.d-portrait,
	.de-card-room {height: 350px;	height: auto;}
	.container ul.owl-carousel .col-md-12 {margin-bottom: 0;}
	#subheader {padding: 120px 0 120px;	}
	.side-bg.no-padding.list .inner-padding {padding: 0 0 30px 0;}
	.smilar_rooms .col-lg-4 + .col-lg-4 {margin-top: 30px;}
	.contact_data {margin-bottom: 50px;}
	#subheader h1 {margin: 0;}
	.side-bg .image-container {height: 350px !important; margin-bottom: 30px;}
}

@media (max-width: 767px){
	.hero .owl-nav {display: none;}
	.de-post-poster.d-portrait,
	.de-card-room {height: 250px; height: auto;	}
	section {padding: 50px 0 50px 0 !important;}
	section.side-bg.no-padding.list {padding: 0 !important;}
	.side-bg .image-container {height: 300px !important;}

}
@media (max-width: 500px){
	.boxes p,
	.de-card-room .d-content p {
		display: none;
	}
	.de-post-poster.d-portrait, 
	.de-card-room {
		height: auto;
	}
}


header > .container-fluid {padding: 0 30px; max-width: 1920px; margin: 0 auto;}

.testimonials,
.cta,
.header {background-size: cover; background-position: center center;}

.pager {text-align: center;}
.pagination {text-align: center; display: inline-block; margin: 0 auto;}
.pagination li {display: inline-block;}
.pagination li.active a {
    color: #fff;
}
.de_light .pagination li a:hover {
    color: #fff;
    background-color: var(--primary-color-1);
}


h2 span {
    font-size: 17px; font-family: "Brioni 700"; color: #172e4b;
}
.de_light section {
    background-color: rgb(243, 245, 246);
}
.blog-list h3, .blog-read h3, .de-post-poster .d-content h3 {
    font-size: 23px;
}
.de-post-poster .d-content p {
    font-size: 16px;
}
@media (min-width: 992px){
	.events .blog-list h3, .events .blog-read h3 {
		font-size: 20px;
	}
}
blockquote.testimonial-big:before {display: none;}
blockquote.testimonial-big .d-testi {font-size: 28px; line-height: 47px;}
footer address span {padding: 0px 0 0 0; margin-top: -1px;}
address {    margin-top: 24px;}






.smilar_rooms {
	background-size:cover;
}




/* testimonials  */

/*
@media (min-width: 1200px) {
	.testimonials {
		background-image: url(https://picsum.photos/id/1043/1920/600);
	}
	.cta {
		background-image: url(https://picsum.photos/id/1043/1920/700);
	}
	.header {
		background-image: url(https://picsum.photos/id/1043/1920/500);
	}
	.smilar_rooms {
		background-image: url(https://picsum.photos/id/1043/1920/700);
	}

	
}

@media (max-width: 1199px) {
	.testimonials {
		background-image: url(https://picsum.photos/id/1043/1199/700);
	}
	.cta {
		background-image: url(https://picsum.photos/id/1043/1199/700);
	}
	.header {
		background-image: url(https://picsum.photos/id/1043/1199/500);
	}
	.smilar_rooms {
		background-image: url(https://picsum.photos/id/1043/1199/600);
	}
}

@media (max-width: 991px) {
	.testimonials {
		background-image: url(https://picsum.photos/id/1041/991/750);
	}
	.cta {
		background-image: url(https://picsum.photos/id/1041/991/700);
	}
	.header {
		background-image: url(https://picsum.photos/id/1041/991/400);
	}
	.smilar_rooms {
		background-image: url(https://picsum.photos/id/1043/991/2600);
	}
	
}

@media (max-width: 767px) {
	.testimonials {
		background-image: url(https://picsum.photos/id/1041/767/700);
	}
	.cta {
		background-image: url(https://picsum.photos/id/1041/767/900);
	}
	.header {
		background-image: url(https://picsum.photos/id/1041/767/350);
	}
	.smilar_rooms {
		background-image: url(https://picsum.photos/id/1041/767/1800);
	}
}

@media (max-width: 500px) {
	.smilar_rooms {
		background-image: url(https://picsum.photos/id/1041/500/1500);
	}
}

@media (max-width: 480px) {
	.testimonials {
		background-image: url(https://picsum.photos/id/1041/480/800);
	}
}

*/



/* lists */
.visible .background-image{background-image: url('../images/noImage.php?w=600&h=800');}


.id-color,
#section-intro h2 .id-color {color:#7087a4;}

#section-intro h2,
.features h3.style-1,
.blog-list h3, 
.blog-read h3 {color:#4d4d4d;}

blockquote.testimonial-big .d-testi {
    font-family: "Brioni 400i";
    font-style: normal;
	font-weight: 400;
}

footer > .container > .row {padding-bottom: 30px; align-content: stretch;}
footer .widget {padding-bottom: 30px;}

.f_logo {
	display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.f_logo .social-icons {margin-bottom: 30px;}



/*
body.font-alt h1, 
body.font-alt h2, 
body.font-alt h3, 
body.font-alt h4, 
body.font-alt h5, 
body.font-alt h6, 
body.font-alt blockquote.testimonial-big .title, 
body.font-alt .de-box-price span,
body.font-alt h2 span {
    font-family: "Brioni 400-alt";
}
*/


.has-error .help-block {
    color: red;
}




.hero {height:62.5vw;max-height: calc(100vh - 106px)}
@media (max-width: 1199px) {.hero {max-height: calc(100vh - 186px)} }
@media (max-width: 991px) {.hero {max-height: calc(100vh - 80px)} }
@media (orientation: portrait) and (max-width: 767px) {.hero {height: 127vw;} }
@media (orientation: landscape) and (max-width: 767px) {.hero {height:65.2vw;} }
/*
@media (max-width: 992px) {.hero {max-height:1080px} }
@media (orientation: portrait) and (max-width: 767px) {.hero {height: 127vw;max-height:1000px} }
@media (orientation: landscape) and (max-width: 767px) {.hero {height:65.2vw;max-height:500px} }
*/


/* Ikone*/
.hmicon-internet,
.hmicon-indoorpool,
.hmicon-sauna,
.hmicon-gym,
.hmicon-massage,
.hmicon-parking,
.hmicon-attraction,
.hmicon-ironing,
.hmicon-waking,
.hmicon-meeting,
.hmicon-evcharging,
.hmicon-pets,
.hmicon-roomservice{
	background: no-repeat bottom center url(../images/piktogrami_EX-01.svg);
 	height: 100px;
 	width: 100px;
 	margin-bottom: -20px;
}

.hmicon-indoorpool{background-image:url(../images/piktogrami_EX-02.svg);}
.hmicon-sauna{background-image:url(../images/piktogrami_EX-03.svg);}
.hmicon-gym{background-image:url(../images/piktogrami_EX-04.svg);}
.hmicon-massage{background-image:url(../images/piktogrami_EX-05.svg);}
.hmicon-parking{background-image:url(../images/piktogrami_EX-06.svg);}
.hmicon-attraction{background-image:url(../images/piktogrami_EX-07.svg);}
.hmicon-ironing{background-image:url(../images/piktogrami_EX-08.svg);}
.hmicon-waking{background-image:url(../images/piktogrami_EX-09.svg);}
.hmicon-meeting{background-image:url(../images/piktogrami_EX-10.svg);}
.hmicon-evcharging{background-image:url(../images/piktogrami_EX-11.svg);}
.hmicon-pets{background-image:url(../images/piktogrami_EX-12.svg);}
.hmicon-roomservice{background-image:url(../images/piktogrami_EX-13.svg);}


.stars {padding-bottom: 30px;}
.owl-carousel .owl-item .hero_desc .stars img {
    width: 20px;
    height: auto;
    display: inline-block;
    margin: 0 5px;
}
p {text-align: justify;}
body{overflow-x:hidden;}

#mob_reveal {display: none;}

.pic_desc {position: absolute; z-index: 5; left: 15px; bottom: 5px; color: white; font-size: 13px; }

@media (max-width: 991px){
	#close_phobs {display: inline-block; width: 30px; height: 30px; margin: 0 0 20px auto; position: relative;}
	#close_phobs:before {
		content: ""; display: inline-block; width: 20px; height: 2px; background: white;
		position: absolute; top: 13px; left: 4px; transform: rotate(45deg);
	}
	#close_phobs:after {
		content: ""; display: inline-block; width: 20px; height: 2px; background: white;
		position: absolute; top: 13px; left: 4px; transform: rotate(-45deg);
	}
	.de_light section.phobs {top:0;	}
	#mob_reveal {
		display: block; color: white; padding: 30px 0; text-align: center; cursor: pointer; transition: all .3s; z-index: 4;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
	}
	#mob_reveal span {display: inline-block; background: #172e4b; padding: 20px 30px;  }
	#mob_reveal span:hover {opacity: .7; }
	/* .phobs.open #mob_reveal {padding: 0 0 20px 0; } */
	#mob_reveal span:after {
		content: ""; width: 10px; height: 10px; border: 2px solid white; border-left: none; border-top: none; transform: rotate(45deg);
		display: inline-block; margin: -4px 0 4px 10px;
	}
	.phobs {padding: 0 !important; overflow: hidden; transition: all .3s;}
	.phobs.open {padding: 50px 0 !important;}
	.phobs form {max-height: 0; overflow: hidden; }
	.phobs.open form {max-height: 1000px; display: flex; flex-direction: column;}
}
/* .test {position: fixed; top: 0; left: 0; width: 100px; height: 100px; background: red; z-index: 99999; } */


#mainmenu a {padding: 25px 15px;}
.owl-carousel .owl-item img {
    transition: all .3s !important;
}
#contact_form .row > * {position: relative; }
#contact_form .row > * i {position: absolute; top: 17px; right: 29px; color: #666; font-size: 15px;}









@media (max-width: 1400px){
	#mainmenu a {padding: 25px 12px;}
	
}
@media (min-width: 768px) and (max-width: 1199px){
	header.header-mobile {/*position: fixed; */}	
	header.header-mobile #mainmenu li {display: block; float: none;}	
	/* header.header-mobile #mainmenu > li a {
		padding: 10px 0; 
		display: block; width: 100%;         text-align: left;
	}
	header.header-mobile #mainmenu li ul {
        display: block;
        position: inherit;
        margin: 0;
        width: 100%;
    } */



	header.header-mobile #mainmenu{
		display:none;
		float:none;
		z-index:200;
		width:100%;
		margin:0;
		padding:0;
	}
	
	header.header-mobile.header-custom #mainmenu{
		padding:0 40px 0 40px;
	}
	
	header.header-mobile #mainmenu a{
		text-align:left;
		padding-top:10px !important;
		padding-bottom:10px !important;
	}
	
	header.header-mobile #mainmenu a:hover{
		background:none !important;
	}
	
	
	header.header-mobile #mainmenu li ul{
		display:block;
		position:inherit;
		margin:0;
		width:100%;
	}
	
	header.header-mobile #mainmenu li{
		border-bottom:solid 1px #333;
		margin:0;
		width:100%;
		display:block;
		letter-spacing:3px;
	}
	
	header.header-mobile.header-light #mainmenu li{
		border-bottom-color:#eee;
	}

	header.header-mobile.header-light #mainmenu li a:hover{
	color:#222;
	}
	
	header.header-mobile #mainmenu li a:after{
	display:none;
	}
	
	header.header-mobile #mainmenu li:last-child{
	margin-bottom:30px;
	}
	
	header.header-mobile #mainmenu li ul{
	border-top:none;
	top:auto;
	}
	
	header.header-mobile #mainmenu li ul a{
	width:100%;
	background:none;
	border:none;
	}
	
	header.header-mobile #mainmenu li ul li{
	border:none;
	padding-left: 40px !important;
	}
	
	header.header-mobile #mainmenu li ul li:first-child{
	border-top:solid 1px #333;
	}
	header.header-mobile.header-light #mainmenu li ul li:first-child{
	border-top-color:#eee;
	}
	
	header.header-mobile #mainmenu li ul li a{
	display:block;
	border-bottom:solid 1px #eee;
	}
	header.header-mobile.header-light #mainmenu li ul li a{
	border-bottom-color:#eee;
	}
	
	header.header-mobile #mainmenu li ul li:last-child{
	border-bottom:none;
	margin:0;
	}
	
	header.header-mobile #mainmenu li ul li:last-child a{
	border-bottom:none;
	}
	
	header.header-mobile #mainmenu li a{
	color:#eceff3;
	}
	
	header.header-mobile.header-light #mainmenu li a{
	color:#404040;
	}
	
	header.header-mobile #mainmenu  li li a{
	font-size:10px;
	}
	
	header.header-mobile #mainmenu  li li a:hover{
	color:#fff;
	}
	
	header.header-mobile #mainmenu li ul{
	height:0;
	overflow:hidden;
	position:relative;
	left:0;
	}
	
	
	header.header-mobile #mainmenu li ul li ul li:last-child{
	border-bottom:solid 1px #333;	
	}
	header.header-mobile.header-light #mainmenu li ul li ul li:last-child{
	border-bottom-color: #eee;	
	}
	
	header.header-mobile #mainmenu li ul li ul{
	margin-bottom:10px;
	}
	
	header.header-mobile #mainmenu > li > span{
		width:36px;
		height:36px;
		background:url(../images/ui/arrow-down.png) center no-repeat;
		position:absolute;
		right:0;
		margin-top:10px;
		z-index:1000;
		cursor:pointer;
	}
	header.header-mobile.header-light #mainmenu > li > span{
		background:url(../images/ui/arrow-down-invert.png) center no-repeat;
	}
	
	header.header-mobile #mainmenu li span.active{
		background:url(../images/ui/arrow-up.png) center no-repeat;
	}
	header.header-mobile.header-light #mainmenu li span.active{
		background:url(../images/ui/arrow-up-invert.png) center no-repeat;
	}
	
	header.header-mobile #mainmenu li > ul > li > span{
		width:36px;
		height:36px;
		background:url(../images/ui/arrow-down.png) center no-repeat;
		position:absolute;
		right:0;
		margin-top:-45px;
		z-index:1000;
		cursor:pointer;
	}
	header.header-mobile.header-light #mainmenu li > ul > li > span{
		background:url(../images/ui/arrow-down-invert.png) center no-repeat;
	}
	
	header.header-mobile #mainmenu > li > ul > li > span.active{
		background:url(../images/ui/arrow-up.png) center no-repeat;
	}
	header.header-mobile.header-light #mainmenu > li > ul > li > span.active{
		background:url(../images/ui/arrow-up-invert.png) center no-repeat;
	}
	
	header.header-mobile #mainmenu li ul li a{
		border-bottom:solid 1px #333;
	}
	header.header-mobile.header-light #mainmenu li ul li a{
		border-bottom-color:#eee;
	}
	header.header-mobile #mainmenu li ul li:last-child > a{
		border-bottom:none !important;
	}
}


@media (max-width: 400px){
	#logo img {
		width: 180px;
	}
	.owl-dots{display:none}
	
}
@media (max-width: 768px){
	.container-fluid {
		overflow: hidden;
	}
	.owl-dots{display:none}
}
@media (max-width: 1199px){
	header.smaller:not(.header-bottom):not(.side-header):not(.force-header-mobile) #mainmenu ul {
		top: 0; position: static; 
	}
	header.smaller:not(.header-bottom):not(.side-header):not(.force-header-mobile) {
		height: auto;
	}
	.de_light section.phobs {
		top: 0;
	}
}

@media (min-width: 992px) {
  .col-lg-2-5 {
    flex: 0 0 auto;
    width: 20%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1319px) {
  .md-flex-col.col-extra {
    display: none;
  }
}