/*
Theme Name: Distyl
Author: Code Greene
*/

/* STYLE RESET =================================================================================================================================================== */

*{padding:0; box-sizing:border-box; margin:0; color:var(--white); font-family:'Inter', sans-serif; font-size:18px; font-weight:400; line-height:24px; text-rendering:geometricPrecision; position:relative;}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Source+Code+Pro:wght@200;300;400;500;600;700;800;900&display=swap');

/* BLANKET STYLES ================================================================================================================================================ */

/* Defaults */

.hideScrollbar{scrollbar-width:none; -ms-overflow-style:none;}
.hideScrollbar::-webkit-scrollbar{display:none;}

body{background-color:var(--secondary);}
body.noscroll{overflow:hidden;}

.page-wrapper{overflow:hidden; display:flex; flex-direction:column; width:100%; min-height:100vh; z-index:2;}
.page-content{flex-grow:1; display:flex; flex-direction:column; float:left; width:100%; margin-top:66px; z-index:3; clip-path:inset(0);/* To stop .static-background from overflowing */}

.static-background{width:100%; height:100vh; background-repeat:no-repeat; background-size:cover; background-position:center; position:fixed; top:0; right:0; bottom:0; left:0;}

.flexible{float:left; width:100%;}

section{flex-grow:1; display:flex; flex-direction:column; justify-content:center; float:left; width:100%;}
section.default{padding:50px 0;}
section:last-of-type{padding-bottom:100px !important;}

.overlay{opacity:0.95; width:100%; position:absolute; top:0; bottom:0; z-index:1;}
.overlay-secondary{background-color:transparent}

.hidden{display:none;}

/* Non-Paragraph Text */

hr{display:block; width:100%; max-width:330px; margin:50px auto; border:1px solid var(--primary);}
img{display:block; width:initial; max-width:100%; height:auto;}
img.alignleft{float:left; margin:15px 15px 15px 0;}
img.alignright{float:right; margin:15px 0 15px 15px;}
img.aligncenter{margin:15px auto;}

strong, strong *, b, b *{font-size:1em; font-weight:700;}
.petrona strong, .petrona strong *, .petrona b, .petrona b *{font-weight:500;}

em{font-style:italic;}
iframe{max-width:100%;}

a{color:var(--primary); font-size:1em; text-decoration:none; transition:all 0.25s;}
a:hover, a:focus, a:active{text-decoration:underline;}

/* Paragraphs */

p{margin:30px 0;}
p img{max-width:100%; height:auto;}
p img.alignright{float:right; margin:0 0 10px 10px;}
p img.alignleft{float:left; margin:0 10px 10px 0;}
p img.aligncenter{margin:20px auto;}
p + p{margin-top:-15px;}
p:first-child{margin-top:0;}
p:last-child{margin-bottom:0;}

.wp-caption img{max-width:100%; height:auto;}

@media screen and (max-width:600px) {
    p img{width:100%; margin:20px 0 !important;}
}

/* Headings */

h1, h2, h3, h4, h5, h6{width:100%; margin-bottom:10px; color:var(--primary);}
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *{font-size:1em !important; line-height:1;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom:0;}

h1{font-size:48px; font-weight:200; line-height:58px;}
h2{font-size:28px; font-weight:300; line-height:34px;}
h3{font-size:26px; line-height:30px;}
h4{font-size:24px; font-weight:500; line-height:28px;}
h5{font-weight:700; letter-spacing:4.8px; text-transform:uppercase;}
h6{font-size:14px; font-weight:700; line-height:19px; letter-spacing:4.2px; text-transform:uppercase;}

h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6,
h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6,
h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6,
h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6,
h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6,
h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6{margin-top:30px;}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p,
h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul,
h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol,
h1 + blockquote, h2 + blockquote, h3 + blockquote, h4 + blockquote, h5 + blockquote, h6 + blockquote,
h1 + q, h2 + q, h3 + q, h4 + q, h5 + q, h6 + q,
h1 + table, h2 + table, h3 + table, h4 + table, h5 + table, h6 + table{margin-top:15px;}

/* Lists */

ul, ol{width:100%; padding-left:16px; margin:30px 0;}
ul:first-child, ol:first-child{margin-top:0;}
ul:last-child, ol:last-child{margin-bottom:0;}

li{margin-bottom:5px;}
li:last-of-type{margin-bottom:0 !important;}

/* Nav */

nav ul{padding:0; margin:0; list-style:none;}
nav li{padding-left:0;}
nav li:before{display:none;}
nav a:hover, nav a:focus, nav a:active{text-decoration:none;}

/* Blockquote */

blockquote, q{width:100%; padding:30px 50px; margin:30px 0;}
blockquote *, q *{font-size:22px; font-weight:300; line-height:30px;}
blockquote:first-child, q:first-child{margin-top:0;}
blockquote:last-child, q:last-child{margin-bottom:0;}

@media screen and (max-width:700px) {
    blockquote, q{padding:20px 35px;}
}

@media screen and (max-width:425px) {
    blockquote, q{padding:20px;}
}

/* Tables */

table{width:100%; margin:30px 0;}
table:first-child{margin-top:0;}
table:last-child{margin-bottom:0;}
tr{background:transparent;}
/* tr:nth-child(even){background:#f9f9f9;} */
th{padding:10px 15px; background-color:var(--primary); text-align:left; outline:1px solid var(--white);}
th *{color:var(--secondary);}
td{padding:10px 15px; outline:1px solid var(--white);}

/* Pagination */

.pagination{display:flex; flex-wrap:wrap; justify-content:center; float:left; width:100%;}
.pagination *{text-decoration:none !important;}
.page-numbers{overflow:hidden; display:flex !important; justify-content:center; align-items:center; width:32px; height:32px; margin:5px; color:var(--primary); border:1px solid var(--primary); font-size:12px; font-weight:700; text-align:center; white-space:nowrap; border-radius:32px; transition:all 0.25s;}
.page-numbers:after{content:''; opacity:0.4; width:100%; height:100%; background-color:#ADD8DA; position:absolute; top:0; left:0; z-index:-1;}
.page-numbers:first-child{margin-left:0;}
.page-numbers:hover,
.page-numbers.current{color:var(--white); background-color:var(--primary);}
.page-numbers.next,
.page-numbers.prev{width:initial; padding:0 12px; letter-spacing:2.4px;}

/* Buttons */

.btn a, a.btn,
.btn input[type=submit], input[type=submit].btn{display:block; float:left !important; padding:20px 50px !important; font-weight:700; line-height:1; letter-spacing:2.4px; text-align:center; text-transform:uppercase; text-decoration:none !important; background:none; border:none; transition:all 0.25s;}
.btn a:hover, a.btn:hover,
.btn input[type=submit]:hover, input[type=submit].btn:hover{cursor:pointer;}

.btn a:after, a.btn:after,
.btn input[type=submit]:after, input[type=submit].btn:after{content:''; opacity:0.4; width:100%; height:100%; background-color:#ADD8DA; position:absolute; top:0; left:0; z-index:-1;}

.primary-btn a, a.primary-btn,
.primary-btn input[type=submit], input[type=submit].primary-btn{color:var(--secondary); background-color:var(--primary);}
.primary-btn a:hover, a.primary-btn:hover,
.primary-btn input[type=submit]:hover, input[type=submit].primary-btn:hover{background-color:var(--white);}

.secondary-btn a, a.secondary-btn,
.secondary-btn input[type=submit], input[type=submit].secondary-btn{color:var(--white); background-color:var(--secondary);}
.secondary-btn a:hover, a.secondary-btn:hover,
.secondary-btn input[type=submit]:hover, input[type=submit].secondary-btn:hover{color:var(--secondary); background-color:var(--white);}

.white-btn a, a.white-btn,
.white-btn input[type=submit], input[type=submit].white-btn{color:var(--secondary); background-color:var(--white);}
.white-btn a:hover, a.white-btn:hover,
.white-btn input[type=submit]:hover, input[type=submit].white-btn:hover{background-color:var(--primary);}

.white-transparent-btn a, a.white-transparent-btn,
.white-transparent-btn input[type=submit], input[type=submit].white-transparent-btn{color:var(--white); border:1px solid var(--white);}
.white-transparent-btn a:hover, a.white-transparent-btn:hover,
.white-transparent-btn input[type=submit]:hover, input[type=submit].white-transparent-btn:hover{color:var(--primary); border:1px solid var(--primary);}

@media screen and (max-width:600px) {
	.btn a, a.btn,
	.btn input[type=submit], input[type=submit].btn{padding:20px !important; font-size:16px;}
}

@media screen and (max-width:480px) {
	.btn a, a.btn,
	.btn input[type=submit], input[type=submit].btn{width:100%;}
}

/* Button Shortcode ========================================== */
span.btnshrtcd{display:inline-block; padding:15px}
span.btnshrtcd:first-of-type{margin-top:45px;}

@media screen and (max-width:480px) {
	span.btnshrtcd{float:left; width:100%; margin-right:0;}
	span.btnshrtcd a{width:100%;}
}

/* Containers */

.container{width:100%; max-width:1123px; padding:0 50px; margin:0 auto; z-index:2;}
.small{max-width:944px;}

@media screen and (max-width:700px) {
	.container{padding:0 35px;}
}

@media screen and (max-width:425px) {
	.container{padding:0 20px;}
}

/* Forms ========================================== */

form{display:flex; flex-wrap:wrap; justify-content:space-between; float:left; width:calc(100% + 16px); margin-left:-16px;}
.form-item{flex-grow:1; float:left; width:100%; min-width:232px; padding-left:16px; margin-bottom:30px;}
.form-item.form-half{width:50%;}
.form-item.form-third{width:33.33%;}
.form-item.form-quarter{width:25%;}
.form-item.select:after{content:'\f078'; font-family:'Font Awesome 5 Free'; font-weight:700; color:var(--primary) !important; position:absolute; top:15px; right:15px; z-index:1;}
.form-text{float:left; width:100%; margin-bottom:10px;}
.form-input{float:left; width:100%;}
.form-input input,
.form-input select{float:left; width:100%; padding:4px 0; background-color:transparent; border:none; border-bottom:1px solid var(--white);}
.form-input textarea{float:left; width:100%; height:131px; padding:4px; background-color:transparent; border:1px solid var(--white);}

.form-input .wpcf7-list-item label{display:flex;}
.form-input .wpcf7-list-item input{width:15px; height:17px; margin:5px 10px 0 0;}
.form-input .wpcf7-list-item span{font-size:14px;}
.form-input .wpcf7-acceptance .wpcf7-list-item{margin-left:0;}

.form-submit{flex-grow:1; float:left; width:100%; padding-left:16px; text-align:center;}
.form-submit input[type=submit]{}
.form-submit span.ajax-loader{margin:0 -20px 0 4px !important;}

.form-input input::-webkit-input-placeholder{color:var(--white);}
.form-input input::-moz-placeholder{color:var(--white);}
.form-input input:-ms-input-placeholder{color:var(--white);}
.form-input input:-moz-placeholder{color:var(--white);}
.form-input textarea::-webkit-input-placeholder{color:var(--white);}
.form-input textarea::-moz-placeholder{color:var(--white);}
.form-input textarea:-ms-input-placeholder{color:var(--white);}
.form-input textarea:-moz-placeholder{color:var(--white);}

/* CF7 Form Validation ========================================== */

.wpcf7-not-valid-tip{display:none !important;}
form.invalid .wpcf7-not-valid{float:left; color:var(--black) !important; border:1px solid red !important; background:#f0e3e3 !important;}
.wpcf7-response-output.wpcf7-mail-sent-ok,
.wpcf7-response-output.wpcf7-validation-errors{float:left; width:100%; padding:10px 0; margin:20px 0; text-align:center;}
div.wpcf7-response-output{padding:0; margin:0;}
div.wpcf7-mail-sent-ng{float:left; width:100%; box-sizing:border-box; margin-left:0 !important; margin-right:0 !important;}

form input[type=submit]:disabled{opacity:0.5;}
form input[type=submit]:disabled:hover{cursor:not-allowed;}

/* Popups ========================================== */

.popup-overlay{opacity:0; visibility:hidden; width:100vw; height:100vh; background-color:var(--secondary);; position:fixed; top:0; right:0; bottom:0; left:0; z-index:900; transition:all 0.25s;}
.popup-overlay.active{opacity:0.7; visibility:visible;}

.popup{width:100vw; max-width:768px; height:100vh; padding:0 80px; background-color:var(--secondary); position:fixed; top:0; right:-768px; bottom:0; z-index:1000; transition:all 0.25s;}
.popup.active{right:0;}
.popup span.close-popup{position:absolute; top:42px; right:68px;}
.popup span.close-popup:hover{cursor:pointer;}
.popup span.close-popup img{width:33px; height:auto;}
.popup .popup-content{overflow:scroll; float:left; width:100%; max-width:500px; height:100%; padding-left:7px;}
.popup .popup-content-inner{float:left; width:100%; padding:110px 0;}

.popup .success-message a{display:flex; align-items:center; margin-top:30px; color:var(--white); font-size:12px; letter-spacing:2.4px; text-transform:uppercase;}
.popup .success-message a:hover{color:var(--primary);}
.popup .success-message a img{display:block; width:13px; height:auto; margin-right:10px; transform:scaleX(-1);}

/* Hide scrollbar for Chrome, Safari and Opera */
.popup .popup-content::-webkit-scrollbar{
	display:none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.popup .popup-content{
	-ms-overflow-style:none; /* IE and Edge */
	scrollbar-width:none; /* Firefox */
}

@media screen and (max-width:700px) {
	.popup{padding:0 50px;}
	.popup span.close-popup{top:20px; right:15px;}
	.popup span.close-popup img{width:20px;}
	.popup .popup-content-inner{padding:50px 0;}
}

@media screen and (max-width:480px) {
	.popup{padding:0 35px;}
	.popup span.close-popup{right:8px;}
}

/* Hamburgers ========================================== */

.hamburger{display:none; float:right; padding:6px 0 0; cursor:pointer; transition-property:opacity, filter; transition-duration:0.15s; transition-timing-function:linear; font:inherit; color:inherit; text-transform:none; background-color:transparent; border:0; margin:0; overflow:visible; z-index:102;}
.hamburger:hover{}
.hamburger:focus{outline:none;}

.hamburger-box{width:40px; height:24px; display:inline-block; position:relative;}

.hamburger-inner{display:block; top:50%; margin-top:-2px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{width:40px; height:4px; background-color:#fff; border-radius:4px; position:absolute; transition-property:transform; transition-duration:0.15s; transition-timing-function:ease;}
.hamburger-inner::before, .hamburger-inner::after{content:''; display:block;}
.hamburger-inner::before{top:-10px;}
.hamburger-inner::after{bottom:-10px;}

.hamburger--emphatic{overflow:hidden;}
.hamburger--emphatic .hamburger-inner{transition:background-color 0.125s 0.175s ease-in;}
.hamburger--emphatic .hamburger-inner::before{left:0; transition:transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;}
.hamburger--emphatic .hamburger-inner::after{top:10px; right:0; transition:transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;}
.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s; transition-timing-function:ease-out; background-color:transparent;}
.hamburger--emphatic.is-active .hamburger-inner::before{left:-80px; top:-80px; transform:translate3d(80px, 80px, 0) rotate(45deg); transition:left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);}
.hamburger--emphatic.is-active .hamburger-inner::after{right:-80px; top:-80px; transform:translate3d(-80px, 80px, 0) rotate(-45deg); transition:right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);}

@media screen and (max-width:600px) {
	.hamburger{display:inline-block;}
}

/* CUSTOM STYLES ================================================================================================================================================= */

/* Header ========================================== */

header{display:flex; align-items:center; float:left; width:100%; min-height:66px; background-color:transparent; position:fixed; z-index:100;}
header .container{display:flex; justify-content:space-between; align-items:center; z-index:999;}
header .logo{display:flex; justify-content:center; align-items:center; padding:15px; margin-right:auto; background:none; z-index:102;}
header .logo img{display:block; width:initial; height:22px;}

header .menu{display:flex; align-items:center;}
header .menu-header-menu-container{display:flex; width:100%;}

header ul.header_menu{display:flex; align-items:center; padding:0; margin:0;}
header ul.header_menu li{padding:0; margin:0;}
header ul.header_menu li.header-btn{margin-left:15px;}
header ul.header_menu li.header-btn a{padding:10px 7px 10px 15px; border:1px solid var(--white);}
header ul.header_menu li.header-btn a:after{content:''; width:13px; height:13px; margin-left:7px; background-image:url('./images/contact-arrow.png'); background-repeat:no-repeat; background-size:contain; background-position:center; transition:all 0.25s;}
header ul.header_menu li.header-btn a:hover{cursor:pointer; border:1px solid var(--primary);}
header ul.header_menu li.header-btn a:hover:after{background-image:url('./images/contact-arrow-teal.png');}
header ul.header_menu li a{display:flex; justify-content:center; align-items:center; padding:10px 15px; color:var(--white); font-size:12px; font-weight:700; line-height:1; letter-spacing:2.4px; text-align:center; text-transform:uppercase; transition:all 0.25s;}
header ul.header_menu li a:hover{color:var(--primary);}

header .slicknav{opacity:0; visibility:hidden; float:left; width:100%; height:100vh; padding:116px 0 70px; background-color:var(--secondary); box-shadow:0 3px 6px rgba(0,0,0,0.5); text-align:center; position:fixed; top:0; left:0; z-index:101; transition:all 0.25s;}
header .slicknav.open{opacity:1; visibility:visible;}
header .slicknav ul.header_menu{flex-direction:column;}
header .slicknav ul.header_menu li{width:100%; max-width:335px; margin-bottom:20px;}
header .slicknav ul.header_menu li.header-btn{margin-left:0;}
header .slicknav ul.header_menu li a{width:100%; padding:10px 7px 10px 15px; border:1px solid var(--white);}
header .slicknav ul.header_menu li a:after{content:''; width:13px; height:13px; margin-left:7px; background-image:url('./images/contact-arrow.png'); background-repeat:no-repeat; background-size:contain; background-position:center; transition:all 0.25s;}
header .slicknav ul.header_menu li a:hover{cursor:pointer; border:1px solid var(--primary);}

@media screen and (min-width:601px) {
	header .slicknav{opacity:0 !important; visibility:hidden !important;}
}

@media screen and (max-width:600px) {
	header .menu{display:none;}
}

/* Footer ========================================== */

footer{float:left; width:100%; padding:45px 0; background-color:var(--secondary); z-index:99;}
footer .section-block{display:flex; justify-content:space-between; align-items:center; float:left; width:100%;}

footer .footer-copyright{margin:0 -3px;}
footer .footer-copyright *{font-size:14px; line-height:18px;}
footer .footer-copyright span{margin:0 3px;}
footer .footer-copyright a{color:var(--white); white-space:nowrap;}

footer .footer-social{display:flex;}
footer .footer-social a{margin:0 25px;}
footer .footer-social i{font-size:30px; transition:all 0.25s;}
footer .footer-social a:hover i{color:var(--primary);}

footer .footer-disclaimer{width:100%; max-width:328px;}
footer .footer-disclaimer *{font-size:14px; line-height:18px;}
footer .footer-disclaimer a{color:var(--white); text-decoration:underline;}
footer .footer-disclaimer a:hover{color:var(--primary) !important;}

@media screen and (max-width:900px) {
	footer .section-block{flex-direction:column;}
	footer .footer-social{order:1; margin-bottom:20px;}
	footer .footer-disclaimer{order:2; text-align:center; margin-bottom:20px;}
	footer .footer-copyright{order:3;}
}

/* Hero Text ========================================== */

section.hero-text .section-block{display:flex; flex-direction:column; align-items:flex-start; float:left; width:100%; padding:50px 0 65px;}
section.hero-text .section-caption{padding:16px 7px; font-family:'Source Code Pro', monospace;}
section.hero-text .section-title{margin-bottom:53px; font-size:90px; line-height:109px;}
section.hero-text .section-all-text{display:flex; justify-content:space-between;}
section.hero-text .section-button{}
section.hero-text .section-text{width:50%;}

@media screen and (max-width:930px) {
	section.hero-text .section-block{padding-top:20px;}
	section.hero-text .section-caption{margin-bottom:20px;}
	section.hero-text .section-title{margin-bottom:30px; font-size:48px; line-height:58px;}
	section.hero-text .section-all-text{flex-direction:column;}
	section.hero-text .section-button{margin-bottom:119px;}
	section.hero-text .section-text{width:100%;}
}

/* Icons ========================================== */

section.icons{padding-top:37px;}
section.icons .container{display:flex; flex-direction:column; align-items:flex-start;}
section.icons .section-title{margin-bottom:50px; text-align:center;}
section.icons .section-block{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; float:left; width:calc(100% + 60px); margin:0 0 -20px -60px;}
section.icons .section-block.show-x{flex-wrap:nowrap;}
section.icons .section-image{padding-left:60px; margin-bottom:60px;}
section.icons img.icon{width:initial; max-width:226px; height:auto; max-height:180px;}
section.icons.size-smaller img.icon{max-width:176px; max-height:130px;}
section.icons img.x{display:none; flex:0 0 93px; width:93px; height:auto; padding-left:60px; margin-bottom:60px;}
section.icons .section-block.show-x img.x{display:block;}
section.icons img.x:last-of-type{display:none !important;}

@media screen and (max-width:650px) {
	section.icons .section-block{flex-direction:column;}
	section.icons .section-image{display:flex; justify-content:center; align-items:center; width:100%; max-width:initial;}
	section.icons img.x{flex:initial;}
}

/* Blocks ========================================== */

section.blocks{padding:40px 0 50px;}
section.blocks .container{display:flex; flex-direction:column;}
section.blocks .container:before{content:''; width:calc(100% - 100px); border:1px solid var(--white); position:absolute; top:0; bottom:164px; left:49px;}
section.blocks .section-top{display:flex; justify-content:space-between; align-items:flex-start; float:left; width:100%; margin-top:40px;}
section.blocks .main-text{width:100%; max-width:586px; margin-left: 20px;}
section.blocks .section-image{flex:0 0 156px; width:156px; margin-left:40px;}
section.blocks .section-image img{width:100%; height:auto;}

section.blocks .section-block{display:flex; flex-wrap:wrap; justify-content:space-between; float:left; width:calc(100% + 16px); margin:50px 0 -16px -16px; margin-left: 0px;}
section.blocks .section-part{display:flex; width:33.33%; padding-left:16px; margin-bottom: 16px;}
section.blocks .section-part-inner{display:flex; flex-direction:column; justify-content:center; align-items:flex-start; width:100%; min-height:328px; padding:60px 32px 32px; background-color:var(--gray);}
section.blocks .section-icon{display:flex; justify-content:flex-end; align-items:flex-start; width:37px; height:37px; position:absolute; top:25px; right:25px;}
section.blocks .section-icon img{width:initial; max-width:100%; height:auto; max-height:100%;}
section.blocks .section-title *,
section.blocks .section-text *{color:var(--black);}

@media screen and (max-width:1200px) {
	section.blocks .container:before{left:20px;}
}

@media screen and (max-width:900px) {
	section.blocks .container:before,
	section.blocks .section-image{display:none;}
	section.blocks .section-top{margin-top:0;}
	section.blocks .main-text{max-width:100%};
	section.blocks .section-block{flex-direction:column;}
	section.blocks .section-part{justify-content:center; width:100%;}
	section.blocks .section-part-inner{max-width:500px;}
}

/* Alliance ========================================== */

section.alliance{padding:40px 0;}
section.alliance .section-top{display:flex; justify-content:center; align-items:center; float:left; width:100%; padding:50px 20px 40px; border:1px solid var(--white);}
section.alliance .section-image{width:156px; height:auto; position:absolute; top:50px; left:-86px;}
section.alliance .main-text{width:100%; max-width:672px;}
/*
section.alliance .section-bottom{display:flex; justify-content:center; align-items:center; float:left; width:100%; min-height:286px; padding:40px 20px; margin-top:-1px; border:1px solid var(--white);}
section.alliance .section-title{position:absolute; top:40px;}
section.alliance .section-block,
section.alliance .section-part{display:flex; justify-content:center; align-items:center;}
section.alliance img.logo{width:initial; max-width:180px; height:auto; max-height:180px;}
section.alliance img.x{flex:0 0 33px; width:33px; height:auto; margin:0 34px;}
section.alliance img.x:last-of-type{display:none;}
*/

@media screen and (max-width:950px) {
	section.alliance .section-image{display:none;}
}

@media screen and (max-width:768px) {
	section.alliance .section-top{padding:0 0 40px; border:none;}
}
/*
@media screen and (max-width:600px) {
	section.alliance .section-bottom{flex-direction:column; padding-bottom:80px;}
	section.alliance .section-title{margin:-10px 0 50px; position:static;}
	section.alliance .section-block{flex-direction:column;}
	section.alliance img.x{margin:34px 0;}
}
*/

/* Backers ========================================== */

section.backers{padding:40px 0;}
section.backers .container{display:flex; justify-content:center;}
section.backers .section-block{display:flex; flex-direction:column; justify-content:center; align-items:center; padding:38px 33px 31px; border:1px solid var(--white);}
section.backers .section-title{margin-bottom:42px;}
section.backers .section-logos{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:calc(100% + 100px); margin:0 0 -35px -100px;}
section.backers .section-logo{display:flex; justify-content:center; align-items:center; padding-left:100px; margin-bottom:50px;}
section.backers img.logo{width:initial; max-width:180px; height:auto; max-height:180px;}
section.backers .section-names{display:flex; flex-direction:column; margin-top:18px;}
section.backers .section-name{margin-bottom:15px; text-align:center;}

@media screen and (max-width:600px) {
	section.backers .section-name span{display:block; width:100%;}
}

/* Text ========================================== */

section.text-section{padding:40px 0;}
section.text-section .section-text{float:left; width:100%;}