/* Basic styles */
html {font-family: 'dince-reg', sans-serif; font-size: 20px; line-height: 1.4; font-weight: normal; color: #000;}
body {background-position: 50% 50% !important; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-image: url(../img/EMEX_578.jpg);}
h1, h2, h3, h4, h5, h6, strong, b {font-family: 'dince-bold'; font-weight: normal;}
h1 {font-size: 26px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
a {text-decoration: underline; color: #e6007e;}
a:hover {text-decoration: none; color: #777;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
audio, canvas, iframe, img, svg, video {vertical-align: middle;}

/* Header */
.top_bar {width: 100%; height: 33px; padding: 0 14px; text-align: right; background: #e6007e; border-bottom: 1px solid #fff; position: fixed; top: 0; z-index: 1000;}
.top_links {font-size: 18px; line-height: 32px; color: #fff}
.top_links a {text-decoration: none; color: #fff;}
.top_links a:hover {text-decoration: underline; color: #fff;}
.top_search_box {height: 32px; position: absolute; top: 0; right: 390px;}
.tss_label {display: block; width: 50px; height: 32px; background: url(../img/icon-magnifier.png) 50% 50% no-repeat #000; cursor: pointer;}
.tss_check {display: none;}
.wp_search_form {display: none; padding: 10px; background: #e6007e; border-top: 1px solid #fff; border-radius: 0 0 2px 2px; position: absolute; top: 32px; right: 0;}
.tss_check:checked + .wp_search_form {display: block;}
.wp_search_form input {width: 300px; padding: 5px 10px; border: 0;}
.top_bar .icons {padding-right: 20px;}
.top_bar .icon {display: inline-block; width: 30px; text-align: center; font-size: 18px;}
.top_bar .icon:hover {text-decoration: none;}
.top_bar .icon i {display: none;}

.site_header {width: 100%; height: 76px; background: #fff; position: fixed; top: 33px; z-index: 999;}
.site_nav_switch, .sns-check {display: none;}
.site_nav {float: right;}
.site_nav a {cursor: pointer;}
.site_nav_links {margin: 0; padding: 0;}
.site_nav_links li {list-style: none;}
.site_nav_links > li {height: 76px; float: left;}
.site_nav_links > li > a {display: inline-block; padding: 0 30px; font-family: 'dince-bold'; font-size: 22px; line-height: 76px; color: #000; text-decoration: none;}
.site_nav_links > li > a:hover,
.site_nav_links > li:hover > a, 
.site_nav_links > li.current-menu-item > a, 
.site_nav_links > li.current-page-ancestor > a, 
.site_nav_links > li.current-menu-item > a:hover {text-decoration: none; color: #e6007e;}
.site_nav_links > li > .sub-menu {display: none; padding: 20px 50px; font-size: 18px; background: rgba(255,255,255,0.98); position: absolute; top: 76px; right: 0; z-index: 600;}
.site_nav_links > li:hover > .sub-menu {display: block;}
.site_nav_links > li > .sub-menu > li {float: left;}
.site_nav_links > li > .sub-menu > li + li {padding-left: 50px;}
.site_nav_links > li > .sub-menu ul {margin: 0; padding: 0;}
.site_nav_links > li > .sub-menu a {font-size: 16px; line-height: 1; text-decoration: none; color: #777;}
.site_nav_links > li > .sub-menu .nav_title > a {font-size: 20px; line-height: 1; color: #000;}
.site_nav_links > li > .sub-menu a:hover {text-decoration: none; color: #e6007e;}

.site_brand {position: relative;}
.brand_deco {width: 350px; height: 138px; margin-top: 28px; background: url(../img/emex-hand.png) 0 0 no-repeat; float: left; position: relative; z-index: 200;}
.brand_headline {height: 124px; padding: 40px 40px 0 180px; margin-left: -170px; font-family: 'dince-bold'; background: #fff; float: left; position: relative; z-index: 190;}
.brand_headline p {margin: 0; font-size: 45px; line-height: 1;}
.brand_headline span {}
.logo {padding-top: 31px; float: left;}
.logo img {display: block; max-width: 100%; margin: 0;}

/* Night */
.site_header.night {/*height: 76px; position: relative; z-index: 999;*/ background: #000;}
.site_nav_links.night > li > a {padding: 0 20px; color: #fff;}
.site_nav_links.night > li > a:hover, 
.site_nav_links > li:hover > a, 
.site_nav_links > li.current-menu-item > a, 
.site_nav_links > li.current-menu-item > a:hover {color: #e6007e;}
.site_nav_links.night > li > .sub-menu {background: rgba(0,0,0,0.9);}
.site_nav_links.night .sub-menu .nav_title > a {color: #fff;}
.site_nav_links.night .sub-menu a {color: #fff;}
.site_nav_links.night .sub-menu a:hover {text-decoration: none; color: #e6007e;}

.brand_headline.night {height: 124px; padding: 20px 130px 20px 20px; margin: 0; font-family: 'dince-bold'; color: #fff; background: #000;}
.brand_headline.night p {margin: 0; font-size: 45px; line-height: 1;}
.brand_headline.night span {font-size: 25px;} 
.logo.night {margin-top: -9px; padding: 0;}
.logo.night img {display: block; max-width: 100%; margin: 0;}


/* Content */
body.page {background-image: url(../img/bg-body-3.jpg);}
body.home {background-image: url(../img/bg-body-1.jpg);}
body.night {background-image: url(../img/bg-body-2.jpg);}

.front_section {clear: both; position: relative; z-index: 100;}
.front_cta_box {position: fixed; bottom: 60px; right: 40px; z-index: 101;}
.front_cta {margin-top: 30px; font-family: 'dince-bold'; float: left;}
.front_cta + .front_cta {padding-left: 120px;}
.front_cta p {margin: 0; line-height: 1;}
.cta_title {display: inline-block; padding: 20px; color: #fff; background: #e6007e;}
.front_cta a {display: block; padding: 20px; text-decoration: none; color: #000; background: #fff;}
.front_cta a:hover {text-decoration: none; color: #e6007e;}

section.page {width: 1400px; margin-top: 280px /*250px*/; margin: 280px auto 0; padding: 0; /*float: right;*/}
section.page :first-child {margin-top: 0;}
.content {width: 1100px; margin-right: 10px; padding: 30px; background: #fff; float: left;}

.post {font-size: 17px;}
.post > h1 {margin-bottom: 0;}
.post > h2 {margin-bottom: 0;}
.entry {margin-top: 20px;}

.s_result {margin-top: 20px;}
.s_result > h2 {margin: 0;}
h2 a {text-decoration: none;}

/* Sidebar */
.sidebar {width: 290px; /*margin-top: -170px;*/ padding: 30px 15px; background: #fff; float: right;}
.sidebar h3 {margin-bottom: 5px; color: #e6007e;}
.sidebar img {display: block; max-width: 100%;}
.partner_slider {margin: 0; padding: 0; list-style: none;}
.tipp_box {padding-top: 15px; border-top: 1px solid #ccc;}


/* Forms */
fieldset {border: 0; margin: 0; padding: 0;}
input, select, textarea {font-size: 16px;}
textarea {resize: vertical;}

/* Helpers */
.clear {clear: both;}
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
::-moz-selection {color: #fff; background: #e6007e; text-shadow: none;}
::selection {color: #fff; background: #e6007e; text-shadow: none;}

/* Responsive */
@media (max-width: 1840px) {
	.brand_deco {width: 220px;}
	.brand_headline.night {padding-right: 60px;}
}
@media (max-width: 1750px) {
	.brand_headline.night {padding-right: 40px;}
	.site_nav_links.night > li > a {padding: 0 15px;}
}
@media (max-width: 1699px) {
	.brand_deco {width: 100px; height: 60px; margin-top: 55px; background-size: contain;}
	.brand_headline {margin-left: -100px; padding-left: 110px;}
	.brand_headline.night {padding-right: 30px;}
	.brand_headline.night p {letter-spacing: -2px;}
	.site_nav_links.night > li > a {padding: 0 10px;}
	.front_cta + .front_cta {padding-left: 60px;}
}
@media (max-width: 1580px) {
	.site_nav_switch {display: block; width: 40px; height: 40px; background: url(../img/icon-nav.png) 50% no-repeat; background-size: contain; cursor: pointer; position: absolute; top: 20px; right: 20px;}
	.site_nav_links {display: none;}
	.sns-check:checked + .site_nav_links {display: block; background: rgba(255,255,255,0.90); position: absolute; top: 76px; right: 0; z-index: 999;}
	.sns-check:checked + .site_nav_links.night {background: rgba(0,0,0,0.90);}
	.site_nav_links > li {height: auto; border-top: 1px solid #f3f3f3; float: none; position: relative;}
	.site_nav_links > li > .sub-menu {padding: 10px 30px; border-top: 1px solid #f3f3f3; top: -1px; right: 100%;}
	.site_nav_links > li > .sub-menu > li + li {padding: 10px 0 0;}
	.site_nav_links > li > .sub-menu > li a {padding: 6px 0;}
	.site_nav_links > li > a, 
	.site_nav_links.night > li > a {display: block; padding: 10px 30px; line-height: 1;}
	.site_nav_links.night > li {border-color: #0c0c0c;}
	.site_nav_links.night > li > .sub-menu {border-top: none;}
	.site_nav_links.night > li > .sub-menu > ul {padding: 0; float: none;}
	.site_nav_links.night > li > .sub-menu > ul + ul {padding: 10px 0 0;}
	.site_nav_links.night > li > .sub-menu > ul li {padding: 10px 20px;}
	.site_nav_links.night > li > .sub-menu > ul li {border-top: 1px solid #0c0c0c;}
	.site_nav_links.night > li > .sub-menu a {display: block; white-space: nowrap;}
	.front_cta + .front_cta {padding-left: 30px;}
}
@media (max-width: 1480px) {
	.front_cta:first-child + .front_cta {padding-left: 0; clear: left;}
}
@media (max-width: 1400px) {
	section.page {width: 90%;}
	.content {width: 74%; margin: 0;}
	.sidebar {width: 25%;}
}
@media (max-width: 1200px) {
	.content {width: 70%;}
	.sidebar {width: 29%;}
}
@media (max-width: 1080px) {
	.top_bar {position: relative;}
	.site_header {height: auto; position: relative; top: 0;}
	.top_search_box {margin-left: -14px; float: left; position: static;}
	.wp_search_form {position: absolute; left: 0; right: 0;}
	.wp_search_form input {width: 100%;}
	.front_cta_box {padding: 20px; position: static; float: right;}
	.front_cta, .front_cta + .front_cta {padding: 0; float: left; clear: left;}
	section.page {width: 100%; margin-top: 100px;}
}
@media (max-width: 1080px) {
	.site_nav {height: 76px; float: none;}
	.site_nav_switch {left: 20px; right: auto;}
	.sns-check:checked + .site_nav_links {background: #fff;}
	.site_nav_links {left: 0;}
	.site_nav_links > li > a {padding: 10px 20px;}
	.site_nav_links > li > .sub-menu {position: static; float: none; background: transparent;}
	.site_nav_links > li > .sub-menu > li {float: none;}
	.site_nav_links > li > .sub-menu ul {float: none;}
	.site_nav_links > li > .sub-menu ul li {padding: 0;}
	.site_nav_links > li > .sub-menu ul li a {padding: 6px 20px;}
	.nav_title > a {font-size: 20px;}
	.site_nav_links.night > li > .sub-menu {background: transparent;}
	.site_brand {height: 80px; background: #fff; border-top: 1px solid #e5007e;}
	.site_brand.night {background: #000; border-top: 1px solid #e5007e;}
	.brand_headline p {font-size: 24px;}
	.brand_headline.night p {font-size: 24px;}
	.brand_headline span {font-size: 16px;}
}
@media (max-width: 760px) {
	.top_links a {font-size: 12px;}
	.top_links .icon {width: 20px; font-size: 16px;}
	.site_header, .site_header.night {height: auto;}
	.site_brand, .site_brand.night {height: auto; position: static;}
	.brand_deco {display: none;}
	.brand_headline {height: auto; margin-left: 0; padding: 15px 10px 15px 130px; background: url(../img/emex-hand.png) 0 15px no-repeat; background-size: 120px auto; float: none;}
	.brand_headline.night {height: auto;}
	.logo {height: 56px; padding-top: 0; position: absolute; top: 10px; right: 10px;}
	.logo img {width: auto; height: 64px;}
	.front_cta, .front_cta + .front_cta {display: inline-block; float: none;}
	.content {width: 100%; float: none;}
	.sidebar {width: 100%; margin-top: 20px; float: none;}
}
@media (max-width: 640px) {
	.front_cta_box {float: none;}
}