@CHARSET "UTF-8";
	
	@font-face {
		font-family: roboto;
		src: url(font/roboto/RobotoCondensed-Regular.ttf);
	}
	
	@font-face {
		font-family: robotoBold;
		src: url(font/roboto/RobotoCondensed-Bold.ttf);
	}
	
	@font-face {
		font-family: robotoLight;
		src: url(font/roboto/RobotoCondensed-Light.ttf);
	}
	
	@font-face {
		font-family: fira;
		src: url(font/fira/FiraSans-Book.otf);
	}
	
	body {
		font-family: openSans, arial, helvetica;
		font-size: 13px;
		background-color: #fff;
		margin: 0;
		padding: 0;
		min-width: 1150px;
	}
	
	h1								{ text-align: center; font-family: roboto; font-size: 28px; font-weight: normal; margin: 0; padding: 0; }
	h4								{ font-family: robotoLight; font-size: 16px; font-weight: normal; margin: 0; }
	.color-white					{ color: #fff; }
	.color-logo-blue				{ color: #00789a; }
	.color-logo-pink				{ color: #a61651; }
	
	.single 						{ width: 1150px; margin: 0 auto !important; }
	.full-width						{ width: 100%; }
	.col-1							{ width: 370px; float: left; }
	.col-2							{ width: 590px; float: left; }
	.col-3							{ width: 535px; float: left; }
	.border-right-d4				{ border-right: #d4d4d4 1px solid; }
	.border-bottom-d4				{ border-bottom: #d4d4d4 1px solid; }
	
	#top-bar {
		/*overflow: hidden;*/
		position: absolute;
		padding: 15px 0;
		top: 0;
		width: 100%;
		 min-width: 1150px;
		/*background-image: url(../images/back/top-bar-back.png);*/
		z-index: 999;
	}
	
	.top-bar-black 					{ background-image: url(../images/back/top-bar-back.png); }
	.top-bar-blue 					{ background-image: url(../images/back/top-bar-blue.png); }
	
	#top-nav-container {
		overflow: hidden;
		line-height: 40px;
		/*margin-top: 15px;*/
		float: right;
	}
	
	#top-nav-container a:link		{ font-family: roboto; font-size: 16px; letter-spacing: -0.5px; color: #fff; text-decoration: none; margin-left: 25px; }
	#top-nav-container a:visited	{ font-family: roboto; font-size: 16px; letter-spacing: -0.5px; color: #fff; text-decoration: none; }
	#top-nav-container a:hover		{ font-family: roboto; font-size: 16px; letter-spacing: -0.5px; color: #a1cd44; text-decoration: none; border-bottom: #a1cd44 2px solid; padding-bottom: 6px; }
	#top-nav-container .selected	{ font-family: roboto; font-size: 16px; letter-spacing: -0.5px; color: #fff; text-decoration: none; border-bottom: #ee2074 2px solid; padding-bottom: 6px; }
	
	.mm:link						{ color: #fff; text-decoration: none; }
	.mm:visited						{ color: #fff; text-decoration: none; }
	.mm:hover						{ color: #fff; text-decoration: none; }
	
	#language-container				{ overflow: hidden; float: right; padding: 0px 0 0 3px; }
	
	#social-icon-container			{ overflow: hidden; float: right; margin-left: 20px; /*line-height: 40px; margin-top: 15px;*/ }
	#social-icon-container
		a:link, a:visited			{ color: #fff; text-decoration: none; margin-left: 5px; }
	#social-icon-container
		a:hover						{ color: #a1cd44; text-decoration: none; }
	
	#banner-area {
		overflow: hidden;
		position: relative;
		height: 604px;
		background-color: #333;
		width: 100%;
	}
	
	#banner-area p					{ position: absolute; margin: 0; padding: 0; text-shadow: 2px 2px #000; }
	#banner-area .header			{ font-family: bebas; font-size: 64px; line-height: 120%; color: #fff; }
	#banner-area .desc				{ font-family: openSans; font-size: 30px; letter-spacing: -0.5px; color: #fff; right: 0; width: 750px; text-align: right; }
	
	
	#section-6						{ overflow: hidden; background-color: #2564AB; padding: 20px 0 40px 0; background-color: #000; color: #fff; font-family: robotoLight; font-size: 13px; }
	#section-6 div					{ padding: 2px 0; overflow: hidden; text-align: center; }
	#section-6 a:link				{ color: #fff; text-decoration: none; font-size: 11px; font-family: openSans; font-weight: bold; text-transform: uppercase; margin-right: 20px; }
	#section-6 a:visited			{ color: #fff; text-decoration: none; font-size: 11px; font-family: openSans; font-weight: bold; text-transform: uppercase; margin-right: 20px; }
	#section-6 a:hover				{ color: #fff; text-decoration: underline; font-size: 11px; font-family: openSans; font-weight: bold; text-transform: uppercase; margin-right: 20px; }
	
	
	/* BUTTON */
	.mg-button						{ border-radius: 3px; font-family: roboto; font-size: 16px; padding: 4px 20px 6px 20px; outline: none; cursor: pointer; }
	.mg-button-green				{ background-color: #708f2f; border-left: #708f2f 1px solid; border-top: #708f2f 1px solid; border-right: #708f2f 1px solid; border-bottom: #475c1d 3px solid; color: #fff; }
	.mg-button-green:hover			{ background-color: #475c1d; border-left: #475c1d 1px solid; border-top: #475c1d 1px solid; border-right: #475c1d 1px solid; border-bottom: #475c1d 3px solid; color: #fff; }
	
	.mg-button-pink					{ background-color: #e80a63; border-left: #e80a63 1px solid; border-top: #e80a63 1px solid; border-right: #e80a63 1px solid; border-bottom: #c00852 3px solid; color: #fff; }
	.mg-button-pink:hover			{ background-color: #c00852; border-left: #c00852 1px solid; border-top: #c00852 1px solid; border-right: #c00852 1px solid; border-bottom: #c00852 3px solid; color: #fff; }
	
	.mg-button-brown				{ background-color: #984f36; border-left: #984f36 1px solid; border-top: #984f36 1px solid; border-right: #984f36 1px solid; border-bottom: #763c29 3px solid; color: #fff; }
	.mg-button-brown:hover			{ background-color: #763c29; border-left: #763c29 1px solid; border-top: #763c29 1px solid; border-right: #763c29 1px solid; border-bottom: #763c29 3px solid; color: #fff; }
	
	.mg-button-dark					{ background-color: #474747; border-left: #474747 1px solid; border-top: #474747 1px solid; border-right: #474747 1px solid; border-bottom: #333 3px solid; color: #fff; }
	.mg-button-dark:hover			{ background-color: #333; border-left: #333 1px solid; border-top: #333 1px solid; border-right: #333 1px solid; border-bottom: #333 3px solid; color: #fff; }
	
	#section-1						{ padding: 50px 0; overflow: hidden; }
	#section-1 .single div			{ overflow: hidden; text-align: center; width: 370px; float: left; }
	#section-1 h4					{ font-family: robotoLight; font-size: 20px; padding-top: 20px; }
	#section-1 p					{ font-family: robotoLight; font-size: 13px; }
	
	#section-2						{ padding: 0; margin: 0; background-color: #e8e8e8/*708f2f*/; border-top: #d4d4d4 1px solid; }
	#section-2 .single				{ background-repeat: no-repeat; background-position: right bottom; height: 420px !important; }
	#section-2 .single div			{ width: 660px; overflow: hidden; }
	#section-2 h2					{ padding: 50px 0 10px 0; margin: 0; color: #000; font-family: roboto; font-size: 26px; text-align: left; font-weight: normal; }
	#section-2 h1					{ padding: 50px 0 30px 0; margin: 0; margin-top: -20px; letter-spacing: -1px; color: #000; font-family: robotoLight; font-size: 46px; text-align: left; font-weight: normal; }
	#section-2 p					{ font-family: fira; font-size: 16px; line-height: 160%; padding: 0 0 25px 0; margin: 0; color: #474747; letter-spacing: -0.5px; font-weight: normal; }
	
	#section-3						{ padding: 0; margin: 0; background-color: #fff; border-bottom: #d4d4d4 1px solid; border-top: #d4d4d4 1px solid; }
	#section-3 .single				{ background-image: url(../images/back/section-3-back.png); background-repeat: no-repeat; background-position: left center; height: 440px !important; }
	#section-3 .single div			{ padding-left: 560px; overflow: hidden; }
	#section-3 h1					{ padding: 35px 0 25px 0; margin: 0; letter-spacing: -1px; color: #e80a63; font-family: robotoLight; font-size: 46px; text-align: left; font-weight: normal; }
	#section-3 p					{ font-family: fira; font-size: 16px; line-height: 160%; padding: 0 0 25px 0; margin: 0; color: #474747; letter-spacing: -0.5px; font-weight: normal; }
	
	#section-4						{ padding: 0; margin: 0; background-color: #e8dfe0; }
	#section-4 .single				{ background-image: url(../images/back/section-4-back.png); background-repeat: no-repeat; background-position: right center; height: 420px !important; }
	#section-4 .single div			{ width: 450px; overflow: hidden; }
	#section-4 h1					{ padding: 35px 0 25px 0; margin: 0; letter-spacing: -1px; color: #94421a; font-family: robotoLight; font-size: 46px; text-align: left; font-weight: normal; }
	#section-4 p					{ font-family: fira; font-size: 16px; line-height: 160%; padding: 0 0 25px 0; margin: 0; color: #5b280f; letter-spacing: -0.5px; font-weight: normal; }
	
	#section-5						{ padding: 0 0 60px 0; margin: 0; background-color: #fff; overflow: hidden; background-image: url(../images/back/wood.jpg); }
	#section-5 .col					{ width: 480px; }
	#section-5 h1					{ margin: 0; padding: 55px 0 15px 0; font-family: robotoLight; font-size: 46px; font-weight: normal; }
	#section-5 p					{ margin: 0 0 40px 0; padding: 0; font-family: fira; color: #fff; font-size: 16px; line-height: 160%; }

	#section-5 table				{ border-collapse: collapse; width: 100%; }
	#section-5 table td				{ padding: 7px; font-family: fira; color: #fff; font-size: 16px; line-height: 160%; }
	#section-5 input[type="text"]	{ padding: 6px; border: #474747 1px solid; font-family: fira; color: #000; font-size: 14px; border-radius: 4px; outline: none; }
	#section-5 input[id="ad"]		{ width: 330px; }
	#section-5 input[id="tel"]		{ width: 228px; }
	.rainbow						{ height: 4px; overflow: hidden; background-image: url(../images/rainbow.png); }
	
	/* LINKS */
	.mg-button-link					{ border-radius: 3px; font-family: roboto; font-size: 16px; padding: 4px 20px 6px 20px; outline: none; }
	
	.mg-link-green:link				{ background-color: #708f2f; border-left: #708f2f 1px solid; border-top: #708f2f 1px solid; border-right: #708f2f 1px solid; border-bottom: #475c1d 3px solid; color: #fff; }
	.mg-link-green:visited			{ background-color: #708f2f; border-left: #708f2f 1px solid; border-top: #708f2f 1px solid; border-right: #708f2f 1px solid; border-bottom: #475c1d 3px solid; color: #fff; }
	.mg-link-green:hover			{ background-color: #475c1d; border-left: #475c1d 1px solid; border-top: #475c1d 1px solid; border-right: #475c1d 1px solid; border-bottom: #475c1d 3px solid; color: #fff; }
	
	.mg-link-pink:link				{ background-color: #e80a63; border-left: #e80a63 1px solid; border-top: #e80a63 1px solid; border-right: #e80a63 1px solid; border-bottom: #c00852 3px solid; color: #fff; }
	.mg-link-pink:visited			{ background-color: #e80a63; border-left: #e80a63 1px solid; border-top: #e80a63 1px solid; border-right: #e80a63 1px solid; border-bottom: #c00852 3px solid; color: #fff; }
	.mg-link-pink:hover				{ background-color: #c00852; border-left: #c00852 1px solid; border-top: #c00852 1px solid; border-right: #c00852 1px solid; border-bottom: #c00852 3px solid; color: #fff; }
	
	.mg-link-brown:link				{ background-color: #984f36; border-left: #984f36 1px solid; border-top: #984f36 1px solid; border-right: #984f36 1px solid; border-bottom: #763c29 3px solid; color: #fff; }
	.mg-link-brown:visited			{ background-color: #984f36; border-left: #984f36 1px solid; border-top: #984f36 1px solid; border-right: #984f36 1px solid; border-bottom: #763c29 3px solid; color: #fff; }
	.mg-link-brown:hover			{ background-color: #763c29; border-left: #763c29 1px solid; border-top: #763c29 1px solid; border-right: #763c29 1px solid; border-bottom: #763c29 3px solid; color: #fff; }
	
	.mg-link-dark:link				{ background-color: #474747; border-left: #474747 1px solid; border-top: #474747 1px solid; border-right: #474747 1px solid; border-bottom: #333 3px solid; color: #fff; }
	.mg-link-dark:visited			{ background-color: #474747; border-left: #474747 1px solid; border-top: #474747 1px solid; border-right: #474747 1px solid; border-bottom: #333 3px solid; color: #fff; }
	.mg-link-dark:hover				{ background-color: #333; border-left: #333 1px solid; border-top: #333 1px solid; border-right: #333 1px solid; border-bottom: #333 3px solid; color: #fff; }
	
	.mavi-link:link					{ color: #000; text-decoration: none; }
	.mavi-link:visited				{ color: #000; text-decoration: none; }
	.mavi-link:hover				{ color: #336699; text-decoration: none; }
	
	.mor-link:link					{ color: #000; text-decoration: none; }
	.mor-link:visited				{ color: #000; text-decoration: none; }
	.mor-link:hover					{ color: #aa57aa; text-decoration: none; }
	
	.detail-container				{ overflow: hidden; width: 1150px; margin: -425px auto 0 auto; min-height: 750px; z-index: 1000; }
	
	.detail-container
		.content-container			{ overflow: hidden; padding: 25px; background-color: #fff; min-height: 750px; }
	.detail-container
		.content-container h1		{ font-family: roboto; font-size: 24px; text-align: left; border-bottom: #d8c2d8 1px solid; color: #b554b5; padding: 0 0 7px 0; margin-bottom: 15px; }
	.detail-container
		.content-container h2		{ font-family: roboto; font-size: 16px; text-align: left; margin: 0; padding: 0; }
	.detail-container
		.content-container p		{ font-size: 13px; letter-spacing: -0.1px; font-family: openSans; }
	.detail-container
		.content-container img		{ max-width: 100%; margin: 15px 0; }
	
	.detail-container .left-column	{ float: left; width: 350px; margin-right: 20px; }
	.left-column .box				{ height: 173px; overflow: hidden; position: relative; color: #fff; }
	.left-column .box.hovered:hover	{ color: #a1cd44; cursor: pointer; } 
	.box h1							{ font-family: robotoLight; font-size: 32px; text-align: left; font-weight: normal; margin: 0; padding: 0; }
	.box h2							{ font-family: roboto; font-size: 20px; text-align: left; font-weight: normal; margin: 0; padding: 0; }
	.box-header-container			{ overflow: hidden; padding: 10px; bottom: 0; position: absolute; }
	ul.sub-menu						{ background-color: #fff; margin: 0 0 20px 0; list-style: none; padding: 0; }
	ul.sub-menu li					{ font-family: roboto; font-size: 16px; padding: 10px 25px; list-style: none; }
	ul.sub-menu li:hover			{ background-color: #00acdc; color: #fff; cursor: pointer; }
	ul.sub-menu li.selected			{ background-color: #a1cd44; color: #000; cursor: default; }
	
	#bread-crumb					{ padding: 10px 20px; overflow: hidden; float: right; background-color: #ee2074; color: #fff; font-family: openSans; font-size: 12px; }
	#bread-crumb i					{ margin-right: 5px; }
	#bread-crumb a:link				{ color: #fff; text-decoration: none; }
	#bread-crumb a:visited			{ color: #fff; text-decoration: none; }
	#bread-crumb a:hover			{ color: #000; text-decoration: none; }
	
	.dialog-container				{ overflow: hidden; padding: 20px; }
	.card-1							{ overflow: hidden; border-radius: 6px; background-color: #fff; width: 250px; float: left; margin-right: 20px; min-height: 450px; }
	.card h2						{ font-family: roboto; font-size: 22px; letter-spacing: -1px; font-weight: normal; padding: 0 15px; }
	.card p							{ font-family: roboto; font-size: 14px; padding: 0 15px; }
	.card a:link, 
		.card a:visited				{ text-decoration: none; color: #ca2642; }
	.card a:hover					{ text-decoration: none; color: #00acdc; }
	.card .form-field-row			{ overflow: hidden; margin-bottom: 15px; padding: 0 15px; }
	.card .form-field-row label		{ width: 110px; display: inline-block; font-family: roboto; font-size: 14px;  }
	.card 
		.form-field-row
			input[type="text"]		{ border: #d4d4d4 1px solid; border-radius: 3px; padding: 7px 10px; outline: none; }
	.card 
		.form-field-row
			input[type="text"]:focus{ border: #8fb1e8 1px solid; }
			
	
	
	.card-2							{ overflow: hidden; border-radius: 6px; background-color: #fff; min-height: 410px; padding: 20px; }
	.card-sapka						{ overflow: hidden; background-color: #ca2642; height: 150px; }
	.card-sapka h1					{ font-family: openSans; font-weight: bold; font-size: 24px; letter-spacing: -0.75px; color: #fff; text-align: center; padding-top: 50px; }
	.circle							{ background-color: #fff; border: #fff 8px solid; border-radius: 50%; }
	
	.lang-link:link					{ padding-left: 30px; text-decoration: none; margin-right: 7px !important; background-position: left center; background-repeat: no-repeat; font-weight: normal !important; font-family: roboto; }
	.lang-link:visited				{ padding-left: 30px; text-decoration: none; }
	.lang-link:visited				{ padding-left: 30px; text-decoration: none; }
	
	.error-div						{ overflow: hidden; position: absolute; right: 0; background-color: #cc0001; color: #fff; font-family: roboto; font-size: 14px; border-radius: 3px; padding: 4px 8px; }
	
	#warning-msg {
		text-align: center;
		color: #999;
		padding: 15px 0;
		font-size: 12px;
		margin-bottom: 10px;
		letter-spacing: 0 !important;
	}
	
	#call-us { float: left; text-align: right; }
	#call-you { float: right; position: relative; }
	#call-us h1 { text-align: right; color: #ffcc00; }
	#call-you h1 { color: yellow; text-align: left; }
	#mobile-menu-icon { display: none; }
	#top-mobile-menu { overflow: hidden; padding: 10px; position: absolute; right: 0; top: 45px;  }
	a.provider:link, a.provider:visited { text-decoration: none; color: #4d894d; }
	a.provider:hover { color: #ffcc00; }


	/* TELEFON */
	@media screen and (max-width:600px) and (min-width:260px) {
		body { min-width: 100%; max-width: 100%; width: 100%; }
		#mobile-menu-icon { display: block; float: right; }
		#top-bar { min-width: 100px; }
		#top-nav-container { display: none; }
		#language-container { display: none; }
		#social-icon-container { display: none; }
		.logo { height: 50px; }
		.menu-icon { height: 40px; margin: 10px 10px 0 0; position: absolute; right: 0; top: 5px;}
		
		#top-mobile-menu .col-menu { overflow: hidden; float: right; padding: 15px 15px 0 15px; height: 219px; }
		#top-mobile-menu .icon img { margin-bottom: 10px; }		
		
		#top-mobile-menu ul { list-style: none; margin: 0; padding: 5px 0; width: 180px; float: right; }
		#top-mobile-menu ul li { list-style: none; padding: 7px 18px; color: #fff; font-family: roboto; }
		
		.single { width: 95%; padding: 0 10px; }
		#section-1 .single div { width: 100%; margin: 0 auto 15px auto !important; }
		#section-1 .margin-right-20 { margin-right: 0 !important; }
		#section-2 { height: auto; overflow: hidden; }
		#section-2 div.single { background-position: center bottom; position: relative; height: 252px !important; width: 100%; padding: 0; }
		#section-2 .single div { width: 100%; text-align: center;  }
		#section-2 h1 { text-align: center; color: #fff; background-color: #000;  font-size: 24px; letter-spacing: 0; padding: 15px 0; margin: 190px 0 0 0; }
		#section-2 p, #section-2 input { display: none; }
		
		#section-3 { border: 0px solid !important; height: auto !important; }
		#section-3 { height: 350px; overflow: hidden; }
		#section-3 div.single { background-position: center bottom; position: relative; height: 252px !important; width: 100%; padding: 0; }
		#section-3 .single div { padding-left: 0; text-align: center; width: 100%; }
		#section-3 h1 { text-align: center; color: #fff; background-color: #e80a63;  font-size: 24px; letter-spacing: 0; padding: 15px 0; margin: 190px 0 0 0; }
		#section-3 p,#section-3 input { display: none; }
		
		
		#section-4 { height: 252px; overflow: hidden; }
		#section-4 div.single { background-size: 100% auto; background-position: center top; position: relative; height: 260px; padding: 0 !important; width: 100%; }
		#section-4 .single div { padding: 0; text-align: center; width: 100%; }
		#section-4 h1 { text-align: center; color: #fff; background-color: #663625; font-size: 24px; letter-spacing: 0; padding: 15px 0; margin: 190px 0 0 0; }
		#section-4 p, #section-4 input { display: none; }
		
		#section-3.lipo h1 { background-color: #00acdc !important; }
		#section-4.face h1 { background-color: #869b4e !important; }
		
		#section-5 .single { width: 100% !important; padding: 0; }
		#section-5 .col { padding: 10px 0; width: 100%; }
		#section-5 p { margin: 0 0 40px 0; padding: 0 15px; font-size: 13px; }
		#call-us { float: none; width: 100%; text-align: center; }
		#call-you { display: none; float: none; width: 100%; position: relative; }
		#call-us h1 { text-align: center; }
		#call-you h1 { text-align: center; }
		#call-us-logo { display: none; }
		
		#banner-area { background-color: #000; height: 87px; }
		.detail-container { margin: 0 auto 0 auto; width: 100%; }
		.left-column { float: none !important; width: 100% !important; border-top: #ccc 1px solid; }
		.left-column .box { background-size: cover; }
		.left-column .margin-bottom-20 { margin-bottom: 1px; }
		.content-container { float: left; min-height: 150px; }
		.bread-crumb-con { display: none; }
		#main-mobile-content { border-bottom: #d4d4d4 1px solid; margin-bottom: 20px; }
		ul.sub-menu { margin-bottom: 0 !important; }
		#form-container { display: none; }
		.card-1 { min-height: 400px; width: 260px; margin-right: 0; }
		.dialog-container { width: 100%; }
		
		.swiper-slide { height: 350px !important; background-size: auto 100% !important; background-position: center center !important; }
		.swiper-slide h1 { margin: 90px 0 0 0; color: #fff; padding: 10px 15px; font-family: roboto; letter-spacing: -1px; }
		.swiper-slide p { text-align: center; font-size: 18px; margin: 0; color: #fff; padding: 0 15px 20px 15px; font-family: robotoLight; }
	}