html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table {
  border-collapse: collapse;
}

a img {
  border: none;
}

a {
  outline: none;
  text-decoration: none;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}

textarea {
  -webkit-resize: none;
  -moz-resize: none;
  resize: none;
}

.clearfloat:before, .clearfloat:after {
  content: "";
  display: table;
}

.clearfloat:after {
  clear: both;
}

/* For IE 6/7 (triggers hasLayout) */
.clearfloat {
  *zoom: 1;
}

.margin-right {
  margin-right: 0 !important;
}

.remove {
  border-bottom: 0 !important;
  background-image: none !important;
}

img {
  max-width: 100%;
  height: auto;
}

img {
  -ms-interpolation-mode: bicubic;
}

img {
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
}

select {
  width: 100%;
}

.last {
  margin-right: 0 !important;
  padding-right: 0px !important;
}

/*FONTS--------------------------------------------------------------------*/
@font-face {
  font-family: 'open_sanslight';
  src: url("fonts/opensans-light-webfont.eot");
  src: url("fonts/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-light-webfont.woff") format("woff"), url("fonts/opensans-light-webfont.ttf") format("truetype"), url("fonts/opensans-light-webfont.svg#open_sanslight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansregular';
  src: url("fonts/opensans-regular-webfont.eot");
  src: url("fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-regular-webfont.woff") format("woff"), url("fonts/opensans-regular-webfont.ttf") format("truetype"), url("fonts/opensans-regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('fonts/opensans-italic-webfont.woff') format('woff'),
         url('fonts/opensans-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('fonts/Roboto-Bold-webfont.eot');
    src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Bold-webfont.woff2') format('woff2'),
         url('fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoitalic';
    src: url('fonts/Roboto-Italic-webfont.eot');
    src: url('fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Italic-webfont.woff2') format('woff2'),
         url('fonts/Roboto-Italic-webfont.woff') format('woff'),
         url('fonts/Roboto-Italic-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff2') format('woff2'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hs_garamond_bgblack';
    src: url('fonts/hs_garamond_bg_black-webfont.eot');
    src: url('fonts/hs_garamond_bg_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hs_garamond_bg_black-webfont.woff2') format('woff2'),
         url('fonts/hs_garamond_bg_black-webfont.woff') format('woff'),
         url('fonts/hs_garamond_bg_black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hs_garamond_bgbold';
    src: url('fonts/hs_garamond_bg_bold-webfont.eot');
    src: url('fonts/hs_garamond_bg_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hs_garamond_bg_bold-webfont.woff2') format('woff2'),
         url('fonts/hs_garamond_bg_bold-webfont.woff') format('woff'),
         url('fonts/hs_garamond_bg_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hs_garamond_bgitalic';
    src: url('fonts/hs_garamond_bg_ita-webfont.eot');
    src: url('fonts/hs_garamond_bg_ita-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hs_garamond_bg_ita-webfont.woff2') format('woff2'),
         url('fonts/hs_garamond_bg_ita-webfont.woff') format('woff'),
         url('fonts/hs_garamond_bg_ita-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hs_garamond_bgregular';
    src: url('fonts/hs_garamond_bg_regular-webfont.eot');
    src: url('fonts/hs_garamond_bg_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hs_garamond_bg_regular-webfont.woff2') format('woff2'),
         url('fonts/hs_garamond_bg_regular-webfont.woff') format('woff'),
         url('fonts/hs_garamond_bg_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

p, ul, ol, section, article, div {
  font-size: 16px;
}
.text, p{
  line-height: 24px;
}

h1, h2, h3, h4, h5, h6{
  font-family: 'hs_garamond_bgregular';
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  position: relative;
  z-index: 1;
}
h1 {
  font-size: 52px;
  line-height: 50px;
}
h2 {
  font-size: 50px;
}
h3 {
  font-size: 35px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 25px;
}
h6 {
  font-size: 16px;
}
h2 span, h3 span, h4 span, h5 span, h6 span{
  font-family: 'hs_garamond_bgbold';
}

/*
################################################
#                                              #
#   author:  webrix-studio                     #
#   url:  http://webrix-studio.com             #
#                                              #
################################################
 */
/*BODY-------------------------------------------------------------------*/

body {
  background-color: #fff;
  font-family: "robotoregular", Arial;
  font-size: 100%;
  color: #fff;
}

.wrapper{
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}
header{
  background: #000;
  width: 100%;
  height: 82px;
  position: fixed;
  z-index: 100;
}

.logo{
  position: absolute;
  top: 11px;
  left: 50%;
  margin-left: -103px;
}
.logo strong{
  position: absolute;
  top: -999em;
  left: -999em;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  overflow: hidden;
}

/*-------------- top menu ---------------*/
#top-menu{
  padding-top: 30px;
}
#top-menu ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#top-menu ul li{
  display: inline-block;
  margin-left: 30px;
}
#top-menu ul li a{
  display: inline-block;
  color: #fff;
  font-size: 14px;
}
#top-menu ul li a:hover{
  color: #fd1f39;
}
#top-menu ul li:nth-of-type(4){
  width: 240px;
}

/*-------------- banner ---------------*/
.banner{
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #000;
}
.banner-paralax{
  background-size: auto;
  left: 0;
  margin: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index:1;
  background-color:#000;
}

.banner .wrapper{
  height: 100%;
  position: relative;
}
.banner-content {
  display: block;
  position:absolute;
  top: 45%;
  left: 0px;
  width: 100%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.banner-text{
  position: relative;
  z-index: 2;
  text-align: center;
  margin-bottom: 35px;
}
.t1{
  position: relative;
  font-size: 45px;
  font-family: 'hs_garamond_bgblack';
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 32px;
}
.t1 span{
  font-size: 124px;
}
.t1:before{
  content: '';
  position: absolute;
  left: 50%;
  bottom: 10px;
  margin-left: -182px;
  width: 364px;
  height: 72px;
  background: #b32132;
  z-index: -1;
}
.banner-text h2 span{
  color: #fd1f39;
}

/*------------ index form ---------------*/
.some-form{
  background: rgba(0,0,0,0.7);
  border-radius: 10px;
  padding: 20px;
}
.some-form h5{
  margin-bottom: 10px;
}
.f-input{
  width: 100%;
  height: 42px;
  display: block;
  background: #fff;
  padding: 11px 5px 11px 35px;    /* заради ie8 */
  border: none;
  color: #000;
  font-size: 14px;
  font-family: 'Open Sans', 'open_sansregular', Arial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.f-input:focus {
  outline: none;
}
.i1, .i2, .i3, .i4{
  position: relative;
  color: #000;
  font-size: 14px;
  float: left;
  width: 244px;
  margin-left: 13px;
  margin-top: 12px;
}
.i1:before, .i2:before, .i3:before, .i4:before{
  position: absolute;
  top: 15px;
  left: 14px;
  width: 1.28571429em;
  text-align: center;
}
.i1:before{
  font-family: 'FontAwesome';
  content: '\f007';
}
.i2:before{
  font-family: 'FontAwesome';
  content: '\f0e0';
  font-size: 13px;
}
.i3:before{
  font-family: 'FontAwesome';
  content: '\f095';
  font-size: 15px;
}
.i4:before{
  font-family: 'FontAwesome';
  content: '\f040';
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #787878;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #787878;
   opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #787878;
   opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #787878;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color: #787878;
}

.btn{
  float: right;
  display: block;
  width: 256px;
  height: 64px;
  font-family: 'robotobold';
  color: #fff;
  background: #15954f;
  font-size: 16px;
  line-height: 64px;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
  padding: 0px 25px;
  margin-bottom: 8px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn:hover {
  background: #1bb862;
}

/*----------------------- section Varchev --------------------------*/
.varchev{
  background: #000 url('../images/ban2.jpg') no-repeat top center;
  min-height: 835px;
  color: #fff;
  padding-top: 70px;
  padding-bottom: 70px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.varchev .wrapper:before{
  content: '';
  position: absolute;
  top: 0px;
  left: -140px;
  background: url('../images/varchev.png') no-repeat;
  width: 783px;
  height: 778px;
}
.varchev-info{
  float: right;
  width: 50%;
  position: relative;
  z-index: 2;
}
.title{
  position: relative;
  margin-bottom: 85px;
  line-height: 50px;
  min-height: 116px;
  padding-top: 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.title:before{
  content: '';
  position: absolute;
  top: 0px;
  left: 40px;
  width: 175px;
  height: 130px;
  background: #b32132;
  z-index: 0;
}
.varchev .title{
  text-align: right;
}
.varchev .title:before{
  left: auto;
  right: 40px;
}
.text{
  position: relative;
  padding-bottom: 65px;
}
.text:after{
  content: '';
  position: absolute;
  bottom: 0px;
  left: 40px;
  width: 175px;
  height: 6px;
  background: #b32132;
}
.varchev .text{
  text-align: right;
}
.varchev .text:after{
  left: auto;
  right: 40px;
}

/*------------------------- section achieve ---------------------------*/
.achieve{
  background: #000;
}
.achieve-info-wrap{
  float: left;
  width: 50%;
  background: url('../images/drow_bgr.jpg') no-repeat right bottom;
}
.achieve-info{
  float: right;
  position: relative;
  width: 550px;
  height: 836px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.text-position {
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  width: 100%;
  padding-right: 100px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.banner-inner{
  float: right;
  width: 50%;
  height: 836px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.banner-inner-img{
  height: 100%;
  width: 100%;
}

/*------------------------- section benefits ---------------------------*/
.benefits{
  padding-top: 150px;
  padding-bottom: 100px;
  background: #000;
  width: 100%;
  height: 735px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.banner-paralax2{
  background:url('../images/ban3.jpg') no-repeat fixed 50% 0%;
  background-size: auto;
  height: 735px;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media only screen and (min-width: 1920px) {
  .banner-paralax2{background-size: cover;}
}
.item-one{
  float: left;
  width: 28%;
  margin: 0 2.5% 50px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.icon-wrap{
  width: 93px;
  height: 93px;
  background: rgba(179, 33, 50, 0.8);
  text-align: center;
  line-height: 93px;
  margin: 0px auto 25px;
  border-radius: 50%;
}
.item-one h6{
  margin-bottom: 33px;
}
.item-one .text{
  padding-bottom: 0px;
}
.item-one .text:after{
  display: none;
}

/*--------------- unordered list in whole site -----------------*/
.text ul{
  list-style-type: none;
  text-align: left;
}
.text ul li{
  line-height: 24px;
  position: relative;
  padding-left: 25px;
}
.text ul li:before{
  content: '\f111';
  font-family: 'FontAwesome';
  color: #ea2038;
  font-size: 8px;
  position: absolute;
  top: 0px;
  left: 0px;
}

/*----------------------- section success ----------------------*/
.success{
  background: #000;
  text-align: center;
  padding: 85px 0;
}
.success .title{
  padding-top: 40px;
}
.success .title:before, .success .text:after{
  left: 50%;
  margin-left: -87px;
}

/*----------------------- section lists ----------------------*/
.lists{
  position: relative;
}
.lists:before{
  content: '';
  position: absolute;
  top: -9px;
  left: 50%;
  background: #b32132;
  width: 17px;
  height: 17px;
  margin-left: -9px;
  border-radius: 50%;
  z-index: 10;
}
.lists:after{
  content: '';
  position: absolute;
  bottom: -9px;
  left: 50%;
  background: #b32132;
  width: 17px;
  height: 17px;
  margin-left: -9px;
  border-radius: 50%;
  z-index: 10;
}
.lists-left{
  float: left;
  width: 50%;
  height: 499px;
  background: #000;
  position: relative;
  overflow: hidden;
  border-right: 2px solid #b32132;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.lists-right{
  float: right;
  width: 50%;
  height: 499px;
  position: relative;
  overflow: hidden;
}
.bgr-img{
  height: 100%;
  width: 100%;
}
.lists-info {
  float: right;
  position: relative;
  width: 550px;
  height: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.lists-right .lists-info{
  float: left;
}
.lists-right .text-position{
  padding-right: 0px;
  padding-left: 50px;
}
.lists .text{
  padding-bottom: 0px;
}
.lists .text:after{
  display: none;
}
.lists .text ul li{
  padding-bottom: 12px;
  margin-top: 12px;
}

/*----------------------- section traders talk ----------------------*/
.talk{
  padding: 75px 0px;
  background: url('../images/ban4.jpg') no-repeat center top;
  background-size: cover;
  text-align: center;
}
.talk-icon{
  margin-bottom: 30px;
}
.talk h4{
  margin-bottom: 12px;
}
.talk .text{
  padding-bottom: 0px;
}
.talk .text:after{
  display: none;
}

/*----------------------- section Varchev team ----------------------*/
.team{
  background: #000 url('../images/img4.jpg') no-repeat center bottom;
  padding-top: 90px;
  padding-bottom: 80px;
}
.team .title{
  padding-top: 40px;
  text-align: center;
}
.team .title:before{
  left: 50%;
  margin-left: -87px;
}

.team-item{
  position: relative;
  float: left;
  width: 31%;
  margin: 0 0.7% 15px;
  overflow: hidden;
}
.team-item img{
  max-width: none;
  width: 100%;
}
.team-item figcaption{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 40px 0px 25px 25px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
}
.team-item:hover figcaption{
  background: rgba(0,0,0,0.7);
}
.team-item figcaption > div{
  position: absolute;
  width: 100%;
  height: 92px;
  bottom: 0px;
  left: 0px;
  padding: 40px 10px 20px 25px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}
.team-item:hover figcaption > div{
  height: 100%;
}
.m-name{
  position: relative;
  color: #fff;
  font-size: 20px;
  height: 76px;
  padding-top: 5px;
  font-family: 'robotobold';
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
}
.team-item:hover .m-name{
  animation: pad 0.5s ease-in-out 1s forwards;
}
@keyframes pad {
  0% {
    padding-left: 0px;
  }
  100% {
    padding-left: 30px;
  }
}
.m-name span{
  display: block;
  font-size: 14px;
  font-family: 'robotoregular';
  margin-top: 4px;
  opacity: 0;
  line-height: 18px;
}
.team-item:hover .m-name span{
  animation: op 0.5s ease-in-out .5s forwards;
}
@keyframes op {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.m-name:before{
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 15px;
  height: 76px;
  background: #b32132;
  -webkit-transform: translate3d(-15px,0px,0);
  transform: translate3d(-15px,0px,0);
}
.team-item:hover .m-name:before{
  animation: redline 0.5s ease-in-out 1s forwards;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}
@keyframes redline {
  0% {
    -webkit-transform: translate3d(-15px,0px,0);
    transform: translate3d(-15px,0px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}

.m-info{
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  margin-top: 30px;
}

/*--------------------- section testimonials ------------------*/
.clients{
  background: #000;
  padding-top: 80px;
  padding-bottom: 50px;
  border-bottom: 7px solid #b32132;
  position: relative;
}
.clients:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 12px solid #b32132;
  position: absolute;
  bottom: -19px;
  left: 50%;
  margin-left: -13px;
}
.clients .title{
  float: left;
  width: 25%;
}

.testimon-item{
  color: #fff;
  padding: 17px 35px;
  position: relative;
}
.testimon-item:before{
  content: '\f10d';
  font-family: 'FontAwesome';
  font-size: 24px;
  color: #b32132;
  position: absolute;
  top: 0px;
  left: 0px;
}
.testimon-item > p{
  font-family: 'robotoitalic';
  margin-bottom: 20px;
}
.testimon-name{
  font-size: 15px;
}

/*-------------- contacts ---------------*/
.contacts{
  background: url('../images/img5.jpg') no-repeat center top;
  background-size: cover;
  padding-top: 90px;
  padding-bottom: 30px;
}
.address{
  float: left;
  margin: 0px 1% 50px;
  text-align: left;
  width: 18%;
  font-size: 14px;
  line-height: 24px;
}
.address h3{
  font-family: 'open_sansbold';
  font-size: 24px;
  text-transform: none;
  border-left: 5px solid #c61312;
  padding: 4px 0px 4px 12px;
  margin-bottom: 30px;
  height: 32px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webrix-box-sizing: border-box;
}

/*------------ footer ---------------*/
footer{
  background: #000;
  padding: 50px 0px;
}
.follow-us{
  float: left;
}
.share{
  float: left;
  margin: 0px 90px;
  width: 350px;
}
.follow-us span, .share b{
  display: block;
  float: left;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 3px solid #fff;
  padding-bottom: 5px;
  margin-right: 15px;
  margin-top: 10px;
}
.follow-us a, .share a{
  margin: 0px 4px;
  float: left;
  display: block;
}
.footer-address{
  float: left;
  max-width: 180px;
  color: #fff;
  font-size: 13px;
  line-height: 22px;
  margin-top: 9px;
}

/*------------ rights ---------------*/
.rights{
  background: #000;
  padding: 30px 0px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}
.addthis_sharing_toolbox {
	clear:none !important;}

/* animations-------------------------------------------------------------------*/
/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* end animations-------------------------------------------------------------------*/

/*/*media queries----------------------------------------------------------*/

@media only screen and (max-width: 1680px) {
 
}

@media only screen and (max-width: 1440px) {
 
}

@media only screen and (max-width: 1366px) {
 .banner-content {
	 top:55%;}
}

@media only screen and (max-width: 1280px) {
 
}

@media only screen and (max-width: 1100px) {
 .wrapper{margin: 0px 10px;}
 #top-menu ul li{margin-left: 26px;}
 .i1, .i2, .i3, .i4{width: 23%; margin-left: 1%;}
 .btn{width: 25%;}
 .achieve-info{width: 100%;}
 .text-position{padding-left: 10px;}
 .lists-info{width: 100%;}

 .address h3{font-size: 22px;}
 .address{font-size: 13px; margin-right: 9px; margin-left: 9px;}
 .share{margin: 0px 50px;}
}

@media only screen and (max-width: 1050px) {
  #top-menu ul li{margin-left: 15px; margin-right: 8px;}
}

@media only screen and (max-width: 1024px) {
  #top-menu ul li{margin-left: 10px; }
}
@media only screen and (max-width: 1000px) {
  .banner-paralax{height: 802px;}
  .banner-content {
  top: 65%;
}
}
@media only screen and (max-width: 980px) {
  #top-menu{display: none;}
  .team-item{width: 48%; margin-right: 1%; margin-left: 1%; margin-bottom: 20px;}

  .share{margin: 0px 15px;}
}

@media only screen and (max-width: 920px) {
  .varchev .wrapper::before{left: -230px;}
  .text-position{padding-right: 60px;}
  .lists-right .text-position{padding-left: 20px;}
  .address{width: 31%;}
  .clients .title{width: 30%;}
}

@media only screen and (max-width: 800px) {
  h2{font-size: 36px;}
  h3{font-size: 32px;}
  .some-form h5{text-align: center;}
  .i1, .i2, .i3, .i4{float: none; width: 90%; margin: 12px auto 0;}
  .btn{float: none; width: 90%; margin: 20px auto 0px;}
  .varchev-info{float: none; width: auto;}
  .varchev .wrapper::before{display: none;}
  .varchev{min-height: inherit;}
  .varchev .title, .achieve-info .title{text-align: center;}
  .varchev .title::before, .varchev .text::after, .achieve-info .title::before, .achieve-info .text::after {left: 50%;margin-left: -87px;}
  .varchev .text{text-align: center;}
  .text-position{padding-right: 10px;}
  .achieve-info-wrap{float: none; width: auto; padding-top: 50px; padding-bottom: 70px;}
  .achieve-info{height: auto; text-align: center;}
  .text-position{position: relative; top: auto; left: auto; transform: none;}
  .banner-inner{float: none; width: auto; height: 550px;}
  .item-one{float: none; width: auto; margin-left: 0; margin-right: 0;}
  .benefits{padding-top: 80px; padding-bottom: 25px; height: auto; background: url('../images/ban3.jpg') no-repeat center top; background-size: cover;}
  .banner-paralax2{display: none;}
  .lists-left{float: none; width: auto; height: auto; border-right: none; border-bottom: 2px solid #B32132;}
  .lists-info{float: none; padding: 60px 0px;}
  .lists-right{float: none; width: auto; height: auto;}
  .lists::before, .lists::after{display: none;}
  .clients .title{width: 33%;}
  .address{width: 30%;}

  .team-item{overflow: visible;}
  .team-item figcaption{position: relative; top: 0px; left: 0px; padding: 0px;}
  .team-item figcaption > div{position: relative; height: auto; bottom: auto; left: auto; padding-top: 20px;}
  .m-name{padding-left: 30px; -webkit-animation: none !important;-moz-animation: none !important;-o-animation: none !important;-ms-animation: none !important;animation: none !important;}
  .m-name span{opacity: 1; -webkit-animation: none !important;-moz-animation: none !important;-o-animation: none !important;-ms-animation: none !important;animation: none !important;}
  .m-name::before{-webkit-transform: translate3d(0,0px,0); transform: translate3d(0,0px,0); -webkit-animation: none !important;-moz-animation: none !important;-o-animation: none !important;-ms-animation: none !important;animation: none !important;}

  
  /*.dn{display: none;}*/
  .share{float: none; margin: 0px 0px 20px; text-align: center;}
  .share b{display: inline-block; float: none; margin-right: 0px; margin-bottom: 10px;}
  .share a{display: inline-block; float: none;}
  .follow-us{float: none; width: 330px; margin: 0 auto;}
}
@media only screen and (max-width: 750px) {
  .banner-paralax{height: sasa;
  background:url('../images/ban1.jpg') no-repeat fixed 50% 0%;}
  video { display:none;}
}
@media only screen and (max-width: 700px) {
  .clients .title{width: 50%;}
  .banner{height: 950px;}
   .banner-content {
	 top:65%;}
}

@media only screen and (max-width: 640px) {
  .title{margin-bottom: 70px;}
  .team .title{padding-top: 15px;}
  .team-item{float: none; width: auto; max-width: 400px; margin: 0 auto 20px;}
}

@media only screen and (max-width: 550px) {
  .logo{position: relative; top: auto; left: auto; float: left; margin-left: 0px;}
  .logo img{max-width: none; width: auto; height: 47px; margin-top: 10px;}
  header{height: 70px;}
  .t1{font-size: 36px; margin-top:80px;}
  .t1 span{font-size: 110px;}
  .t1::before{bottom: 4px;}
  h2{font-size: 32px;}
  .address{width: 45%;}

}

@media only screen and (max-width: 450px) {
  .banner-inner{height: 440px;}
  .success .title{padding-top: 15px;}
  .clients .title{float: none; width: auto; text-align: center;}
  .clients .title::before{left: 50%;margin-left: -87px;}
  .address{width: 44%;}
  .t1::before{width: 290px; margin-left: -145px;}
}

@media only screen and (max-width: 360px) {
  .banner{height: 800px;}
  .t1{font-size: 28px;}
  .t1 span{font-size: 72px;}
  .t1::before{width: 270px; margin-left: -135px; height: 47px;}
  h2{font-size: 26px;}
  h3{font-size: 28px;}
  .address{width: auto; float: none;}
  .some-form h5{font-size: 15px;}

  .share{width: auto !important; }
  .follow-us{width: auto;}
}

@media only screen and (max-width: 320px) {
  
}