/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

* { padding: 0; margin: 0; outline: 0; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { min-width: 320px; background: #fff; font-family: 'Oswald', sans-serif; font-size: 16px; line-height: 1.3; color: #333; -webkit-font-smoothing:antialiased; }

a { color: inherit; cursor: pointer; text-decoration: none; }
a:hover { text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Lato', sans-serif; }

h1 { font-family: 'Oswald', sans-serif; font-size: 40px; font-weight: normal; }
h2 { font-size: 32px; color: #074a7a; font-weight: 300; }
h3 { font-size: 28px; line-height: 1.56; color: #261c1c; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

p ~ p { margin-top: 26px; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

ul,
ol { list-style-position: inside; }
.alpha { margin-left: 20px; }

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }

/* ------------------------------------------------------------ *\
	Containers
\* ------------------------------------------------------------ */
.wrapper { position: relative; overflow: hidden; min-height: 100%; }

.shell { width: 1026px; margin: 0 auto; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; padding-top: 11px; border-top: 2px solid #197fa1; background: rgba(255,255,255, .88); box-shadow: 1px 3px 4px rgba(0,0,0,0.2); }

.header .shell { height: auto; }

.logo { overflow: hidden; float: left; width: 404px; height: 65px; margin-top: 9px; background: url(../images/logo.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; }
.logo {
	-webkit-background-size: 100% 100%;
	        background-size: 100% 100%;
}

.header-inner { float: right; padding-top: 2px; }

.header-actions { float: right; margin-right: 1px; }

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav { float: right; padding-top: 14px; margin-right: 4px; clear: both; }

.nav ul { list-style: none outside none; }
.nav li { position: relative; }
.nav a { display: block; text-transform: uppercase; }

.nav > ul:before,
.nav > ul:after { display: table; content: ' '; }
.nav > ul:after { clear: both; }

.nav > ul > li { float: left; }
.nav > ul > li ~ li { margin-left: 44px; }
.nav > ul > li > a { position: relative; padding: 0 0 18px; font-size: 19px;  letter-spacing: -0.03em; }
.nav > ul > li:hover > a,
.nav > ul > li > a:hover { color: #074a7a; }

.nav > ul > .has-dropdown > a { padding-right: 16px; }
.nav > ul > .has-dropdown + li { margin-left: 27px; }

.nav > ul > .has-dropdown > a:after { position: absolute; top: 10px; right: 0px; width: 12px; height: 7px; background: url(../images/sprite.png) no-repeat -74px -121px; content: ''; }

.nav li:hover > ul { opacity: 1; visibility: visible; }

.nav ul ul { position: absolute; top: 100%; right: 0px;  width: 308px; padding-bottom: 1px; border-top: 6px solid #16759a; background: #fff; opacity: 0; visibility: hidden; }
.nav ul ul {
	-webkit-transition: opacity 0.4s, visibility 0.4s;
	     -o-transition: opacity 0.4s, visibility 0.4s;
	        transition: opacity 0.4s, visibility 0.4s;
}
.nav ul ul li ~ li { border-top: 1px solid #98aac1; }
.nav ul ul a { padding: 9px 5px 8px 18px; font-size: 16px; color: #074a7a; }
.nav ul ul a:hover { color: #2f78ac; }

/* ------------------------------------------------------------ *\
	Fullsize Image
\* ------------------------------------------------------------ */

.fullsize-image { background-position: 50% 50%; background-repeat: no-repeat; }
.fullsize-image {
	-webkit-background-size: cover;
	        background-size: cover;
}

.fullsize-image > img { display: none; }

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider { position: relative; z-index: 1; border-bottom: 7px solid #fff; background: #19648b; color: #fff; box-shadow: 1px 3px 4px rgba(0,0,0,0.2); }

.slider .slider-clip { position: relative; z-index: 2; }

.slider .slides { list-style: none outside none; }

/* .slider .shell { max-width: 1340px; width: auto; } */
.slider .shell { max-width: 1600px; width: auto; }

.slider .slide-body { position: relative; }

.slider h1 { margin-bottom: 24px; }
.slider h1 span { display: inline-block; padding: 4px 9px 6px; background: rgba(0,0,0, .58); }
.slider h1 span ~ span { margin-top: 2px; }

.slider .slide-image { height: 514px; }

.slider .slide-content { position: absolute; top: 176px; left: 12%; padding: 0 0 0 54px; }

.slider .slide-content a { padding-left: 6px; font-size: 20px; text-shadow: 1px 3px 8px  rgba(0,0,0,0.66); text-transform: uppercase; }
.slider .slide-content a:hover { text-decoration: underline; }
.slider .slide-content a span { color: #1b86a7; }

.slider .bx-controls { display: none; }

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */
.intro { position: relative; z-index: 1; padding-top: 116px; border-bottom: 7px solid #fff; background: #19648b; color: #fff; box-shadow: 1px 3px 4px rgba(0,0,0,0.2); }
.intro-background { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-position: center bottom; }
.intro-background {
	-webkit-background-size: auto auto;
	        background-size: auto auto;
}

.intro-inner { position: relative; z-index: 2; }

.intro-content { padding: 56px 0 41px; }
.intro-content h1 { display: inline-block; padding: 5px 32px 10px 23px; background: rgba(0,0,0, .58); color: #fff; text-transform: uppercase; }

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section .section-title { font-size: 45px; color: #000; }

.section p a { color: #074a7a; }
.section p a:hover { text-decoration: underline; }

/*  Section Cols  */
.section-cols { overflow: hidden; }
.section-col { float: left; }
.section-col-size1 { width: 47.3%; }
.section-col-size2 { width: 45.2%; margin-left: 7.5%; }

/* ------------------------------------------------------------ *\
	Section News
\* ------------------------------------------------------------ */
.section-news { position: relative; padding: 43px 0 99px; background: url(../images/section-news.jpg) no-repeat 0 0; box-shadow: 1px 3px 4px rgba(0,0,0,0.2); }
.section-news {
	-webkit-background-size: 100% 100%;
	        background-size: 100% 100%;
}

.section-news .section-body { overflow: hidden; }

.section-news .section-content { float: left; width: 64%; font-family: 'Lato', sans-serif; color: #000; }
.section-news .section-content h2 { margin-bottom: 17px; }
.section-news .section-content p { line-height: 1.6; }

.section-news .section-aside { float: right; width: 30.75%; }

.section-news .list-links { margin-top: 53px; }

/*  List Links  */
.list-links { list-style: none outside none; }
.list-links li { position: relative; display: inline-block; vertical-align: top; }
.list-links li ~ li { padding-left: 10px; margin-left: 3px; }
.list-links li ~ li:before { position: absolute; top: 4px; left: 0; height: 15px; border-left: 1px solid #000; content: ''; }
.list-links a { color: #197fa1; }
.list-links a:hover { text-decoration: underline; }

/* ------------------------------------------------------------ *\
	Section About
\* ------------------------------------------------------------ */
.section-about { padding: 57px 0 50px; border-bottom: 1px solid #fff; background: #fff url(../images/section-about.jpg) no-repeat center top; color: #fff; box-shadow: 1px 3px 4px rgba(0,0,0,0.2); }
.section-about {
	-webkit-background-size: auto 100%;
	        background-size: auto 100%;
}

.section-about h3 { color: #fff; }

.section-about .section-inner { max-width: 924px; margin: 0 auto; }

.section-about .section-body { padding: 40px 0 41px; border-top: 8px solid rgba(99, 147, 182, .47); background: rgba(0,0,0, .77); font-size: 0; }
.section-about .section-body:before,
.section-about .section-body:after { display: table; content: ' '; }
.section-about .section-body:after { clear: both; }

.section-about .section-image { display: inline-block; width: 34.7%; vertical-align: middle; text-align: right; }
.section-about .section-image img { max-width: 100%; height: auto; }
.section-about .section-content { display: inline-block; width: 61.6%; padding: 0 45px 0 7px; margin-left: 3.7%; font-size: 16px; vertical-align: middle; }
.section-about .section-content {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.section-about .section-title { font-family: 'Oswald', sans-serif; font-size: 30px; font-weight: normal; text-transform: uppercase; }

.section-about .section-content { font-family: 'Lato', sans-serif; }
.section-about .section-content p { margin-bottom: 13px; font-size: 19px; line-height: 1.55; font-weight: 300; font-style: italic; }
.section-about .section-content a { text-decoration: underline; }
.section-about .section-content a:hover { text-decoration: none; }
.section-about .section-content span { font-weight: bold; }

.section-about .section-actions a { display: block; overflow: hidden; background: #16759a; }
.section-about .section-actions a:hover { background: #074a7a; }
.section-about .section-actions a:hover strong { background: #16759a; }
.section-about .section-actions a:hover strong:after { border-color: transparent transparent transparent #16759a; }

.section-about .section-actions strong { position: relative; float: left; width: 69.2%; height: 70px; padding: 18px 10px 19px 37px; background: #074a7a; font-size: 26px; font-weight: normal; text-transform: uppercase; }
.section-about .section-actions strong {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.section-about .section-actions strong:after { position: absolute; top: 0; left: 100%; width: 0; height: 0; border-style: solid; border-width: 35px 0 35px 35px; border-color: transparent transparent transparent #074a7a; content: ''; }
.section-about .section-actions .btn-white { float: right; padding: 5px 31px; border: none; margin: 16px 53px 0 0; font-size: 20px; }
.section-about .section-actions .btn-white:hover { opacity: 1; }

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main { overflow: hidden; padding: 38px 0 40px; font-family: 'Lato', sans-serif; }

.main-alt .content { float: left; width: 60%; }
.main-alt .sidebar { float: right; width: 35%; }

/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */
.article { font-family: 'Lato', sans-serif; }

.article-image { float: left; margin: 11px 43px 0 0; }

.article-inner { overflow: hidden; }

.article-head { margin-bottom: 24px; }
.article-head h5 { font-size: 18px; color: #074a7a; }

.article-title { font-size: 45px; line-height: 1.2; color: #074a7a; font-weight: 300; }

.article p { line-height: 1.5; }

.article a { color: #305285; text-decoration: underline; }

.article-actions { padding-left: 7px; margin-bottom: 20px; }

.article-cols { overflow: hidden; }
.article-col { float: left; }
.article-col-size1 { width: 40%; margin-right: 5%; }
.article-col-size2 { width: 55%; }

/*  Info Items  */
.info-items { list-style: none outside none; }

.info-item { line-height: 1.5; }
.info-item ~ .info-item { padding-top: 20px; border-top: 1px solid #99cde1; margin-top: 26px; }

.info-item ul { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Article About
\* ------------------------------------------------------------ */
.article-about { padding-top: 22px; }
.article-about ~ .article-about { padding-top: 0; margin-top: 113px; }
.article-about .article-head { margin-bottom: 31px; }

/* ------------------------------------------------------------ *\
	Article Primary
\* ------------------------------------------------------------ */
.article-primary { padding: 11px 218px 0 0; }
.article-primary p { font-size: 18px; line-height: 1.56; color: #074a7a; font-weight: bold; }

.article-primary a { color: #197fa1; }
.article-primary a:hover { text-decoration: none; }

/* ------------------------------------------------------------ *\
	Section Services
\* ------------------------------------------------------------ */
.section-services { margin-top: 44px; font-family: 'Lato', sans-serif; }

.section-services .section-head { margin-bottom: 36px; }

/*  Services  */
.services { margin: 0 -27px; font-size: 0; list-style: none outside none; }
.service { display: inline-block; width: 50%; padding: 0 27px; margin-bottom: 53px; font-size: 16px; vertical-align: top; }

.service {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.service-image { margin-bottom: 12px; }
.service-image img { max-width: 100%; height: auto; }

.service h1 { margin-bottom: 2px; font-family: 'Lato', sans-serif; font-size: 28px; font-weight: bold; }
.service p { line-height: 1.56; }

/* ------------------------------------------------------------ *\
	Section Case
\* ------------------------------------------------------------ */
.section-case { padding-top: 5px; }

.section-case ~ .section-case { margin-top: 20px; }
.section-case .section-head { margin-bottom: 19px; }

.section-case .section-title { color: #074a7a; }

.section-case .section-body { overflow: hidden; }

.section-case .section-content { overflow: hidden; }

.section-case .section-image { float: right; padding-top: 42px; margin-left: 30px; }
.section-case .section-image img { max-width: 100%; height: auto; }

.section-case .info-item ~ .info-item { border-top: none; margin-top: 4px; }

.section-case .section-content-actions { margin-top: 58px; }

.section-case .list-links { margin-top: 7px; font-size: 17px; }
.section-case .list-links li ~ li { margin-left: 7px; }

/* ------------------------------------------------------------ *\
	Section Contacts
\* ------------------------------------------------------------ */

.section-contacts h3 { line-height: 1.5; }
.section-contacts p { line-height: 1.5; }

.list-contacts { margin-top: 34px; list-style: none outside none; }
.list-contacts li ~ li { margin-top: 7px; }
.list-contacts span { display: inline-block; width: 26px; margin-right: 6px; text-align: center; vertical-align: bottom; }

.form-contacts { margin-top: 5px; }
.form-contacts img { max-width: 100%; height: auto; }

/* ------------------------------------------------------------ *\
	Widgets
\* ------------------------------------------------------------ */
.widgets { list-style: none outside none; }

.widget ~ .widget { margin-top: 46px; }

.widget-title { font-family: 'Oswald', sans-serif; font-size: 19px; color: #5a5a5a; font-weight: normal; text-transform: uppercase; }

/* ------------------------------------------------------------ *\
	Widget Form
\* ------------------------------------------------------------ */
.widget-form { padding: 18px 10px 34px; background: #4e6d95; }

.widget-form .widget-head { color: #fff; text-align: center; }
.widget-form .widget-title { margin-bottom: 9px; font-family: 'Lato', sans-serif; font-size: 31px; line-height: 1.2; color: #fff; font-weight: bold; text-transform: none; letter-spacing: 0.02em; }

.widget-form .widget-head p { font-family: 'Lato', sans-serif; font-size: 15px; line-height: 1.25; color: #c6e0ff; }

/* ------------------------------------------------------------ *\
	Widget Twitter
\* ------------------------------------------------------------ */
.widget-twitter .widget-head { padding-bottom: 9px; border-bottom: 2px solid #19648b; margin-bottom: 20px; }

.widget-twitter .ico-twitter-secondary { margin-right: 6px; vertical-align: bottom; }

.widget-twitter .widget-body { text-align: center; }

.widget-twitter .widget-body iframe { width: 100% !important; }

/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */
.ico { display: inline-block; background: url(../images/sprite-secondary-ld.png) no-repeat; vertical-align: top; }

.ico-twitter-secondary { width: 29px; height: 29px; background-position: 0px 0px; }

.ico-twitter,
.ico-facebook,
.ico-linkedin { width: 27px; height: 27px; }

.ico-twitter { background-position: -31px -33px; }
.ico-facebook { background-position: -33px 0px; }
.ico-linkedin { background-position: 0px -33px; }

.ico-location { width: 25px; height: 25px; background-position: -64px 0px; }
.ico-mail { width: 21px; height: 18px; background-position: -64px -29px; }

/* ------------------------------------------------------------ *\
	Btns
\* ------------------------------------------------------------ */
.btn { display: inline-block; font-family: 'Oswald', sans-serif; vertical-align: top; }
.article .btn { text-decoration: none; }

.btn {
	-webkit-transition: background 0.4s, opacity 0.4s;
	     -o-transition: background 0.4s, opacity 0.4s;
	        transition: background 0.4s, opacity 0.4s;
}

.btn-white { padding: 2px 17px 4px 14px; border: 3px solid #074a7a; border-radius: 6px; background: #fff; font-size: 19px; color: #074a7a; text-transform: uppercase; letter-spacing: 0.025em; }
.btn-white:hover { opacity: 0.8; }

.btn-blue { padding: 9px 50px 10px; border-radius: 7px; background: #074a7a; font-size: 20px; color: #fff; text-transform: uppercase; letter-spacing: 0.035em; }
.btn-blue:hover { background: #175c8e; }

.btn-int { padding: 9px 50px 10px; border-radius: 7px; background: #074a7a; font-size: 20px; color: #fff; text-transform: uppercase; letter-spacing: 0.035em; }
.btn-int:hover { background: #175c8e; }

.btn-download { font-family: 'Lato', sans-serif; }
.btn-download .ico-download { margin-right: 6px; vertical-align: middle; }
.btn-download span { display: inline-block; font-size: 18px; vertical-align: middle; }

.btn-download:hover { opacity: 0.8; }

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer-bar .shell:before,
.footer-bar .shell:after { display: table; content: ' '; }
.footer-bar .shell:after { clear: both; }

.copyright { margin-top: 12px; font-family: 'Lato', sans-serif; font-size: 13px; color: #90b8d5; font-weight: 300; letter-spacing: 0.02em; }
.copyright a:link { margin-top: 12px; font-family: 'Lato', sans-serif; font-size: 13px; color: #90b8d5; font-weight: 300; letter-spacing: 0.02em; }
.copyright a:visited { margin-top: 12px; font-family: 'Lato', sans-serif; font-size: 13px; color: #90b8d5; font-weight: 300; letter-spacing: 0.02em; }
.copyright a:active { margin-top: 12px; font-family: 'Lato', sans-serif; font-size: 13px; color: #90b8d5; font-weight: 300; letter-spacing: 0.02em; }
.copyright a:hover { margin-top: 12px; font-family: 'Lato', sans-serif; font-size: 13px; color: #90b8d5; font-weight: 300; letter-spacing: 0.02em; }

.footer-bar { padding: 24px 0; }

.footer-logo { float: left; width: 283px; height: 46px; margin: 0 0 0 2px; background: url(../images/logo.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; }
.footer-logo {
	-webkit-background-size: 100% 100%;
	        background-size: 100% 100%;
}

/*  Socials  */
.socials { float: left; margin: 11px 0 0 20px; }
.socials ul { font-size: 0; list-style: none outside none; }
.socials li { display: inline-block; margin: 0 10px; vertical-align: top; }

.footer-inner { float: right; padding-top: 10px; text-align: center; }

.footer-inner .footer-actions { display: inline-block; margin-left: 20px; vertical-align: middle; }
.footer-inner .btn-white { padding: 4px 27px 2px 20px; border: 2px solid #4e6d95; font-size: 17px; color: #074a7a; letter-spacing: -0.025em; }

/*  Footer Nav  */
.footer-nav { display: inline-block; vertical-align: middle; }
.footer-nav ul { font-size: 0; list-style: none outside none; }
.footer-nav li { display: inline-block; margin: 0 8px; font-size: 17px; vertical-align: top; }
.footer-nav a { color: #9a9a9a; text-transform: uppercase; }

/* ------------------------------------------------------------ *\
	Slider Solutions
\* ------------------------------------------------------------ */
.slider-solutions { position: relative; padding: 41px 0 25px; background: url(../images/slider-solutions.jpg) repeat-y center top; color: #fff; box-shadow: inset 2px 4px 5px rgba(0,0,0,0.24); }
.slider-solutions {
	-webkit-background-size: 100% 100%;
	        background-size: 100% 100%;
}

.slider-solutions .slide-head { padding: 0 65px; margin-bottom: 36px; text-align: left; }
.slider-solutions .slide-head h2 { font-family: 'Oswald', sans-serif; font-size: 23px; color: #fff; font-weight: normal; text-shadow: 1px 2px 5px rgba(0,0,0,0.75); }
.slider-solutions .slide-body { overflow: hidden; padding: 0 86px; }
.slider-solutions .slide-image { float: left; padding-top: 6px; margin-right: 42px; }
.slider-solutions .slide-content { overflow: hidden; padding-top: 0; }

.slider-solutions .slide-actions { margin-top: 32px; text-align: center; }

.list-solutions { font-family: 'Lato', sans-serif; list-style: none outside none; }
.list-solutions li ~ li { margin-top: 34px; }
.list-solutions h3 { font-size: 18px; color: #fff; font-weight: normal; text-transform: uppercase; }
.list-solutions p { line-height: 1.56; }

.slider-solutions .bx-pager { display: none; }

.slider-solutions .bx-prev,
.slider-solutions .bx-next { position: absolute; top: 50%; overflow: hidden; width: 33px; height: 85px; margin-top: -48px; background: url(../images/sprite.png) no-repeat; text-indent: 100%; white-space: nowrap; }
.slider-solutions .bx-prev { left: 50%; margin-left: -509px; background-position: -37px -91px; }
.slider-solutions .bx-next { right: 50%; margin-right: -509px; background-position: 0px -91px; }

.slider-solutions .bx-prev,
.slider-solutions .bx-next {
	-webkit-transition: opacity 0.4s;
	     -o-transition: opacity 0.4s;
	        transition: opacity 0.4s;
}

.slider-solutions .bx-prev:hover,
.slider-solutions .bx-next:hover { opacity: 0.8; }

/* ------------------------------------------------------------ *\
	Ordered List
\* ------------------------------------------------------------ */

ol {
	padding: 12px 20px;
}
ol li {
	padding: 3px 0;
}
ol li span {
	position: relative;
	padding-left: 6px;
}



/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx)  
{
	.ico { background-image: url(../images/sprite-secondary-hd.png); background-size: 89px 60px; }
}

/* max-width: 1035px */
@media (max-width: 1035px) {
	.shell { width: auto; padding: 0 5px; }

	/*  Header  */
	.logo { width: 370px; height: 60px; }

	/*  Nav  */
	.nav { margin-right: 0; }

	.nav > ul > .has-dropdown + li,
	.nav > ul > li ~ li { margin-left: 14px; }
	.nav > ul > li > a { font-size: 17px; }

	.nav > ul > .has-dropdown > a:after { top: 7px; }

	/*  Slider  */
	.slider .shell { padding: 0; }
	.slider h1 { font-size: 40px; }

	.slider .slide-content { left: 0; right: 0; padding: 0 5px; text-align: center; }

	/*  Section About  */
	.section-about .section-image { width: 33.7%; padding-left: 1%; }

	.section-about .section-content { padding-right: 20px; }
	
	.section-about .section-title { margin-left: 0; font-size: 25px; }

	.section-about p { font-size: 14px; }

	.section-about .section-actions strong { padding-top: 20px; font-size: 21px; }
	.section-about .section-actions .btn-white { margin-right: 30px; }

	/*  Section News  */
	.section-news .section-content { width: 60%; }

	.section-news .section-aside { width: 36%; }

	/*  Article  */
	.article-image { margin-right: 20px; }

	.article-col-size1,
	.article-col-size2 { width: 49%; }
	.article-col-size1 { margin-right: 2%; }

	/*  Article About  */
	.article-about ~ .article-about { margin-top: 50px; }

	.article-about .article-head { margin-bottom: 15px; }

	/*  Article Primary  */
	.article-primary { padding: 0; }

	/*  Slider Solutions  */
	.slider-solutions .slide-head { padding: 0; text-align: center; }
	.slider-solutions .slide-body { padding: 0 50px; }
	.slider-solutions .slide-image { margin-right: 20px; }

	.slider-solutions .bx-prev { left: 10px; margin-left: 0; }
	.slider-solutions .bx-next { right: 10px; margin-right: 0; }

	/*  Section Services  */
	.services { margin: 0 -10px; }
	.service { padding: 0 10px; }
	.service-image img { width: 100%; height: auto; }

	/*  Footer  */
	.footer-bar { padding: 10px 0; text-align: center; }

	.socials,
	.footer-logo { float: none; display: inline-block; margin: 0 10px 15px; vertical-align: middle; }

	.footer-inner { float: none; display: block; padding-top: 0; }

	.footer-nav,
	.footer-inner .footer-actions { margin: 0 10px 10px; }

	.copyright { float: none; margin-top: 0; }
}

/* max-width: 767px */
@media (max-width: 767px) {
	h1 { font-size: 30px; }
	h2 { font-size: 22px; }
	h3 { font-size: 20px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }

	.wrapper { right: 0; }
	.wrapper.collapsed { position: fixed; top: 0; right: 240px; overflow: visible; width: 100%; }
	.wrapper {
		-webkit-transition: right 0.4s;
		        transition: right 0.4s;
	}

	p ~ p { margin-top: 15px; }

	/*  Header  */
	.header { padding: 10px 0; text-align: center; }

	.logo { width: 240px; height: 39px; margin: 0; }

	.header-inner { float: none; padding-top: 10px; clear: both; }

	.header-actions { float: none; margin: 0; }

	/*  Nav  */
	.nav { position: fixed; top: 0; right: -240px; z-index: 10; width: 240px; height: 100%; padding: 0; margin-top: 0; background: #fff; }
	.nav.expanded { right: 0; }

	.nav {
		-webkit-transition: right 0.4s;
		     -o-transition: right 0.4s;
		        transition: right 0.4s;
	}

	.nav a { font-size: 15px; text-align: left; }
	.nav a:hover { text-decoration: none; }

	.nav > ul > li { float: none; padding: 0; border-bottom: 1px solid #354967; }
	.nav > ul > li > a { padding: 10px 30px; }

	.nav > ul > li ~ li, 
	.nav > ul > .has-dropdown + li { margin-left: 0; }

	.nav > ul > .has-dropdown > a:after { top: 18px; right: 10px; }

	.nav > ul > li.expanded > a { color: #074a7a; }


	.nav ul ul { position: static; display: block; overflow: hidden; max-height: 0; width: auto; border-top: none; padding: 0; opacity: 1; visibility: visible; }
	.nav ul ul {
		-webkit-transition: max-height 0.4s;
		     -o-transition: max-height 0.4s;
		        transition: max-height 0.4s;
	}

	.nav ul li.expanded > ul { max-height: 600px; }

	.nav ul ul a { padding: 6px 20px 6px 40px; font-size: 14px; }

	.nav > ul > .has-dropdown > a:after {
		-webkit-transition: 0.4s;
		     -o-transition: 0.4s;
		        transition: 0.4s;
	}
	.nav > ul > .has-dropdown.expanded > a:after {
		-webkit-transform: rotate(180deg);
		    -ms-transform: rotate(180deg);
		     -o-transform: rotate(180deg);
		        transform: rotate(180deg);
	}

	/*  Burger Btn  */
	.btn-menu { position: absolute; top: 17px; right: 5px; display: inline-block; height: 9px; padding-top: 9px; }
	.btn-menu span { position: relative; display: block; width: 25px; height: 15px; border-top: 3px solid #007398; }
	    
	.btn-menu span:before,
	.btn-menu span:after { position: absolute; left: 0; width: 100%; height: 3px; background: #007398; content: ''; }

	.btn-menu span:before { top: -9px; }
	.btn-menu span:after { top: 3px; }

	.btn-menu span:before,
	.btn-menu span:after,
	.btn-menu span { 
	    -webkit-transition: all .3s linear; 
	       -moz-transition: all .3s linear; 
	            transition: all .3s linear; 
	 }

	.btn-menu.active span { border-color: transparent; }
	.btn-menu.active span:before,
	.btn-menu.active span:after { background: #007398; }

	.btn-menu.active span:before { 
	-webkit-transform: rotate(45deg) translate(2.5px, 6px);
	    -ms-transform: rotate(45deg) translate(2.5px, 6px);
	   -moz-transform: rotate(45deg) translate(2.5px, 6px);
	        transform: rotate(45deg) translate(2.5px, 6px);

	}
	.btn-menu.active span:after { 
	-webkit-transform: rotate(-45deg) translate(2.5px, -6px);
	    -ms-transform: rotate(-45deg) translate(2.5px, -6px);
	   -moz-transform: rotate(-45deg) translate(2.5px, -6px);
	        transform: rotate(-45deg) translate(2.5px, -6px); 
	}

	/*  Slider  */
	.slider h1 { font-size: 24px; }

	.slider .slide-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	.slider .slide-content { position: relative; top: 0; padding: 130px 5px 20px; }
	.slider .slide-content a { padding-left: 0; font-size: 15px; }

	/*  Intro  */
	.intro { padding-top: 124px; }
	.intro-content { padding: 40px 0; text-align: center; }
	.intro-content h1 { padding: 7px 15px; }

	/*  Main  */
	.main { padding: 20px 0; }

	.main-alt .content,
	.main-alt .sidebar { float: none; width: auto; }

	/*  Article  */
	.article-head { margin-bottom: 10px; }
	.article-head h5 { font-size: 16px; }

	.article-title { font-size: 35px; }

	.article-image { float: none; margin: 0 0 10px; text-align: center; }
	.article-image img { max-width: 100%; height: auto; }

	.article-col { float: none; }
	.article-col ~ .article-col { margin-top: 15px; }
	.article-col-size1,
	.article-col-size2 { width: auto; margin: 0; }

	.article-foot { margin-top: 15px; }
	.article-foot h2 { margin-bottom: 5px; }

	/*  Article Primary  */
	.article-primary p { font-size: 16px; }

	/*  Article About  */
	.article-about { padding-top: 0; }
	.article-about ~ .article-about { margin-top: 30px; }

	.info-item ~ .info-item { padding-top: 10px; margin-top: 10px; }

	/*  List links  */
	.list-links li { display: block; }
	.list-links li ~ li { padding-left: 0; margin-left: 0; }
	.list-links li ~ li:before { display: none; }

	/*  Section  */
	.section .section-title { font-size: 28px; }

	.section-col { float: none; }
	.section-col-size2,
	.section-col-size1 { width: auto; margin: 0; }
	.section-col-size2 { margin-top: 15px; }

	/*  Section Features  */
	.section-features { padding: 20px 0 10px; }
	.feature { width: 49%; margin: 0 0 15px; }
	.feature:nth-last-child(-n+3) { margin-bottom: 15px; }
	.feature:nth-child(even) { margin-left: 2%; }

	.feature-content span { font-size: 16px; }

	/*  Section About  */
	.section-about { padding: 20px 0; }
	.section-about .section-body { padding: 10px; text-align: center; }
	.section-about .section-image { float: none; display: block; width: auto; padding: 0; margin-right: 0; text-align: center; }
	.section-about .section-content { width: auto; padding: 10px 0; margin-left: 0; }
	.section-about .section-title { margin-bottom: 10px; font-size: 20px; }

	.section-about .section-actions { text-align: center; }
	.section-about .section-actions strong { float: none; display: block; width: auto; height: auto; padding: 10px; }
	.section-about .section-actions strong:after { display: none; }

	.section-about .section-actions .btn-white { float: none; margin: 10px 0; }

	/*  Section Services  */
	.section-services { margin-top: 10px; }
	.section-services .section-head { margin-bottom: 10px; }

	.services { margin: 0; }
	.service { float: none; width: auto; padding: 0; margin-bottom: 20px; }

	/*  Section Case  */
	.section-case .section-image,
	.section-case .section-content { float: none; width: auto; }

	.section-case .section-image { padding-top: 0; margin: 0 0 15px; }
	.section-case .section-image img { width: 100%; }

	.section-case .section-content-actions { margin-top: 20px; }

	.section-case .list-links li ~ li { margin-left: 0; }

	/*  Section Contacts  */
	.form-contacts img { width: 100%; }

	.list-contacts { margin-top: 15px; }

	/*  Section News  */
	.section-news { padding: 20px 0; }
	.section-news .section-aside,
	.section-news .section-content { float: none; width: auto; }

	.section-news .section-aside { margin-top: 15px; }

	.section-news .list-links { margin-top: 15px; }

	/*  Widgets  */
	.widget ~ .widget { margin-top: 20px; }

	/*  Slider Solutions  */
	.slider-solutions { padding: 20px 0; }
	.slider-solutions .slide-head { margin-bottom: 15px; }
	.slider-solutions .slide-head h2 { font-size: 18px; }

	.slider-solutions .slide-body { padding: 0; text-align: center; }
	.slider-solutions .slide-image { float: none; display: inline-block; margin: 0 0 15px; }

	.slider-solutions .bx-prev, 
	.slider-solutions .bx-next {
		-webkit-transform: scale(0.5);
		    -ms-transform: scale(0.5);
		     -o-transform: scale(0.5);
		        transform: scale(0.5);
	}

	.slider-solutions .bx-prev { left: 0; }
	.slider-solutions .bx-next { right: 0; }

	.slider-solutions .slide-content { padding: 0 15px; }

	.list-solutions li ~ li { margin-top: 15px; }
	.list-solutions h3 { font-size: 15px; }
	.list-solutions p { font-size: 13px; }

	.slider-solutions .slide-actions { margin-top: 15px; }

	/*  Footer  */
	.footer-nav, 
	.footer-inner .footer-actions { margin: 0 5px 5px; }

	.footer-nav li { margin: 0 3px; }
	.footer-nav a { font-size: 15px; }

}

/* max-width: 479px */
@media (max-width: 479px) {
	.footer-actions { display: block; margin: 10px 0 0; }
}