/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

.tpl-logo-wrap {
	float:unset;
    margin: 0 auto;
}
@font-face {
    font-family: 'AgencyFBBold';
    src: url('AgencyFBBold.ttf')  format('truetype');
    font-style: normal;
}
body {
    background-image: url("bg-main.jpg");
    background-color: #e6e7e8;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    color: #fff;
}
main{
	position: relative;
    max-width: 1210px;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0px 60px 0px;
	font-family: 'AgencyFBBold';
    font-weight: 700;
}
.yellow{
	color:#fedd00;
}
.page-header-wrap{
	margin-bottom:41px;
}
.page-header-wrap span{
	display:none;
}
.page-content-wrap .left-wrap,
.page-content-wrap .right-wrap{
	display:inline-block;
	vertical-align: top;
}
.left-wrap{
	width: 633px;
    height: 480px;
    background: none;
    border-radius: 22px;
    border: 2px solid #313131;
    overflow: hidden;
}
video{
	width:633px;
	height:477px;
    border-radius:22px;
}
.right-wrap{
	font-size:67px;
	margin-left: 38px;
    padding-top: 133px;
	width: 505px;
}
.cta-btn{
	width:282px;
	height:84px;
	background-image: url("cta-button-in.png");
	margin: 0 auto;
	margin-top: 25px;
}
body.pt .right-wrap{
	font-size:51px;
}
body.pt .cta-btn{
	background-image: url("cta-button-br.png");
}
/* RESPONSIVE */
@media only screen and (max-width: 1230px){
	main {
		max-width: 1020px;
	}
	.left-wrap {
		width: 513px;
		height: 389px;
	}
	video {
		width: 513px;
		height: 386px;
	}
	.right-wrap {
		font-size: 60px;
		margin-left: 33px;
		padding-top: 131px;
		width: 453px;
	}
	.cta-btn {
		background-size: cover;
		width: 270px;
		height: 80px;
	}
	body.pt .right-wrap{
		font-size:46px;
	}
}

@media only screen and (max-width: 1020px){
	body{
		background-image: url("bg-767.jpg");
		background-position: center 31px;
	}
	main {
		max-width: 800px;
		padding:26px 0px 36px 0px;
	}
	.page-header-wrap {
		margin-bottom: 22px;
	}
	.page-header-wrap img{
		width:157px;
	}
	.left-wrap {
		width: 427px;
		height: 324px;
	}
	video {
		width: 427px;
		height: 322px;
	}
	.right-wrap {
		font-size: 40px;
		margin-left: 28px;
		padding-top: 95px;
		width: 303px;
	}
	.cta-btn {
		width: 169px;
		height: 50px;
		margin-top: 16px;
	}
	body.pt .right-wrap{
		font-size:31px;
	}
}
@media only screen and (max-width: 767px){
	body{
		background-image: url("bg-600.jpg");
	}
	main {
		max-width: 692px;
		padding: 21px 0px 27px 0px;
	}
	.page-header-wrap {
		margin-bottom: 15px;
	}
	.page-header-wrap img{
		width:157px;
	}
	.left-wrap {
		width: 381px;
		height: 289px;
	}
	video {
		width: 381px;
		height: 287px;
	}
	.right-wrap {
		font-size: 35px;
		margin-left: 21px;
		padding-top: 91px;
		width: 265px;
	}
	.cta-btn {
		width: 152px;
		height: 45px;
		margin-top: 13px;
	}
	body.pt .right-wrap{
		font-size:27px;
	}
}
@media only screen and (max-width: 690px){
	main {
		max-width: 590px;
		padding: 21px 0px 27px 0px;
	}
	.left-wrap {
		width: 342px;
		height: 259px;
	}
	video {
		width: 342px;
		height: 258px;
	}
	.right-wrap {
		font-size: 28px;
		margin-left: 17px;
		padding-top: 91px;
		width: 214px;
	}
	.cta-btn {
		width: 160px;
		height: 47px;
	}
	body.pt .right-wrap{
		font-size:21px;
	}
}
@media only screen and (max-width: 599px){
	body{
		background-image: url("bg-480.jpg");
		background-position: center 3px;
	}
	main {
		max-width: 360px;
		padding: 9px 0px 46px 0px;
	}
	.page-header-wrap {
		margin-bottom: 7px;
	}
	.page-header-wrap img{
		width:116px;
		vertical-align: top;
		margin-top: 15px;
		margin-right: 8px;
	}
	.right-wrap{
		margin:0px;
		padding-top:0px;
	}
	.right-wrap br,
	.right-wrap span{
		display:none;
	}
	.page-header-wrap span{
		display:inline-block;
		font-size: 28px;
	}
	body.pt .page-header-wrap img {
		margin-top: 11px;
	}
	body.pt .page-header-wrap span{
		font-size:23px;
	}
}
@media only screen and (max-width: 479px){
	body{
		background-image: url("bg-320.jpg");
		background-position: center 3px;
	}
	main {
		max-width: 320px;
	}
	.left-wrap {
		width: 320px;
		height: 243px;
        border-radius:0;
	}
	video {
		width: 320px;
		height: 241px;
	}
	.page-header-wrap img {
		width: 100px;
		margin-right: 3px;
	}
	.page-header-wrap span{
		font-size: 27px;
	}
	body.pt .page-header-wrap span{
		font-size:21px;
	}
}