body {
	/*background: #fff url("../images/hp.png") no-repeat top center;*/
	background: #fff;
}


.section1 {
    /*background: #f2f2f2;*/
    min-height: 932px;
	background: url("../images/hp/sec1.jpg") no-repeat center 23px;
}

nav.top ul li.active::before, #mainMenu li.current_page_item::before {
    transform: translateX(24px);
}

/*.section1 .container {
    margin-top: 141px;
    min-height: 834px;
    display: flex;
    align-items: center;
}

.section1 .container> div{
	width: 100%;
}*/

.sec1-texts {
    float: right;
    width: auto;
    margin-top: 382px;
    margin-right: 153px;
    letter-spacing: -0.3px;
    /* color: red; */
}

.main-title {
    font-size: 54.6px;
    line-height: 1.15;
    color: #fff;
}

.main-title strong{
	font-weight: 900;
	display: block;
	letter-spacing: -0.8px;
}

.sec1-flah {
    font-size: 52px;
    font-weight: 700;
    color: #fff;
    background: #FFA900;
    width: 434px;
    height: 71px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 11px;
    padding-bottom: 5px;
}

.sec1-video-box {
	position: relative;
    float: left;
    height: 436px;
    width: 759px;
    margin-top: 261px;
    margin-left: 147px;
    background: gray;
    border-bottom: 9px solid #FFA900;
    box-shadow: rgb(0 0 0 / 10%) -42px 39px 0px;
}

.copy {
    font-size: 14px;
    font-weight: 400;
    transform: rotate(270deg);
    display: inline-block;
    position: absolute;
    bottom: 26%;
    left: -122px;
    color: #fff;
    font-family: "Heebo";
}

.copy strong{
	color: #FFA900;
	font-weight: 700;
}

nav.hp-sec1-nav ul {
    font-size: 22px;
    display: flex;
    margin: 112px auto 0;
    font-weight: 700;
    max-width: 84%;
    justify-content: space-between;
}

nav.hp-sec1-nav ul li {
    background: #ffa900;
    padding: 10px 4%;
    border-radius: 6px;
}

nav.hp-sec1-nav ul li:hover{
	background: #edc70c;
}

nav.hp-sec1-nav ul li:first-child{ display: none;}





.white-theme , .dark-theme{
	filter: grayscale(100%);
}

.white-theme h2, .white-theme .sec9-text strong{
    color: #000;
}

.white-theme .section7, .white-theme .section9, .white-theme .section11 {
    background: #eee;
}

.white-theme input, .white-theme .wpcf7-form input{
	border: 2px solid #000000;
    color: #000;
}

.white-theme  ul.footerMenu li a {
    color: #000; text-decoration: underline;
}

.white-theme input::-webkit-input-placeholder { color: #000; }
.white-theme input::-moz-placeholder { color: #000; }
.white-theme input:-ms-input-placeholder { color: #000; }
.white-theme input:-moz-placeholder { color: #000;  }



.dark-theme nav.top ul li a, .dark-theme nav.top ul li.active a, .dark-theme #main-menu li.current_page_item a {
    color: #fff;
}

.dark-theme .topBarStatic, .dark-theme .sec4-box-dark, .dark-theme .sec7-box-dark{
    background: #222;
}
.dark-theme .section6,.dark-theme .section8{
    background-color: #222;
}
.dark-theme h2, .dark-theme .sec9-text strong{
    color: #fff;
}



@media (max-width: 1840px) {
	.sec1-texts {
		margin-right: 5%;
	}
	
	.sec1-video-box {
    	margin-left: 5%;
	}
	
	nav.hp-sec1-nav ul {
		max-width: 90%;
	}
}


@media (max-width: 1640px) {
	.sec1-texts {
		margin-right: 2%;
	}
	
	.sec1-video-box {
    	margin-left: 2%;
	}
	
	nav.hp-sec1-nav ul {
		max-width: 96%;
	}
	
	nav.hp-sec1-nav ul li {
		padding: 10px 3%;
	}
}


@media (max-width: 1540px) {
	.sec1-texts {
		margin-right: 0%;
	}
	
	.sec1-video-box {
    	margin-left: 0%;
	}
}


@media (max-width: 1480px) {
	.sec1-texts {
		float: none;
		text-align: center;
		margin: 180px auto 0;
	}
	
	.sec1-flah {
		font-size: 50px;
		width: 434px;
		height: 68px;
		margin: 11px auto 0;
	}
	
	.sec1-video-box {
		float: none;
		margin: 42px auto 0;
	}
	
	.section1 {
		height: auto;
		padding-bottom: 4%;
		background-size: cover;
	}
	
	nav.hp-sec1-nav ul {
		max-width: 100%;
		margin-top: 7%;
	}
}

@media (max-width: 1280px) {
	nav.hp-sec1-nav ul li {
		padding: 10px 2%;
	}
}

@media (max-width: 1120px) {
	nav.hp-sec1-nav ul li {
		padding: 10px 1%;
	}
}

@media (max-width: 1020px) {

	nav.hp-sec1-nav ul {
		margin-top: 8.5%;
		font-size: 18px;
	}
}


@media (max-width: 820px) {
	.section1 {
		min-height: auto;
		background: url("../images/hp/sec1.jpg") no-repeat center 44px;
		padding-bottom: 8%;
		background-size: cover;
	}
	
	.sec1-video-box {
		height: 54vw;
		width: 100%;
		box-shadow: rgb(0 0 0 / 10%) -8px 10px 0px;
	}

	
	.copy {
		transform: rotate(0deg);
		display: block;
		position: static;
		margin-top: 2.5%;
		text-align: left;
	}
	
	.section1 {
		background-position: 73% center;
	}
	
	nav.hp-sec1-nav ul {
		margin-top: 9.5%;
		font-size: 15px;
	}
	
	.section1 {
		padding-bottom: 6%;
	}
}

@media (max-width: 670px) {
	nav.hp-sec1-nav ul {
		display: none;
	}
	
	.section1 {
    	padding-bottom: 10%;
	}
}


@media (max-width: 640px) {
	.main-title {
		font-size: 8.6vw;
	}
	
	.sec1-flah {
		font-size: 7.5vw;
		width: 70%;
		height: 11vw;
		margin: 2% auto 0;
	}

	.sec1-texts {
		margin: 154px auto 0;
	}
	
	.copy {
		margin-top: 4.5%;
	}
}




@media (max-width: 480px) {
	
	
	.main-title {
		font-size: 8.2vw;
		letter-spacing: 0px;
	}
	
	.main-title strong {
		letter-spacing: 0;
	}
	
	.sec1-flah {
		font-size: 8.5vw;
		width: 78%;
		height: 11vw;
		margin: 4% auto 0;
	}
	
	.sec1-video-box {
    	margin: 8% auto 0;
	}
	
	.copy {
		margin-top: 5.5%;
		font-size: 12px;
	}
}










@media (max-width: 370px) {

}