/* ================================================================ *\
	#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: 980px; background: #fcfcfc; font-family: 'PT Sans', sans-serif; font-size: 14px; line-height: 1.3; color: #000; -webkit-font-smoothing:antialiased; }

a { text-decoration: none; color: #b92525; }
a:hover { text-decoration: underline; }

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; }

h1 { font-family: 'Oswald', sans-serif; font-size: 37px; font-weight: 300; }
h2 { color: #035642; font-size: 16px; font-weight: normal; text-transform: uppercase; }
::-webkit-input-placeholder { color: #696969; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }
:-moz-placeholder { color: #696969; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }
::-moz-placeholder { color: #696969; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }
:-ms-input-placeholder { color: #696969; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }
/* ================================================================ *\
	#Helpers
\* ================================================================ */

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

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

/* ------------------------------------------------------------ *\
	Containers
\* ------------------------------------------------------------ */
.shell { width: 1000px; margin: 0 auto; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header { padding: 24px 0 24px; border-bottom: 1px solid #e1e0e1; position: relative; z-index: 100; }
.header-inner { float: right; position: relative; z-index: 20; }
.nav { font-size: 15px; position: absolute; bottom: 18px; left: 50%; text-align: center; margin-left: 24px; z-index: 21; }
.nav ul ul,
.nav { 
	-webkit-transform: translateX(-50%); 
	    -ms-transform: translateX(-50%); 
	     -o-transform: translateX(-50%); 
	        transform: translateX(-50%); 
 }
.nav ul { list-style: none; }
.nav ul ul { position: absolute; top: 100%; left: 50%; width: 130px; background: #fff; border: 1px solid #ebebeb; z-index: 30; display: none; margin-top: -1px; }
.nav ul ul { font-size: 13px; padding: 5px 0;  }
.nav ul ul a { padding: 8px 0; display: block;  }
.nav > ul { list-style: none; display: inline-block; white-space: nowrap; font-size: 0; }
.nav > ul > li { display: inline-block; vertical-align: top; padding: 9px 10px; position: relative; font-size: 15px; }
.nav li:hover ul { display: inline-block; }
.nav > ul > li ~ li:before { content: ''; width: 1px; background: #ebebeb; height: 40px; position: absolute; left: 0; top: -4px; }
.nav a { color: #035642;  }
.nav > ul > li:hover > a,
.nav .current a,
.nav a:hover { text-decoration: none; color: #c60c30; }

.btn-careers { background: url(images/careers-bg.png) no-repeat 0 0; width: 156px; height: 37px; display: inline-block; color: #fff; font-size: 20px; box-sizing: border-box; overflow: hidden; padding: 6px 23px 0 29px; position: absolute; top: -5px; left: 50%; margin-left: -68px; }
.btn-careers .ico { float: right; margin-top: 5px; }
.btn-careers:hover { text-decoration: none; opacity: 0.8; }

.logo { float: left; }

.phone { font-size: 26px; color: #035642; font-weight: bold; line-height: 1; padding: 2px 9px 0 0; display: inline-block; }
.phone .ico { margin-right: 2px; margin-top: -4px; }

.socials { margin: 9px 9px 0 0; text-align: right;  }
.socials ul { list-style: none; overflow: hidden; display: inline-block; }
.socials li { float: left; }
.socials li ~ li { margin-left: 5px; }
.socials a:hover { opacity: 0.8; }

.section-projects .section-body { margin-top: 15px; }
.list-projects { list-style: none; overflow: hidden; font-size: 0; margin: 0 -7px; }
.list-projects li {  float: left; width: 33%; font-size: 14px; padding: 0 7px; box-sizing: border-box; margin-bottom: 9px; color: #3f3f3f; }
.list-projects li p { margin-top: 7px;  }


.section-area { border-left: 1px solid #ececec; padding-left: 20px; }
.section-area .section-image { text-align: center; margin-top: 17px; }

.section-partners { margin-top: 12px; }
.list-partners { list-style: none; overflow: hidden; text-align: center; }
.list-partners li { display: inline-block; vertical-align: middle; }
.list-partners li ~ li { margin-left: 10px; padding-bottom: 10px; }
.list-partners a { display: inline-block; }

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider { margin: 13px 0 35px; background: url(images/slider-bg.jpg) repeat 0 0; color: #bdbdbd; font-size: 18px; height: 351px; overflow: hidden; }
.slider .slides { height: 351px; }
.slider .slider-clip { height: 351px; position: relative; }

.slide { overflow: hidden; }
.slide-image { float: right; position: relative; z-index: 20; }
.slide-content { font-family: Tahoma,Verdana,Segoe,sans-serif; overflow: hidden; padding-left: 27px; padding-top: 63px; }
.slide-content strong { display: block; }
.slide-content .slide-title { margin-bottom: 22px; line-height: 1.24; }
.slide-content p { line-height: 1.4; }
.slide-actions { background: rgba(0,0,0,0.3); padding: 8px 0 7px 0; font-size: 14px; font-family: Tahoma,Verdana,Segoe,sans-serif; position: absolute; bottom: 21px; left: 0; width: 100%; }
.slide-actions a { color: #f33939; margin-left: 30px; }

.owl-carousel { position: relative; }
.owl-carousel .owl-item { -webkit-backface-visibility: visible; }
.owl-dots,
.bx-pager { position: absolute; right: 8px; bottom: 11px; z-index: 1000; font-size: 0; }
.owl-dot,
.bx-pager-link { display: inline-block; margin: 0 4px; white-space: nowrap; overflow: hidden; text-indent: 100%; width: 12px; height: 12px; border-radius: 50%; background: #fff; }
.owl-dot.active,
.owl-dot:hover,
.bx-pager-link.active { background: #00b2a9; }

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main {  margin-top: 35px; background: #fff; border: 1px solid #e8e8e8; padding: 21px 23px 26px 25px; box-sizing: border-box; }

/* ------------------------------------------------------------ *\
	Grid
\* ------------------------------------------------------------ */
.col { float: left; box-sizing: border-box; }
.col-size1 { width: 661px; }
.col-size2 { width: 580px; }
.col-size3 { width: 369px; }
.col-size4 { width: 339px; }

/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */
.article { color: #3f3f3f; padding-right: 25px; }
.article-body { margin-top: 10px; }
.article-entry { line-height: 1.36; }
.article-entry p ~ p { margin-top: 20px; }

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */
.form { font-family: Tahoma,Verdana,Segoe,sans-serif; padding-left: 29px; border-left: 1px solid #ebebeb; }
.form-body { margin-top: 13px; }
.field { font-size: 14px; color: #696969; border: 1px solid #dcdcdc; box-sizing: border-box; padding: 3px 9px; width: 100%; }
.form-label { font-size: 14px; color: #141415; padding: 3px 10px 10px; display: block; }

.form-col1,
.form-col2 { float: left; }
.form-col1 { width: 158px; }
.form-col2 { width: 146px; margin-left: 5px; }

.form-row ~ .form-row { margin-top: 7px; }

.form-btn { text-transform: uppercase; font-family: 'PT Sans', sans-serif; color: #fff; border: 1px solid #a70000; overflow: hidden; max-width: 130px; box-sizing: border-box; text-align: center; width: 100%; line-height: 24px; }
.form-btn .ico { float: right; margin: 5px 3px 0 0; }
.form-actions { margin-top: 10px; }
.selecter { max-width: 100%; margin: 0; }
.selecter-selected { font-size: 14px; color: #696969; border: 1px solid #dcdcdc; box-sizing: border-box; padding: 3px 9px; width: 100%; }
.selecter-selected:after { border-top-width: 8px; border-left-width: 8px; border-right-width: 8px; right: 9px; border-top-color: #a2a2a2; }
.selecter-options { border-radius: 0; }
.selecter-item {  font-size: 14px; color: #696969; border-color: #dcdcdc; box-sizing: border-box; padding: 3px 9px; width: 100%;  }


/* ------------------------------------------------------------ *\
	Footers
\* ------------------------------------------------------------ */
.footer { border-top: 1px solid #e1e0e1; padding: 15px 0; color: #4a4a4a; margin-top: 16px; text-align: center; }
.footer a { color: #4a4a4a; }
.footer .list-contacts { list-style: none; font-size: 0; text-align: left; display: inline-block; }
.footer .list-contacts li { display: inline-block; font-size: 14px; }
.footer .list-contacts li ~ li { margin-left: 12px; }
.footer .list-contacts li ~ li:before {   content: ''; display: inline-block; margin-right: 12px; width: 1px; background: #bbb; height: 12px; vertical-align: top; margin-top: 3px; }

/* ------------------------------------------------------------ *\
	Gradients
\* ------------------------------------------------------------ */
.form-btn  {
	background: #c60c30;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2MGMzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NjAwMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #c60c30 0%, #86001a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c60c30), color-stop(100%,#86001a));
	background: -webkit-linear-gradient(top,  #c60c30 0%,#86001a 100%);
	background: -o-linear-gradient(top,  #c60c30 0%,#86001a 100%);
	background: -ms-linear-gradient(top,  #c60c30 0%,#86001a 100%);
	background: linear-gradient(to bottom,  #c60c30 0%,#86001a 100%);
}

.form-btn:hover  {
	background: #86001a;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg2MDAxYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNjBjMzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #86001a 0%, #c60c30 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86001a), color-stop(100%,#c60c30));
	background: -webkit-linear-gradient(top,  #86001a 0%,#c60c30 100%);
	background: -o-linear-gradient(top,  #86001a 0%,#c60c30 100%);
	background: -ms-linear-gradient(top,  #86001a 0%,#c60c30 100%);
	background: linear-gradient(to bottom,  #86001a 0%,#c60c30 100%);
}

/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */
.ico-arrow-right,
.ico-chevron-right,
.ico-facebook,
.ico-linkedin,
.ico-mail,
.ico-phone,
.logo { background: url(images/sprite.png) no-repeat 0 0; display: inline-block; vertical-align: middle; }

.ico-arrow-right { width: 12px; height: 20px; background-position: 0px 0px; }
.ico-chevron-right { width: 10px; height: 15px; background-position: -18px 0px; }
.ico-facebook { width: 31px; height: 32px; background-position: -34px 0px; }
.ico-linkedin { width: 32px; height: 32px; background-position: -71px 0px; }
.ico-mail { width: 32px; height: 32px; background-position: -109px 0px; }
.ico-phone { width: 28px; height: 29px; background-position: -147px 0px; }
.logo { width: 200px; height: 70px; background-position: -181px 0px; }

/* ------------------------------------------------------------ *\
	Animations
\* ------------------------------------------------------------ */
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}


@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}