/*
Theme Name: Aspen
Description: A dedicated theme for Apsen website designed by .for brands.
Author: Owls Department
Author URI: http://www.owlsdepartment.com/
Version: 1.0
*/

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

body { font-family: 'nexa', sans-serif; color: #707173; font-size: 18px; line-height: 30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

a { color: #0c3183; text-decoration: none; transition: all 250ms ease-out; }
a:hover { color: #41a62a; }
a:link { -webkit-tap-highlight-color: transparent; }

::-moz-selection{background: #959da0; color: #fff; text-shadow: none;}
::selection {background: #959da0; color: #fff; text-shadow: none;}


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/

.wrapper { max-width: 1435px; width: 100%; padding: 0 50px; margin: 0px auto; }


	header { height: 175px; background: #fff; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100; transition: all 250ms ease-out; border-bottom: 1px solid #eee; -webkit-backface-visibility: hidden; }
	header h1 { float: left; padding-top: 100px; transition: all 250ms ease-out; }
	header h1 a { display: block; width: 405px; height: 42px; background: url(_/img/logo.svg) no-repeat left center; text-indent: -20000px; overflow: hidden; }
	header nav { float: right; position: relative; }
	header nav .lang { position: absolute; right: 0px; top: 40px; transition: all 250ms ease-out; }
	header nav .lang li { float: left; line-height: 12px; border-right: 1px solid #0c3183; padding: 0 10px; text-transform: uppercase; font-size: 14px; }
	header nav .lang li:last-child { border-right: 0px; padding-right: 0px; }
	header nav .lang li:first-child { padding-left: 0px; }
	header nav .lang li.current-lang a { font-weight: bold; }
	header nav .lang li a { color: #0c3183; }
	header nav .menu { clear: both; margin-top: 105px; transition: all 250ms ease-out; }
	header nav .menu li { float: left; font-size: 24px; padding-left: 55px; font-weight: bold; }
	header nav .menu li a { color: #0c3183; }
	header nav .menu li a.active,
	header nav .menu li a:hover { color: #41a62a; }
	header .burger { display: none; }

	header.small { height: 110px; }
	header.small h1 { padding-top: 50px; }
	header.small nav .lang { top: 25px; }
	header.small nav .menu { margin-top: 55px; }

	article { padding-top: 175px; }

	section .cover-photo { position: relative; height: 620px; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #f5f5f5; }
	section .cover-photo h2 { position: absolute; bottom: 90px; left: 50%; margin-left: -668px; }
	section:first-child .cover-photo { height: 850px; }
	section:first-child .cover-photo h2 { bottom: 130px; }
	section .content { padding: 90px 0; }
	section .content .column-left { float: left; width: 58%; padding-right: 35px; font-size: 26px; line-height: 41px; }
	section .content .column-right { float: right; width: 42%; padding-left: 35px; }
	section:last-child .content .column-left { color: #0c3183; }

	form { width: 100%; }
	form.loading { cursor: wait; }
	form.loading > * { opacity: .5; pointer-events: none; }
	form .ajax-message { display: none; margin-top: 5px; }
	form .ajax-message.error { color: red; }
	form.submit-success .ajax-message.ok { display: block; }
	form.submit-error .ajax-message.error { display: block; }
	form input, form textarea { width: 100%; margin-bottom: 10px; background: #ededed; border: 0px; padding: 0 15px; outline: none; font-family: 'nexa', sans-serif; }
	form input.error, form textarea.error { box-shadow: inset 0 0 0 1px red; }
	form input { height: 35px; line-height: 35px; }
	form textarea { resize: none; height: 270px; padding: 5px 15px; }
	form input[type=submit] { color: #41a62a; background: transparent; width: auto; padding: 0px; font-weight: bold; font-size: 26px; transition: all 250ms ease-out; }
	form input[type=submit]:hover { color: #707173; }
	form ::-webkit-input-placeholder { color: #707173; }
	form :-moz-placeholder { color: #707173; }
	form ::-moz-placeholder { color: #707173; }
	form :-ms-input-placeholder { color: #707173; }

	footer { height: 100px; line-height: 100px; background: #959da0; color: #fff; }
	footer .copyrights { float: left; }
	footer .to-top { display: block; float: right; color: #fff; position: relative; }
	footer .to-top:before { content: ''; display: block; position: absolute; top: 0px; bottom: 0px; left: -25px; width: 8px; background: url(_/img/top-arrow.svg) no-repeat center left; }
	footer .to-top:after { content: ''; display: block; position: absolute; left: 0px; width: 0%; top: 50%; margin-top: 13px; height: 1px; background: #fff; transition: all 250ms ease-out; }
	footer .to-top:hover:after { width: 100%; }

	.green { color: #41a62a; }

	p:not(:last-child) { margin-bottom: 30px; }
	h2 { font-size: 44px; line-height: 52px; color: #fff; font-weight: bold; }
	h3 { font-size: 26px; line-height: 41px; margin-bottom: 41px; font-weight: bold; color: #0c3183; }

/* Media queries!
-------------------------------------------------------------------------------*/

@media screen and (max-width: 1435px) {

	section .cover-photo h2 { left: 50px; margin-left: 0px; }

}

@media screen and (min-width: 1280px) {

	header nav { display: block !important; }

}

@media screen and (max-width: 1279px) {

	header { height: 110px; }
	header h1 { padding-top: 50px; }
	header nav .lang,
	header.small nav .lang { top: auto; }
	header nav .menu,
	header.small nav .menu { margin-top: 0px; }
	header nav { display: none; position: fixed; top: 110px; bottom: 0px; left: 0px; right: 0px; background: #fff; }
	header nav .menu li { float: none; width: 100%; text-align: center; padding: 0 0 15px 0; }
	header nav .lang { position: relative; margin: 30px 0; text-align: center; }
	header nav .lang li { float: none; display: inline-block; }

	header .burger {display: block; height: 25px; width: 35px; float: right; position: relative; z-index: 10000; margin-top: 42px;}
	header .burger:before,
	header .burger:after {display: block; content: ''; width: 35px; height: 5px; position: absolute; background: #0c3183; transition: all 300ms ease-in-out;}
	header .burger span {display: block; width: 35px; height: 5px; background: #0c3183; position: absolute; top: 10px; transition: all 300ms ease-in-out;}
	header .burger:before {top: 0px;}
	header .burger:after {top: 20px;}
	header .burger.active span {opacity: 0;}
	header .burger.active:after {transform: rotate(-45deg); top: 50%;}
	header .burger.active:before {transform: rotate(45deg); top: 50%;}

	article { padding-top: 110px; }

	section .cover-photo { height: 500px; }
	section:first-child .cover-photo { height: 700px; }

}

@media screen and (max-width: 1023px) {

	.wrapper { padding: 0 20px; }

	section .cover-photo h2 { left: 20px; right: 20px; }
	section:first-child .cover-photo { height: 500px; }
	section:first-child .cover-photo h2 { bottom: 90px; }
	section .content { padding: 60px 0; }

	section .content .column-left,
	section .content .column-right { float: none; width: 100%; padding: 0px; }
	section .content .column-left { margin-bottom: 41px; }

	h2 { font-size: 40px; line-height: 48px; }

}

@media screen and (max-width: 767px) {

	header, header.small { height: 75px; }
	header h1,
	header.small h1 { padding-top: 32px; }
	header h1 a { width: 210px; height: 25px; }
	header nav { top: 75px; }

	header .burger { height: 19px; width: 30px; margin-top: 31px; }
	header .burger:before,
	header .burger:after { width: 30px; height: 3px; }
	header .burger span { width: 30px; height: 3px; top: 8px; }
	header .burger:before { top: 0px; }
	header .burger:after { top: 16px; }


	article { padding-top: 75px; }

	section .cover-photo,
	section:first-child .cover-photo { height: 400px; }
	section .cover-photo h2,
	section:first-child .cover-photo h2 { bottom: 50px; }
	section .content { padding: 40px 0; }
	section .content .column-left { font-size: 20px; line-height: 35px; margin-bottom: 35px; }

	footer { padding: 20px 0; line-height: 30px; height: auto; font-size: 14px; text-align: center; }
	footer .copyrights { float: none; width: 100%; }
	footer .to-top { float: none; width: auto; display: inline-block; }

	h2 { font-size: 27px; line-height: 33px; }
	h2 br { display: none; }
	h3 { font-size: 22px; line-height: 37px; margin-bottom: 37px; }

}