@font-face {
	font-family: 'Trajan';
	src: url('font/trajan/trajan-webfont.eot');
	src: url('font/trajan/trajan-webfont.eot?#iefix') format('embedded-opentype'),
			 url('font/trajan/trajan-webfont.woff') format('woff'),
			 url('font/trajan/trajan-webfont.ttf') format('truetype'),
			 url('font/trajan/trajan-webfont.svg#Trajan') format('svg');
	font-weight: normal;
	font-style: normal;
}

body { background-color: #d3cbb4; color: #3b3f4a; font-size: 14px; } 
a { color: #3b3f4a; }
.home_button{ background-color: #D5B46F; border: 1px solid #D5B46F; color: #fff; padding: 9px 15px; margin-top: 10px; box-sizing:border-box; display: inline-block; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; }
.home_button:hover{ background-color: rgba(255,255,255,0.1); color: #D5B46F; }
.wrapper { background-color: #2b2c31; color: white; color: #fff; }
.wrapper p { font-size: 13px; }
.container { max-width: 980px; margin: 0 auto; padding: 30px; }

.col-3 {
	display: inline-block;
	width: calc(33% - 20px);
	float: left;
	margin: 10px;
}

.col-9 {
	display: inline-block;
	width: calc(66% - 20px);
	float: left;
	margin: 10px;
}

.clr {
	clear: both;
}

.right {
	text-align: right;
}

hr.gold-top { height: 18px; margin: 1px 0; border:none; background: #edc468;
	background: -moz-linear-gradient(left, #edc468 0%, #f6e394 33%, #a66f36 66%, #e5cc83 100%);
	background: -webkit-linear-gradient(left, #edc468 0%,#f6e394 33%,#a66f36 66%,#e5cc83 100%);
	background: linear-gradient(to right, #edc468 0%,#f6e394 33%,#a66f36 66%,#e5cc83 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edc468', endColorstr='#e5cc83',GradientType=1 );
}

hr.gold-bottom { height: 6px; margin: 2px 0; border:none; background: #e5cc83;
	background: -moz-linear-gradient(left, #e5cc83 0%, #a66f36 34%, #f6e394 67%, #edc468 100%);
	background: -webkit-linear-gradient(left, #e5cc83 0%,#a66f36 34%,#f6e394 67%,#edc468 100%);
	background: linear-gradient(to right, #e5cc83 0%,#a66f36 34%,#f6e394 67%,#edc468 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5cc83', endColorstr='#edc468',GradientType=1 );
}

hr.gold-bottom.thin { height: 1px; margin: 20px 0 25px 0; }

.top-info { background-color: #2b2c31; color: white; text-align: right; max-width: 1080px; margin: 0 auto 5px; padding: 3px 0; }
.top-info a { color: white; text-decoration: none; padding: 10px 15px 10px 0; font-size: 0.825em;}
.top-info ul { list-style: none; margin: 0; padding: 0; text-align: right;}
.top-info li { display: inline-block; line-height: 24px; }

/* ** HEADER ** */
header { max-width: 1080px; margin: 0 auto; background-color: white; box-shadow: 0 0 12px rgba(0, 0, 0, .15); }
header .logo { position: absolute; top: 0px; left: 30px; width: 230px; display: block; }
header .logo img { width: 100%; }

/* ** NAVI ** */
.nav-1 { /*background-color: #2b2c31;*/ position: relative; height: 120px; }
.nav-1 nav { margin: 0 20px 0 240px; padding: 30px 0; text-align: center; text-transform: uppercase; }
.nav-1 nav #before { display: none; }
.nav-1 nav #after { display: none; }
.nav-1 nav a { display: block; color: #3b3f4a; text-decoration: none; font-family: 'Trajan'; font-size: 1.125em; padding: 22.5px 15px; text-align: left; }
.nav-1 nav a small { display: block; font-size: 0.575em; font-family: sans-serif; color: #999;}
.nav-1 nav ul { list-style: none; margin: 0; padding: 0; text-align: right; }
.nav-1 nav ul li { display: inline-block; background: url("../gfx/template/navpipe.png") no-repeat left center; padding-left: 4px; }
.nav-1 nav ul li:first-of-type { background: none; }


.nav-2 { background-color: rgba(202, 192, 135, 0.19); }
.nav-2.index { background-color: white; padding: 20px 0; }
.nav-2 nav { max-width: 980px; margin: 0 auto 10px; padding: 20px; text-transform: uppercase; font-size: 0.625em; }
.nav-2 nav div[class^="pure-u"] { display: table; background-position: left center; background-repeat: no-repeat; }
.nav-2 nav div[class^="pure-u"]:nth-of-type(1) { background-image: url("../gfx/template/ico-1.svg"); }
.nav-2 nav div[class^="pure-u"]:nth-of-type(2) { background-image: url("../gfx/template/ico-2.svg"); }
.nav-2 nav div[class^="pure-u"]:nth-of-type(3) { background-image: url("../gfx/template/ico-3.svg"); }
.nav-2 nav div[class^="pure-u"]:nth-of-type(4) { background-image: url("../gfx/template/ico-4.svg"); }
.nav-2 nav div[class^="pure-u"]:nth-of-type(5) { background-image: url("../gfx/template/ico-5.svg"); }
.nav-2 nav div[class^="pure-u"]:nth-of-type(6) { background-image: url("../gfx/template/ico-6.svg"); }
.nav-2 nav div[class^="pure-u"] h2 { font-size: 1em; text-align: center;}
.nav-2 nav div[class^="pure-u"] .unit { vertical-align: middle; display: table-cell; text-decoration: none; color: #333; height: 45px; padding: 10px 10px 10px 45px; }

/* ** MAIN ** */
main { min-height: 300px; max-width: 1080px; margin: 0 auto; background-color: white; box-shadow: 0 0 12px rgba(0, 0, 0, .15); }
main ul { list-style: none; padding-left: 30px; }
main li { text-indent: -0.9em; padding: .325em .5em .325em 0; }

main ul.breadcrumbs { margin: 0 auto; max-width: 980px; padding: 20px; font-size: 0.765em; color:#ccc; list-style: none; }
main ul.breadcrumbs li { display: inline-block; }
main ul.breadcrumbs li:before { content: '/'; margin-left: 7px; margin-right: 7px; }
main ul.breadcrumbs li:first-of-type:before { content: ''; margin-left: 0; }
main ul.breadcrumbs a { color: #B48341; }
main #assets i { color: #B48341; margin-left: -8px; }
main .content { max-width: 980px; margin: 0 auto; padding: 20px 20px 80px; line-height: 1.425em; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: "Trajan"; line-height: 120%; }
h2.center {	text-align: center; }
main .content h1 { padding-bottom: 0.675em; }

main blockquote { font: 20px/24px 'Trajan'; text-align: center; }
main .content p {  } 
main .content li { text-indent: -0.9em; padding: .325em .5em .325em 0; }
main .content li::before { content: "• "; color: #B48341; margin-right:.225em }

main .img-resp { width: 100%; }
main .partner > div { text-align: center; }
main .partner a { padding: 10px; margin: 10px; border: 1px solid #ddd; display: block; }

main .offer > div { text-align: left; }
main .offer > div > a { text-align: left; display: block; overflow: hidden; margin: 10px; border: 1px solid #B48341; text-decoration: none; }
main .offer > div > a:hover { background-color: rgba(202, 192, 135, 0.19); }
main .offer img { float: left; width: 60px; padding: 10px;}
main .offer p { padding: 10px; margin: 10px 0px 10px 70px; display: block; font-family: 'Trajan';  }

/* ** FOOTER ** */
footer { font-size: 0.875em; max-width: 1080px; margin: 15px auto; background-color: white; box-shadow: 0 0 12px rgba(0, 0, 0, .15); }
footer .container { padding: 20px;}
footer a { color: #333; text-decoration: none; padding: 10px 15px 10px 0; }
footer ul { list-style: none; margin: 0; padding: 0; }
footer li { display: inline-block; line-height: 24px; }
footer .copy { text-align: right; padding: 5px 0; }

footer .callnow { position: fixed; display: block; }
footer .callnow a { font-size: 20px; color: #fff; transition: 350ms;}
footer .callnow a span { background: #fff url(../gfx/ico-phone.svg) no-repeat 0 0; width: 60px; height: 50px; background-size: 50px 50px; display: block; }
footer .callnow a span:hover { opacity: 0.6; }

#cookie-bar {	background: #000;	bottom: 0; color: #fff;	font-size: 12px; padding: 10px 0;	position: fixed; text-align: center; width: 100%;	z-index: 1001; }
#cookie-bar .container { padding: 10px; }
#cookie-bar .cookie-left { display: inline-block; width: calc(100% - 100px); }
#cookie-bar .cookie-right { display: inline-block; text-align: center; width: 50px; }
#cookie-bar button { background: #fff; border: none; color: #000; padding: 5px; position: absolute; top: 50%; transform: translateY(-50%); }

@media screen and (min-width: 921px) {
	footer .callnow { top: 30vh; right: 10px; width: 45px; height: 45px; }
	footer .callnow a strong { display: none; }
}

@media screen and (max-width: 920px) {
	main .offer > div { width: 50%; }
}

@media screen and (max-width: 920px) {
	.top-info ul { text-align: center;}
	header .logo { width: 250px; display: block; margin: 0 auto; position: static; }
	.nav-1 nav { position: fixed; margin: 0; right: -240px; top: 0px; width: 230px; background: white; z-index: 2; height: 100%; transition: 350ms; box-shadow: 0 0 12px rgba(0, 0, 0, .15); }
	.nav-1 nav.show { right: 0; }
	.nav-1 nav #before { cursor: pointer; display: block; font-size: 20px; background-color: #f5f5f5; position: absolute; left:-60px; top:36px; padding: 10px; }
	.nav-1 nav .navbar-fixed + #before { top:5px; }
	.nav-1 nav #after { cursor: pointer; display: block; font-size: 20px; background-color: #f5f5f5; position: absolute; right:0px; top:0px; padding: 10px; }
	.nav-1 nav.show #before { display: none; }

	.nav-1 nav ul { padding-top: 15px; }
	.nav-1 nav ul li { display: block; background-image: none; border-bottom: 1px solid #ccc; padding-left: 0; }
	.nav-1 nav a { padding-left: 25px; padding-right: 25px; }
	.nav-1 nav a:hover { background-color: rgba(202, 192, 135, 0.19); }
	.nav-2 nav { font-size: 0.685em; }
	.nav-2 nav div[class^="pure-u"] {background-size: 50px 50px; background-position: center 10px; }
	.nav-2 nav div[class^="pure-u"] .unit { padding: 60px 5px 5px 5px; text-align: center; display: block; }
	main .partner > div { width: 50% !important; }

	footer { margin-bottom: 55px; }
	footer .callnow { bottom: -2px; width: 100%; padding: 5px; text-align: center; height: 45px; 
		background: -moz-linear-gradient(left, #e5cc83 0%, #a66f36 34%, #f6e394 67%, #edc468 100%);
		background: -webkit-linear-gradient(left, #e5cc83 0%,#a66f36 34%,#f6e394 67%,#edc468 100%);
		background: linear-gradient(to right, #e5cc83 0%,#a66f36 34%,#f6e394 67%,#edc468 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5cc83', endColorstr='#edc468',GradientType=1 );
	}
	footer .callnow a { font-size: 20px; color: #fff; }
	footer .callnow a span { background: url(../gfx/ico-phone-white.svg) no-repeat 0 0; width: 30px; height: 30px; background-size: 30px 30px; margin-right: 3px; margin-top: -5px; display: inline-block; vertical-align: middle; }
	footer .callnow a strong { display: inline-block; }
}

@media screen and (max-width: 768px) {
	.col-3 { display: block; width: 100%; }
	.col-9 { display: block; width: 100%; }
}

@media screen and (max-width: 568px) {
	.nav-2 nav { font-size: 0.725em; }
	.nav-2 nav div[class^="pure-u"] { width: 100%; margin: 0; background-position: 40px center; background-size: 35px 35px; border-bottom: 1px solid #e7ce84;}
	.nav-2 nav div[class^="pure-u"]:last-of-type { border-bottom: none; }
	.nav-2 nav div[class^="pure-u"] .unit { height: 25px; padding: 10px 10px 10px 85px; text-align: left;  display: table-cell;}
	.nav-2 nav div[class^="pure-u"] br { display: none; }
	main #assets div[class^="pure-u"] { width: 100%; }
	main .offer > div { width: 100%; }
	footer { font-size: 0.765em }
}

@media screen and (max-width: 460px) {
	.top-info li:last-of-type { display: none; }
	main .partner > div { width: 100% !important; }
	footer .teleinfo { width: 100% !important; margin-bottom: 15px; }
	footer .copy { width: 100% !important; margin-bottom: 15px; text-align: center; }
}
@font-face{font-family:web-font;src:url(../css/font/web-font.eot?37649012);src:url(../css/font/web-font.eot?37649012#iefix) format('embedded-opentype'),url(../css/font/web-font.woff2?37649012) format('woff2'),url(../css/font/web-font.woff?37649012) format('woff'),url(../css/font/web-font.ttf?37649012) format('truetype'),url(../css/font/web-font.svg?37649012#web-font) format('svg');font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:web-font;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-mail:before{content:'\e800'}.icon-globe:before{content:'\e801'}.icon-location:before{content:'\e802'}.icon-shop:before{content:'\e803'}.icon-mobile-1:before{content:'\e804'}.icon-attach:before{content:'\e805'}.icon-key:before{content:'\e806'}.icon-cancel:before{content:'\e809'}.icon-ok:before{content:'\e80a'}.icon-left-open-1:before{content:'\e80c'}.icon-right-open-1:before{content:'\e80d'}.icon-up-open:before{content:'\e80e'}.icon-down-open:before{content:'\e80f'}.icon-user:before{content:'\e810'}.icon-menu:before{content:'\f0c9'}


#special.content {
	padding: 20px 0 40px !important;
}
.lead {
	margin: 0 0 14px 0 !important;
	font-size: 16px !important;
}
.leadout {
	margin: 0 !important;
	font-size: 14px !important;
	font-family: sans-serif !important;
	color: #D5B46F;
}
h2.big {
	font-size: 24px;
}
.img {
	width: 100%
}