﻿/* 
	Table of Contents

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	         Mobile -----------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	         Mobile -----------------------------------
	II.  Regions --------------------------------------
	     01. Footer -----------------------------------
	         Mobile -----------------------------------
	     02. Header -----------------------------------
	         Mobile -----------------------------------
	     03. Main -------------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     04. Shell ------------------------------------
	     05. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Button -----------------------------------
	         Button Block -----------------------------
	         Mobile -----------------------------------
	     02. Burger Button ----------------------------
	         Mobile -----------------------------------
	     03. Features ---------------------------------
	         Mobile -----------------------------------
	     04. Fullsize Image ---------------------------
	     05. List -------------------------------------
	         List Contacts ----------------------------
	         List Features ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     06. Logo -------------------------------------
	         Mobile -----------------------------------
	     07. Nav --------------------------------------
	         Mobile -----------------------------------
	     08. Section ----------------------------------
	         Mobile -----------------------------------
	     09. Section Primary --------------------------
	         Mobile -----------------------------------
	     10. Section Secondary ------------------------
	         Mobile -----------------------------------
	     11. Section Tertiary -------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     12. Slider -----------------------------------
	         Mobile -----------------------------------
 */

.ico-arrow-right { background-image: url(../css/images/sprite.png); background-position: -27px 0; width: 14px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-fax { background-image: url(../css/images/sprite.png); background-position: -45px 0; width: 15px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-phone-secondary { background-image: url(../css/images/sprite.png); background-position: 0 -27px; width: 12px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-phone { background-image: url(../css/images/sprite.png); background-position: 0 0; width: 23px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; }
.cols:after,
.footer .col-size3:after,
.header .shell:after,
.features:after,
.section-secondary .shell:after,
.section-tertiary .section-body:after,
.slider .slide-content:after,
.slider .owl-nav:after { content: ''; line-height: 0; display: table; clear: both; }
/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */
*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }
html { tap-highlight-color: rgba(0,0,0,0); }
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }
img,
iframe,
video,
audio,
object { max-width: 100%; }
img,
iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }
b,
strong { font-weight: bold; }
address { font-style: normal; }
svg:not(:root) { overflow: hidden; }
a, button, input[type=submit], input[type=button], input[type=reset], input[type=file], input[type=image], label[for] { cursor: pointer; }
a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }
input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=week], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=color], textarea, a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
button,
select { text-transform: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
nav ul,
nav ol { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
body { min-width: 320px; background: #fff; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 1.3; color: #2e2f30; }
a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }
a[href^="tel"] { text-decoration: none; }
h1 { font-size: 40px; }
h2 { font-size: 30px; font-weight: 300; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
@media (max-width: 1023px) {

	body { font-size: 15px; }
	h1 { font-size: 33px; }
	h2 { font-size: 25px; }
	h3 { font-size: 18px; }
	h4 { font-size: 15px; }
	h5 { font-size: 14px; }
	h6 { font-size: 12px; }
}
/* Mobile */
@media (max-width: 767px) {
	
	body { font-size: 13px; }
	h1 { font-size: 25px; }
	h2 { font-size: 20px; }
	h3 { font-size: 16px; }
	h4 { font-size: 14px; }
	h5 { font-size: 13px; }
	h6 { font-size: 11px; }
}
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
@font-face {
	font-family: "TrajanPro";
	src: url("fonts/TrajanPro_400_normal_1453805894.eot");
	src: url("fonts/TrajanPro_400_normal_1453805894.eot?#iefix") format("embedded-opentype"),
		 url("fonts/TrajanPro_400_normal_1453805894.svg#TrajanPro") format("svg"),
		 url("fonts/TrajanPro_400_normal_1453805894.woff") format("woff"),
		 url("fonts/TrajanPro_400_normal_1453805894.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}
@font-face {
    font-family: 'Montserat';
    src: url('fonts/montserrat-hairline-webfont.eot');
    src: url('fonts/montserrat-hairline-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-hairline-webfont.woff2') format('woff2'),
         url('fonts/montserrat-hairline-webfont.woff') format('woff'),
         url('fonts/montserrat-hairline-webfont.ttf') format('truetype'),
         url('fonts/montserrat-hairline-webfont.svg#Montserat') format('svg');
    font-weight: 200;
    font-style: normal;

}
@font-face {
    font-family: 'Montserat';
    src: url('fonts/montserrat-light-webfont.eot');
    src: url('fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('fonts/montserrat-light-webfont.woff') format('woff'),
         url('fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('fonts/montserrat-light-webfont.svg#Montserat') format('svg');
    font-weight: 300;
    font-style: normal;

}
@font-face {
    font-family: 'Montserat';
    src: url('fonts/montserrat-bold-webfont.eot');
    src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff'),
         url('fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-bold-webfont.svg#Montserat') format('svg');
    font-weight: 700;
    font-style: normal;

}
@font-face {
  font-family: 'FontAwesome';
  src: url('../vendor/font-awesome-4.6.3/fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../vendor/font-awesome-4.6.3/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), 
	   url('../vendor/font-awesome-4.6.3/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), 
	   url('../vendor/font-awesome-4.6.3/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), 
	   url('../vendor/font-awesome-4.6.3/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), 
	   url('../vendor/font-awesome-4.6.3/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */
/*  Clear  */
.clear:after { content: ''; line-height: 0; display: table; clear: both; }
/*  Notext  */
.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }
/*  Hidden  */
[hidden],
.hidden { display: none; }
/*  Alignleft  */
.alignleft { float: left; }
/*  Alignright  */
.alignright { float: right; }
/*  Disabled  */
[disabled],
.disabled { cursor: default; }
/*  Grid  */
.cols:after { }
.col { float: left; width: 100%; }
.col-1of2 { width: 50%; }
.col-size1 { width: 42.457%; }
.col-size2 { width: 28.772%; }
.col-size3 { width: 28.597%; }
@media (max-width: 1300px) {

	.col-size1 { width: 41.457%; }
	.col-size2 { width: 26.772%; }
	.col-size3 { width: 31.597%; }
}
@media (max-width: 1023px) {

	.col-size1 { width: 29%; }
	.col-size2 { width: 29%; }
	.col-size3 { width: 38%; float: right; }
}
/* Mobile */
@media (max-width: 767px) {
	
	.col { width: 100%; float: none; }
}
/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer { background: #eaeaea; padding: 30px 0 48px; position: relative; }
.footer:before { position: absolute; bottom: 100%; left: 0; width: 100%; height: 128px; content: ''; background: url(images/bg-footer.png) no-repeat center 0; background-size: 100% 128px; z-index: 5; }
.footer .contacts { font-size: 16px; font-weight: 300; line-height: 1.625; }
.footer .contacts strong { font-weight: 500; }
.footer .copyright { text-align: center; font-family: 'Montserat', sans-serif; font-weight: 300; font-size: 14px; line-height: 1.857; border-right: 1px solid #adadad; border-left: 1px solid #adadad; margin-top: 14px; }
.footer .copyright a { text-decoration: none; }
.footer .list-contacts { float: left; text-align: right; padding: 3px 0 0 30px; }
.footer .footer-logo { float: right; margin-right: -36px; }
.footer .col-size3:after { }
@media (max-width: 1300px) {

	.footer .footer-logo { width: 104px; height: 87px; margin-right: -15px; }
}
@media (max-width: 1023px) {

	.footer { text-align: center; }
	.footer:before { height: 82px; background-size: 100% 82px; }

	.footer .copyright { border: none; margin-top: 0; }
	.footer .list-contacts { padding: 0; margin-bottom: 15px; }
	.footer .footer-logo { margin-right: -5px; }
}
/* Mobile */
@media (max-width: 767px) {
	
	.footer { padding: 20px 0 10px; }
	.footer:before { height: 42px; background-size: 100% 42px; }

	.footer .contacts { font-size: 13px; }

	.footer .copyright { font-size: 13px; }

	.footer .list-contacts { font-size: 13px; float: none; text-align: center; }

	.footer .footer-logo { float: none; margin: 0; }
	.footer .col + .col { margin-top: 20px; }
}
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header { background: #fff; position: relative; z-index: 20; }
.header:before { position: absolute; top: 100%; left: 0; width: 100%; height: 128px; content: ''; background: url(images/bg-top.png) no-repeat center 0; background-size: 100% 128px; z-index: 5; }
.header .shell:after { }
.header .header-bar { background: #123f83; }
.header .header-bar img { width: 100%; height: 128px; position: absolute; top: calc(100% - 6px); left: 0; z-index: 20; }
.header .header-content { padding: 29px 0 4px; }
.header .logo { float: left; margin: 5px 0 0 -42px; }
.header .slogan { float: left; font-family: 'TrajanPro', sans-serif; font-size: 32px; color: #134084; margin: 31px 0 0 65px; }
.header .header-callout { float: right; border-radius: 40px; background: #72b4f1; font-family: 'Roboto Condensed', sans-serif; position: relative; width: 392px; padding: 7px 0 10px 45px; margin-right: -23px; }
.header .header-callout p { color: #162345; font-size: 26px; font-weight: 700; }
.header .header-callout a { text-decoration: none; font-size: 37px; color: #fff; line-height: 1; font-weight: 700; }
.header .header-callout img { position: absolute; top: -9px; right: -45px; }
.header .header-callout .fa { font-size: 29px; }
@media (max-width: 1300px) {

	.header .logo { margin: 5px 0 0 0; }
	.header .slogan { margin-left: 30px; font-size: 25px; }

	.header .header-content { padding: 30px 0; }

	.header .header-callout { margin-right: 15px; padding: 7px 0 10px 35px; }
	.header .header-callout img { right: -20px; }
	.header .header-callout p { font-size: 24px; }
	.header .header-callout a { font-size: 32px; }
}
@media (max-width: 1023px) {

	.header .header-content { position: relative; padding: 10px 0; }
	.header .logo { float: none; }
	.header .slogan { float: none; margin: 15px 0; }
	.header .header-callout { float: none; display: inline-block; text-align: left; margin: 0; position: absolute; top: 20px; right: 40px; }

	.header:before { height: 82px; background-size: 100% 82px; }
}
/* Mobile */
@media (max-width: 767px) {
	
	.header:before { height: 42px; background-size: 100% 42px; }

	.header .header-content { padding: 0 0 15px; }

	.header .slogan { font-size: 20px; }

	.header .header-callout { width: 280px; padding-left: 25px; position: relative; top: 0; left: 0; }

	.header .header-callout p { font-size: 16px; }
	.header .header-callout a { font-size: 22px; }
	.header .header-callout img { width: 97px; right: -13px; top: -10px; }

	.header .header-callout .fa { font-size: 17px; }

	.header .header-bar .shell { position: relative; }
	.header .header-bar { min-height: 20px; }
}
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main { padding: 56px 0 141px; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	
	.main { padding: 50px 0 100px; }
}
/* Mobile */
@media (max-width: 767px) {
	
	.main { padding: 30px 0 40px; }
}
/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */
.shell { max-width: 1170px; padding-left: 15px; padding-right: 15px; margin: auto; }
.shell-fluid { max-width: none; }
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper { min-height: 100vh; }
/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; color: #fff; transition: background .2s, color .2s; 
	-webkit-appearance: none;
	   -moz-appearance: none;
	 		appearance: none;
}
.btn-blue { background: #134084; border: 1px solid #134084; }
.btn-blue:hover { background: #162345; }
.btn-primary { font-family: 'Montserat', sans-serif; font-weight: 200; font-size: 26px; padding: 7px 25px 11px 28px; }
.btn-secondary { border-radius: 7px; border-width: 0 2px 2px 0; border-style: solid; border-color: #fff; box-shadow: 2px 2px 5px rgba(0, 0, 0, .3); font-weight: 500; text-transform: uppercase; font-size: 24px; text-shadow: 1px 1px 1px #000; padding: 8px 44px 8px 42px; 
	background-color:                       #2bb4fb;
	      background:linear-gradient(#2bb4fb, #088ed3);
}
.btn-secondary:hover {
	background-color:                       #088ed3;
	      background:linear-gradient(#088ed3, #2bb4fb);
}
/*  Button Block  */
.btn-block { display: block; padding-left: 0; padding-right: 0; }
@media (max-width: 1023px) {

	.btn-primary { font-size: 21px; padding: 7px 25px; }
	.btn-secondary { font-size: 20px; }
}
/* Mobile */
@media (max-width: 767px) {
	
	.btn-primary { font-size: 13px; }
	.btn-secondary { font-size: 15px; }
}
/* ------------------------------------------------------------ *\
	Burger Button
\* ------------------------------------------------------------ */
.btn-menu { display: none; height: 9px; padding: 15px 0; background:none; border: none; position: absolute; top: 5px; right: 15px; z-index: 35; 
-webkit-appearance: none; 
-moz-appearance: none; 
appearance: none;}
.btn-menu span { position: relative; display: block; width: 25px; height: 15px; border-top: 3px solid #72b4f1; }
.btn-menu span:before,
.btn-menu span:after { position: absolute; left: 0; width: 100%; height: 3px; background: #72b4f1; content: ''; }
.btn-menu span:before { top: -12px; }
.btn-menu span:after { top: 6px; }
.btn-menu span:before,
.btn-menu span:after,
.btn-menu span { 
	transition: all .3s linear; 
}
.btn-menu.active { background-color: transparent; }
.btn-menu.active span { border-color: transparent; }
.btn-menu.active span:before,
.btn-menu.active span:after { background: #72b4f1; }
.btn-menu.active span:before { 
-webkit-transform: rotate(45deg) translate(3.5px, 9px);
		-ms-transform: rotate(45deg) translate(3.5px, 9px);
    transform: rotate(45deg) translate(3.5px, 9px);
}
.btn-menu.active span:after { 
-webkit-transform: rotate(-45deg) translate(3.5px, -9px);
		-ms-transform: rotate(-45deg) translate(3.5px, -9px);
    transform: rotate(-45deg) translate(3.5px, -9px);
}
/* Mobile */
@media (max-width: 767px) {
	
	.btn-menu { display: block; }
}
/* ------------------------------------------------------------ *\
	Features
\* ------------------------------------------------------------ */
.features { list-style: none outside none; margin: 0 -15px; }
.features:after { }
.features .feature { width: 33.33%; float: left; padding: 0 15px; }
.feature .feature-content a { background: #123f83; color: #fff; font-weight: 500; font-size: 22px; text-decoration: none; display: inline-block; width: 100%; padding: 13px 30px 12px 23px; position: relative; transition: background .2s; }
.feature .feature-content a:hover { background: #1855b1; }
.feature .feature-content .fa { position: absolute; top: 7px; right: 16px; color: #2bb4fb; font-size: 40px; }
@media (max-width: 1023px) {

	.feature .feature-content a { font-size: 17px; }
	.feature .feature-content .fa { font-size: 30px; }
}
/* Mobile */
@media (max-width: 767px) {
	
	.features .feature { width: 100%; float: none; }
	.features .feature + .feature { margin: 20px 0 0; }
	.feature img { width: 100%; }
}
/* ------------------------------------------------------------ *\
	Fullsize Image
\* ------------------------------------------------------------ */
.fullsize-image { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.fullsize-image > img { display: none; }
/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; }
/*  List Contacts  */
.list-contacts { font-family: 'Montserat', sans-serif; font-weight: 300; font-size: 14px; color: #4d4d4d; }
.list-contacts li + li { margin-top: 7px; }
.list-contacts a { text-decoration: none; }
.list-contacts p { display: inline-block; vertical-align: middle; }
/*  List Features  */
.list-features { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; text-align: center; font-weight: 300; font-size: 16px; color: #2e2f30; line-height: 1.625; }
.list-features h4 { color: #123f83; font-weight: 700; margin-bottom: 18px; }
.list-features li { vertical-align: middle; background: #e5eff9; width: 33.33%; padding: 30px 34px 33px; }
.list-features li + li { margin-left: 30px; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	
	.list-features li { padding: 20px; font-size: 15px; }
	.list-features li + li { margin-left: 15px; }
}
/* Mobile */
@media (max-width: 767px) {
	
	.list-features { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.list-features li { width: 100%; }
	.list-features li + li { margin: 20px 0 0; }

	.list-contacts p { margin-top: -5px; }
	.list-contacts li + li { margin-top: 10px; }
}
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
.logo { display: inline-block; background: url(images/logo.jpg) no-repeat 0 0; width: 254px; height: 107px; background-size: cover; font-size: 0; line-height: 0; text-indent: -4004px; vertical-align: middle; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.logo { background: url(images/logo@2x.jpg) no-repeat 0 0; width: 254px; height: 107px; background-size: cover; }
}
@media (max-width: 1300px) {

	.logo { width: 190px; height: 83px; }
}
/* Mobile */
@media (max-width: 767px) {
	
	.logo { width: 149px; height: 61px; }
}
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav { font-family: 'Roboto', sans-serif; font-weight: 300;font-size: 0; text-align: center; }
.nav li { font-size: 28px; display: inline-block; vertical-align: middle; }
.nav li + li { margin-left: 9px; }
.nav a { color: #fff; display: inline-block; text-decoration: none; background: transparent; padding: 15px 21px 17px 24px; }
.nav li.active a,
.nav a:hover { background: #162345; }
@media (max-width: 1023px) {

	.nav li { font-size: 23px; }
}
/* Mobile */
@media (max-width: 767px) {
	
	.nav { position: absolute; top: -20%; left: 0; width: 100%; visibility: hidden; opacity: 0; transition: all .2s; padding: 20px 0 0; }

	.nav li { display: block; font-size: 17px; }
	.nav li + li { margin: 10px 0 0; }

	.nav a { display: block; padding: 7px; }

	.nav.active { position: relative; top: 0; opacity: 1; visibility: visible; }
}
/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */
.section h1 { text-align: right; color: #123f83; margin-bottom: 35px; }
.section h2.section-title { position: relative; padding-bottom: 17px; margin-bottom: 32px; }
.section h2.section-title:before { content: ''; width: 100%; height: 5px; background: #2bb4fb; position: absolute; bottom: 0; left: 0; }
/* Mobile */
@media (max-width: 767px) {
	
	.section h2.section-title { margin-bottom: 18px; }
	.section h1 { margin-bottom: 15px; }
}
/* ------------------------------------------------------------ *\
	Section Primary
\* ------------------------------------------------------------ */
.section-primary .section-head { text-align: center; font-size: 24px; font-weight: 300; line-height: 1.375; padding: 0 55px; margin-bottom: 48px; }
.section-primary .section-head strong { color: #043d87; font-weight: 700; text-transform: uppercase; }
@media (max-width: 1023px) {

	.section-primary .section-head { font-size: 20px; }
}
/* Mobile */
@media (max-width: 767px) {
	
	.section-primary .section-head { font-size: 17px; padding: 0; margin-bottom: 20px; }
}
/* ------------------------------------------------------------ *\
	Section Secondary
\* ------------------------------------------------------------ */
.section-secondary { padding: 47px 0 0; }
.section-secondary .shell:after { }
.section-secondary p { line-height: 1.625; }
.section-secondary .section-content { width: 63.159%; float: left; }
.section-secondary .section-aside { width: 34.211%; float: right; text-align: center; padding-top: 95px; }
.section-secondary .section-aside .btn { margin-bottom: 25px; }
/* Mobile */
@media (max-width: 767px) {
	
	.section-secondary { padding: 30px 0 0; }
	.section-secondary .section-content { width: 100%; float: none; }
	.section-secondary .section-aside { width: 100%; float: none; padding-top: 40px; }
	.section-secondary .section-aside img { display: block; margin: 0 auto; }
}
/* ------------------------------------------------------------ *\
	Section Tertiary
\* ------------------------------------------------------------ */
.section-tertiary { padding: 30px 0 36px; }
.section-tertiary .section-body { margin-bottom: 24px; }
.section-tertiary .section-body:after { }
.section-tertiary .section-content { float: left; width: 46.3%; }
.section-tertiary .section-content p { font-weight: 300; line-height: 1.625; }
.section-tertiary .section-content p + p { margin-top: 15px; }
.section-tertiary .section-content span { font-style: italic; font-size: 24px; color: #1063b2; display: inline-block; padding-bottom: 8px; }
.section-tertiary .section-image { width: 48.6852%; float: right; }
.section-tertiary .section-image p { font-weight: 300; line-height: 1.625; }
.section-tertiary .section-image p + p { margin-top: 15px; }

.section-tertiary .section-foot { font-weight: 300; line-height: 1.625; }
.section-tertiary .list-features { margin-bottom: 50px; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	
	.section-tertiary .section-content { float: none; width: 100%; margin-bottom: 20px; }
	.section-tertiary .section-content span { font-size: 22px; }
	.section-tertiary .section-content p + p { margin-top: 15px; }

	.section-tertiary .section-image { width: 100%; float: none; padding: 0; }
	.section-tertiary .section-image img { width: 100%; }

	.section-tertiary .section-body { margin-bottom: 30px; }
}
/* Mobile */
@media (max-width: 767px) {
	
	.section-tertiary { padding: 0 0 30px; }
	.section-tertiary .list-features { margin-bottom: 20px; }
	.section-tertiary .section-content span { font-size: 18px; }
}
/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider { position: relative; }
.slider .slides:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 128px; content: ''; background: url(images/slider-bg-bottom.png) no-repeat center 0; background-size: 100% 128px; z-index: 5; }
.slider .slide { overflow: hidden; position: relative; }
.slider .slide-image { padding-top: 49%; background-position: center top; }
.slider .slide-image img { display: none; }
.slider .slide-content { position: absolute; width: 100%; top: 54%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 25; }
.slider .slide-content:after { }
.slider .slide-inner { width: 449px; float: right; text-align: left; }
.slider .slides { list-style: none outside none; }
.slider h2 { color: #fff; text-align: left; font-size: 62px; font-family: 'Montserat', sans-serif; font-weight: 700; line-height: 0.9; margin-bottom: 35px; }
.slider h2 span { font-weight: 300; display: block; margin-bottom: 3px; }
.slider .owl-nav { position: absolute; top: 50%; left: 50%; width: 100%; z-index: 40; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: 1259px; padding: 0 15px; }
.slider .owl-nav:after { }
.slider .owl-prev { background: url(images/ico-arrow-left-white.png) no-repeat 0 0; width: 22px; height: 38px; font-size: 0; float: left; }
.slider .owl-next { background: url(images/ico-arrow-right-white.png) no-repeat 0 0; width: 22px; height: 38px; font-size: 0; float: right; }
.slider .owl-dots { text-align: right; max-width: 1170px; margin: 0 auto; position: relative; top: 0; padding-right: 15px; z-index: 55; }
.slider .owl-dots .owl-dot + .owl-dot { margin-left: 12px; }
.slider .owl-dots .owl-dot { width: 15px; height: 15px; border-radius: 50%; background: #bfbfbf; transition: background .2s; display: inline-block; vertical-align: middle; }
.slider .owl-dots .owl-dot.active { background: #2bb4fb; }
.slider .slide-secondary h2 { color: #3c6200; font-size: 76px; }
.slider .slide-secondary h2 span { font-size: 62px; }
.slider .slide-tertiary h2 { color: #123f83; font-size: 50px; }
@media (max-width: 1300px) {

	.slider .slide-image { min-height: 609px; }
}
@media (max-width: 1023px) {

	.slider .slides:after { height: 82px; background-size: 100% 82px; }

	.slider .slide-inner { margin-right: 35px; width: 315px; }

	.slider h2 { font-size: 40px; }

	.slider .slide-tertiary h2 { font-size: 35px; }
	.slider .slide-secondary h2 { font-size: 40px; }
	.slider .slide-secondary h2 span { font-size: 38px; }
}
/* Mobile */
@media (max-width: 767px) {
	
	.slider .slide-image { min-height: 445px; }
	.slider .slide-inner { width: 220px; margin-right: 20px; }

	.slider h2 { font-size: 22px; text-shadow: 0 0 1px rgba(0, 0, 0, 0.7); }
	
	.slider .slides:after { height: 42px; background-size: 100% 42px; }

	.slider .slide-tertiary h2,
	.slider .slide-secondary h2 { font-size: 22px; text-shadow: 0 0 1px rgba(255, 255 ,255 , 0.7);}

	.slider .slide-secondary h2 span { font-size: 22px; }

}
