@font-face {
	font-family: 'Bebas Neue';
	src: url('../fonts/BebasNeueBold.eot');
	src: url('../fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/BebasNeueBold.woff') format('woff'),
		url('../fonts/BebasNeueBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Bebas Neue';
	src: url('../fonts/BebasNeueBook.eot');
	src: url('../fonts/BebasNeueBook.eot?#iefix') format('embedded-opentype'),
		url('../fonts/BebasNeueBook.woff') format('woff'),
		url('../fonts/BebasNeueBook.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


.header_wrap,
html > body > div.site > section.under_nav,
.entry-header,
footer.entry-meta,
footer[role="contentinfo"],
html > body .bg_banner,
html > body .bg_banner_margintop,
.sroll_top_arrow_wrap {
	display: none!important;
}
body.custom-background {
	background: #000;
}
html > body > div.site {
	width: 100%;
	max-width: 100%;
	padding: 0;
	background: none;
	color: #726b62;
}
.max-width {
	max-width: 1020px;
	margin: 0 auto;
}

.slick-slide img {
	display: inline-block;
}

.dow-top-b {
	min-height: 637px;
	background: url(../img/dow-top-b.jpg) no-repeat 50% 0;
	
}

.dow-top-b__inner {
	padding-top: 235px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: flex;
	justify-content: flex-end;
}

.dow-logo {
	background: url(../img/logo.png);
	width: 319px;
	height: 121px;
	margin-bottom: 20px;
	margin: 0 auto 20px;
}

.dow-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.dow-menu a {
	color: #fff;
	font-size: 21px;
	color: #adadad;
	text-transform: uppercase;
	font-family: Bebas;
	text-decoration: none;
	font-family: 'Bebas Neue';
}
.dow-menu li {
	margin-left: 30px;
	position: relative;
}

.dow-menu li:before {
	content: '';
	position: absolute;
	right: 100%;
	background: url(../img/ch.png);
	width: 12px;
	height: 14px;
	margin-right: 8px;
	top: 3px;
}

.dow-menu li:first-child:before {
	display: none;
}

.dow-menu a:hover {
	color: #fff;
}

.dow-about-b {
	padding: 60px 0 70px;
	font-size: 16px;
	line-height: 1.4;
	background: url(../img/dow-about-b.jpg) no-repeat 50% 0 / auto 100%;
	min-height: 425px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.dow-about-b__content {
	max-width: 715px;

}

.dow-about-b__gallery {
	margin-top: 25px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}



.dow-chronology {
	padding: 30px 0 40px;
}

.dow-chronology__title img {
	display: block;
	margin: 0 auto 32px;
}
.dow-chronology__bottom {
	text-align: left;
	margin-top: 20px;
}
.dow-timeline {
	height: 3px;
	background: #fff;
	margin: 0 auto 30px;
	display: flex;
	justify-content: space-between;
	max-width: 846px;
}

.dow-timeline i {
	width: 14px;
	height: 14px;
	background: #fff;
	border-radius: 50%;
	margin-top: -5px;
	cursor: pointer;
}

.dow-timeline i:last-child {
	margin-right: -4px;
}

.dow-timeline i.active {
	width: 22px;
	height: 22px;
	margin-top: -9px;
	background: url(../img/tl-ico.png) no-repeat 50% 50% #fff;
	cursor: default;
}
.dow-chronology__tab img {
	margin-left: 10px;
	margin-right: 5px;
	vertical-align: middle;
	display: inline-block;
}
.dow-chronology__logo,
.dow-chronology__tab img.dow-chronology__logo {
	display: block;
	margin: 0 auto 15px;
}

.dow-chronology__tab {
	text-align: center;
	color: #b9c6d1;
	font-size: 15px;
	line-height: 1.4;
	/*max-width: 765px;*/
	margin: 0 auto;
}

.dow-chronology__tab div {
	margin-bottom: 10px;
}
.dow-chronology__slider {
	max-width: 765px;
	margin: 0 auto;
}
.dow-chronology__tab span {
	color: #5f7384;
}
.dow-chronology__tab b {
	font-weight: 800;
	color: #fff;
}

.dow-encyclopedia {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 30px 0 100px;
	background: url(../img/dow-encyclopedia.jpg) no-repeat 50% 0 / auto 100%;
	min-height: 650px;
}

.dow-encyclopedia__title {
	display: block;
	margin: 0 auto 30px;
}

.dow-encyclopedia__tabs {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	font-size: 16px;
	text-transform: uppercase;
	font-family: Ubuntu;
	color: #adadad;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	min-height: 62px;
	background: url(../img/dow-encyclopedia__tabs.png) no-repeat 50% 0;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	padding: 13px 0;
	max-width: 900px;
	margin: 0 auto 36px;
}



.dow-encyclopedia__tabs li {
	padding: 0 20px;
	height: 35px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 2px solid rgba(0,0,0,0);
	line-height: 30px;
}

.dow-encyclopedia__tabs li span {
	cursor: pointer;
}

.dow-encyclopedia__tabs li span:hover {
	color: #fff;
}

.dow-encyclopedia__tabs li.select {
	border: 2px solid #928365;
}

.dow-encyclopedia__tabs li.select span {
	color: #fff;
	cursor: default;
}

.dow-encyclopedia__img {
	width: 250px;
	/*padding: 8px;
	border: 2px solid #928365;*/
	margin: 0 auto 34px;
}

.dow-encyclopedia__img img {
	display: block;
	width: 100%;
}

.dow-encyclopedia__tab {
	max-width: 810px;
	font-size: 16px;
	line-height: 1.4;
	color: #726b62;
	/*text-align: center;*/
	margin: 0 auto;
}

.dow-encyclopedia__tab b {
	color: #b7ab93;
}

.dow-test {
	padding: 110px 0;
	background: url(../img/dow-test.jpg) no-repeat 50% 0 / auto 100% #2d2c21;
	color: #ece3cd;
}

.dow-test h1 {
	font-size: 60px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Bebas Neue';
	font-weight: 800;
	text-align: center;
}

#watu_quiz .page_btn {
	background: none;
	border: 2px solid #fff;
	color: #fff;
	height: 68px;
	padding-top: 7px;
	line-height: 57px;
	font-size: 40px;
	font-family: 'Bebas Neue';
	box-sizing: border-box;
}

.watu_quiz_disc {
	text-align: center;
}

#watu_quiz {
	max-width: 800px;
	margin: 0 auto;
}

.watu_counter {
	margin-top: 30px;
	border-color: #fff;
	color: #fff;
}

.checkbox {
	border-color: #fff;
}

.watu_answer_item:hover {
	background: rgba(255,255,255,0.1);
}

.watu_answer_item.checked {
	background: rgba(255,255,255,0.4)!important;
}

.watu_answer_item.checked .checkbox:after {
	background: #fff;
}

.quiz-area .likely-big .likely__icon svg {
	border-radius: 14px;
}

.dow-bottom {
	padding-top: 520px;
	padding-bottom: 20px;
	background: url(../img/dow-bottom.png) no-repeat 50% 0;

}

.dow-btn {
	display: table;
	margin: 0 auto 80px;
	font-size: 40px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Bebas Neue';
	text-decoration: none;
	background: url(../img/dow-btn.png) no-repeat 50% 50% / cover;
	line-height: 75px;
	padding: 0 65px;
}

.dow-btn:hover {
	color: #fff;
	opacity: 0.7;
}

.dow__logos {
	display: block;
	margin: 0 auto 15px;
}

.dow-bottom__copy {
	text-align: center;
	font-size: 10px;
	color: #393936;
}

.dow-chronology__slider-wp {
	position: relative;
}
.dow-chronology__arrow-left {
	position: absolute;
	background: url(../img/b_left.png) no-repeat;
	width: 20px;
	height: 60px;
	left: 50%;
	margin-left: -180px;
	top: 61px;
	cursor: pointer;
	z-index: 4;
}
.dow-chronology__arrow-right {
	position: absolute;
	background: url(../img/b_right.png) no-repeat;
	width: 20px;
	height: 60px;
	left: 50%;
	margin-left: 160px;
	top: 61px;
	cursor: pointer;
	z-index: 4;
}

.wrapper .likely {
    display: table;
    margin: 15px auto 45px;
}
 .wrapper .likely-big .likely__widget {
    width: 55px;
    height: 55px;
    background: #706e61;
    border-radius: 8px;
    margin: 0 10px 10px;
}
.wrapper .likely-big .likely__icon {
    width: 100%;
    height: 100%;
}
 .wrapper .likely-big .likely__icon svg {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    border-radius: 10px;
}
.wrapper .likely-big .likely__icon svg path {
    fill: #706e61;
}
.wrapper  .likely-big .likely__widget_twitter svg  {
    background: #706e61;
    width: 60%;
    height: 60%;
    left: 12px;
    top: 10px;
}
.wrapper .likely-big .likely__widget_twitter svg path {
    fill: #fff;
}
.wrapper .likely__counter {
    display: none!important;
}


.quiz-area .likely-big .likely__widget_twitter svg {
    background: #706e61;
}

.quiz-area .likely-big .likely__widget {
    background: #706e61;
}

.quiz-area .likely-big .likely__icon svg path {
    fill: #706e61;
}

.quiz-area .likely-big .likely__widget_twitter svg path {
    fill: #fff;
}

.share {
	text-align: center;
}

.share .title {
	
	color: #fff;
}

.dow-encyclopedia .share {
	margin-top: 30px;
}


@media (max-width: 640px) {
	.dow-top-b {
		min-height: 1px;
		padding: 0 15px 20px;
		margin-left: -10px;
		margin-right: -10px;
		background: #000;
	}

	.dow-logo {
		width: 300px;
		-webkit-background-size: contain;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.dow-top-b__inner {
		display: block;
		padding-top: 50px;
	}
	.dow-about-b__gallery {
		display: block;
	}
	.dow-about-b__gallery img {
		width: 100%;
		margin-bottom: 15px;
		display: block;
	}

	.dow-test {
		margin-left: -10px;
		margin-right: -10px;
	}

	.dow-btn {
		font-size: 25px;
	}

	.dow-test h1 {
		font-size: 35px;
	}
}