* {-webkit-font-smoothing: antialiased; outline: none;}
body { font-family: 'Lato', sans-serif; font-size: 18px; line-height: 26px; color: #212121;}

a {color: #212121; text-decoration: none; transition: all 250ms ease-in-out;}
a:hover {color: #212121;}

::-moz-selection{background: #ea2a21; color: #fff; text-shadow: none;}
::selection {background: #ea2a21; color: #fff; text-shadow: none;}
a:link {-webkit-tap-highlight-color: #ea2a21;}


.wrapper {max-width: 1420px; width: 100%; padding: 0 20px; margin: 0 auto;}
.wrapper.wrapper-medium {padding-left: 140px;}
.wrapper.wrapper-half {max-width: 690px;}
.wrapper.wrapper-half.left {float: left; padding: 100px 0 0 75px;}
.wrapper.wrapper-half.right {float: right; padding: 50px 30px 0 120px;}

	
	/* -- HEADER -- */
	header {}
	header nav {padding-top: 30px; float: left;}
	header nav ol {list-style-type: none;}
	header nav ol li {float: left; }
	header nav ol li a {display: block; color: #fff; font-weight: 300; font-size: 16px; line-height: 16px; padding: 0 10px; border-left: 1px solid #a32d27;}
	header nav ol li:first-child a {border: 0px; padding-left: 0px;}
	header .email {float: right; display: block; width: 50px; height: 50px; background: #c12b24 url(../img/email.png) no-repeat center center; border-radius: 25px; margin-top: 15px;}
	header .email:hover {background-color: #212121;}


	/* -- SECTIONS -- */
	article.section-01 {height: 740px; background: url(../img/home.jpg) no-repeat top center, url(../img/home-bg-left.jpg) repeat-x top center; position: relative;}
	article.section-01 .bg {position: absolute; top: 0px; left: 50%; margin-left: 720px; right: 0px; bottom: 0px; background: url(../img/home-bg-right.jpg) repeat-x top center;}
	article.section-01 .screen {width: 800px; height: 413px; background: url(../img/screen.png) no-repeat center; position: absolute; bottom: -110px; left: 50%; margin: 0 0 0 -400px;}

	article.section-02 {padding: 160px 0 40px 0;}
	article.section-02 {background: #eff0eb;}
	article.section-02 h2 {text-align: center; margin-bottom: 40px;}
	article.section-02 p {margin: 5px 0 15px;}
	article.section-02 ul.check {margin-top: 80px;}
	article.section-02 .icon-block {padding: 30px 20px 0 120px; position: relative; margin-bottom: 40px;}
	article.section-02 .icon-block:before {display: block; content: ''; width: 100px; height: 100px; border-radius: 50px; border: 2px solid #c6c7c3; position: absolute; top: 0px; left: 0px;}
	article.section-02 .icon-block:after {display: block; content: ''; width: 1px; position: absolute; top: 40px; bottom: 0px; right: 0px; background: #d7d8d3;}
	article.section-02 .icon-block.icon-01:before {background: url(../img/icon01.png) no-repeat center center;}
	article.section-02 .icon-block.icon-02:before {background: url(../img/icon02.png) no-repeat center center;}
	article.section-02 .icon-block.icon-03:before {background: url(../img/icon03.png) no-repeat center center;}

	article.section-03 {background: #e0dfde;}
	article.section-03 .image-01 {height: 450px; background: url(../img/image01.jpg) no-repeat center center; background-size: cover;}
	article.section-03 .image-02 {height: 450px; background: url(../img/image02.jpg) no-repeat center center; background-size: cover;}
	article.section-03 h2 {margin-bottom: 40px;}
	article.section-03 h3 {margin-bottom: 10px;}

	article.section-04 {padding: 100px 0 200px 0; background: url(../img/section04.jpg) no-repeat bottom center;}
	article.section-04 h2 {text-align: right;}

	article.section-05 {background: #212121; padding: 40px 0; color: #fff;}
	article.section-05 h2 {margin-bottom: 40px;}
	article.section-05 h4 {margin-top: 0px;}
	article.section-05 p {margin-bottom: 10px;}


	/* -- FOOTER -- */
	footer {width: 100%; background: #fff; padding: 10px 0 40px 0;}
	footer .copyrights {padding: 20px 0; color: #a8a8a8; font-weight: 300; line-height: 22px;}
	footer .logo {float: right; width: 192px; height: 52px; background: url(../img/footer-logo.png) no-repeat center center;}


	/* -- GENERAL -- */
	p {font-weight: 300;}
	h2 {color: #ea2a21; font-size: 54px; line-height: 60px; font-style: italic; font-weight: 900;}
	h3 {font-size: 32px; line-height: 40px; font-weight: 900;}
	h4 {font-size: 24px; line-height: 30px; font-weight: 300; margin: 10px 0;}

	ul.regular {list-style-type: disc; margin-left: 20px; }
	ul.regular li {font-weight: 300; line-height: 26px; margin-bottom: 5px;}
	ul.check {margin-left: 30px;}
	ul.check li {padding: 0 0 0 40px; background: url(../img/check.png) no-repeat top left; margin: 0 0 15px 0; font-weight: 300; width: 50%; float: left;}

	.right {float: right;}
	.button {display: inline-block; border: 3px solid #c6c7c3; border-radius: 3px; height: 41px; line-height: 35px; padding: 0 30px; color: #ea2a21;}
	.button:hover {background: #c6c7c3; color: #212121;}


	/* -- FORM -- */
	input, textarea {background: #383838; height: 50px; line-height: 20px; padding: 15px; background: #383838; border-radius: 4px; border: 0px; width: 100%; margin-bottom: 15px; font-family: 'Lato', sans-serif; color: #fff; -webkit-appearance: none;}
	textarea {height: 200px; resize: none;}
	input[type="submit"] {width: 150px; height: 55px; background: #ea2a21; color: #fff; text-align: center; font-size: 24px; margin-top: 20px; transition: all 250ms ease-in-out;}
	input[type="submit"]:hover {background: #383838;}
	.ajax-message {display: none; color: #fff; margin-bottom: 20px; font-weight: 300;}
	::-webkit-input-placeholder { color: #fff; }
	:-moz-placeholder { color: #fff; }
	::-moz-placeholder { color: #fff; }
	:-ms-input-placeholder { color: #fff; }


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

@media screen and (max-width: 1279px) {
	
	.wrapper.wrapper-medium {padding-left: 20px;}
	.wrapper.wrapper-half.left {padding: 50px 40px 0 40px;}
	.wrapper.wrapper-half.right {padding: 50px 20px 0 20px;}

	article.section-01 { background-size: auto 640px; height: 640px;}
	article.section-01 .bg { background-size: auto 640px; margin-left: 616px;}
	article.section-01 .screen {bottom: -140px;}
}

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

	.wrapper.wrapper-half.left {padding: 40px 20px;}
	.wrapper.wrapper-half.right {padding: 40px 20px; float: left;}

	article.section-02 .col-6,
	article.section-02 .col-5,
	article.section-03 .col-6,
	article.section-03 .col-5,
	article.section-04 .col-5 {width: 100%;}
	.pull-1 {margin: 0px;}

	article.section-01 { background-size: auto 550px; height: 550px;}
	article.section-01 .screen {background-size: 600px auto;}

	article.section-02 .icon-block:after {display: none;}
	article.section-02 ul.check {margin-top: 0px; margin-bottom: 40px;}

	article.section-04 h2 {text-align: left; margin-bottom: 40px;}
	article.section-04 .col-6 {max-width: 500px; width: auto;}

	h2 {font-size: 40px; line-height: 40px;}
	h3 {font-size: 26px; line-height: 30px;}
}

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

	.col-6,
	.col-5 {width: 100%;}
	.push-1 {margin: 0px;}

	.wrapper.wrapper-half.left {padding: 20px;}
	.wrapper.wrapper-half.right {padding: 20px;}

	body {font-size: 14px; line-height: 20px;}
	header nav {display: none;}

	article.section-01 { background-size: auto 280px; height: 280px;}
	article.section-01 .screen {width: 300px; height: 155px; background-size: 300px auto; bottom: -50px; margin: 0 0 0 -150px;}
	article.section-01 .bg { background-size: auto 280px; margin-left: 270px;}

	article.section-02 {padding: 90px 0 40px 0;}
	article.section-02 h2 {margin-bottom: 10px;}
	article.section-02 .icon-block {padding: 30px 0 0 0; margin-bottom: 20px;}
	article.section-02 .icon-block:before {display: none;}
	article.section-02 ul.check {margin: 0;}

	article.section-03 h2 {margin-bottom: 20px;}
	article.section-03 .image-01,
	article.section-03 .image-02 {height: 200px;}

	article.section-04 {background: transparent;}
	article.section-04 {padding: 40px 0;}
	article.section-04 h2 {margin-bottom: 20px;}

	article.section-05 h2 {margin-bottom: 20px;}
	article.section-05 form {margin-top: 20px;}

	footer {padding: 20px 0; text-align: center;}
	footer .logo {float: none; margin: 0 auto;}

	ul.check li {width: 100%; float: none; background-size: 20px; padding-left: 30px;}
	ul.regular li {line-height: 20px;}

	h2 {font-size: 30px; line-height: 30px;}
	h3 {font-size: 20px; line-height: 24px;}
	h4 {font-size: 18px; line-height: 22px;}


}