@charset "utf-8";
 @import "et-line.css";
/* @import "font-awesome.min.css";*/

 html, body {
     height: 100%;
}
label {
     font-weight: normal;
}
 .align-center{
     text-align:center !important;
}
 .align-left{
     text-align:left !important;
}
 .align-right{
     text-align:right !important;
}
 .left{
    float:left !important;
}
 .right{
    float:right !important;
}
 .relative{
    position:relative;
}
 .hidden{
    display:none;
}
 .inline-block{
    display:inline-block;
}
 .white{
     color: #fff !important;
}
 .stick-fixed{
     position: fixed !important;
     top: 0;
     left: 0;
}
 .round{
     -webkit-border-radius: 2px !important;
     -moz-border-radius: 2px !important;
     border-radius: 2px !important;
}
 .white-shadow{
     -webkit-box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);
     -moz-box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);
     box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);
}
 .clearlist, .clearlist li {
     list-style: none;
     padding: 0;
     margin: 0;
     background: none;
}
 .full-wrapper {
    /* margin: 0 2%;
    */
     margin: 0;
}
 html{
     overflow-y: scroll;
     -ms-overflow-style: scrollbar;
}
 html, body{
     height: 100%;
     -webkit-font-smoothing: antialiased;
}
 .page{
     overflow: hidden;
}
 iframe{
     border: none;
}
 a, b, div, ul, li{
     -webkit-tap-highlight-color: rgba(0,0,0,0);
     -webkit-tap-highlight-color: transparent;
     -moz-outline-: none;
}
 a:focus, a:active{
     -moz-outline: none;
     outline: none;
}
 img:not([draggable]), embed, object, video{
     max-width: 100%;
     height: auto;
}
 body{
     color: #111;
     font-size: 14px;
     font-family: "Open Sans", arial, sans-serif;
     line-height: 1.6;
     -webkit-font-smoothing: antialiased;
}
 a{
     color: #111;
     text-decoration: underline;
}
 a:hover{
     color: #888;
     text-decoration: underline;
}
 h1,h2,h3,h4,h5,h6{
     margin-bottom: 1.3em;
     line-height: 1.4;
     font-weight: 400;
}
 h1{
     font-size: 32px;
}
 h2{
     font-size: 28px;
}
 p{
     margin: 0 0 2em 0;
}
 ul, ol{
     margin: 0 0 1.5em 0;
}
 blockquote{
     margin: 3em 0 3em 0;
     padding: 0;
     border: none;
     background: none;
     font-style: normal;
     line-height: 1.7;
     color: #777;
}
 blockquote p{
     margin-bottom: 1em;
     font-size: 24px;
     font-weight: 300;
     font-style: normal;
     line-height: 1.6;
}
 #services blockquote p {
     color: #000;
     font-weight: bold;
     font-size: 21px;
}
 blockquote footer{
     font-size: 11px;
     font-weight: 400;
     text-transform: uppercase;
     letter-spacing: 2px;
}
 dl dt{
     margin-bottom: 5px;
}
 dl dd{
     margin-bottom: 15px;
}
 hr{
     background-color: rgba(255,255,255, .08);
}
 .black {
    color: #000;
}
 .grey_font {
    color: #999 !important;
}
 .uppercase{
     text-transform: uppercase;
     letter-spacing: 1px;
}
 .font-alt{
     font-family: 'PT Sans', sans-serif;
     text-transform: uppercase;
     letter-spacing: 0.2em;
}
 .strong{
     font-weight: 700 !important;
}
 .text{
     font-size: 16px;
     font-weight: 300;
     color: #000;
     line-height: 1.8;
}
 .text-center {
     text-align: center;
}
 .text h1, .text h2, .text h3, .text h4, .text h5, .text h6{
     color: #111;
}
 .crop {
     width: 100%;
     height: 600px;
     overflow: hidden;
}
 .caps {
     text-transform: uppercase;
}
 .space {
    letter-spacing: 1px;
}
 .big-icon{
     display: block;
     margin: 0 auto 20px;
     text-align: center;
     line-height: 40px;
     font-size: 45px;
     color: rgba(255,255,255, .97);
     -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
 .big-icon .fa-play{
     position: relative;
     left: 4px;
}
 .big-icon-link{
     display: inline-block;
     text-decoration: none;
}
 .btn-mod, a.btn-mod{
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 4px 13px;
     color: #fff;
     background: rgba(34,34,34, .9);
     border: 2px solid transparent;
     font-size: 11px;
     font-weight: 400;
     text-transform: uppercase;
     text-decoration: none;
     letter-spacing: 2px;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
 .btn-mod:hover, .btn-mod:focus, a.btn-mod:hover, a.btn-mod:focus{
     font-weight: 400;
     color: rgba(255,255,255, .85);
     background: rgba(0,0,0, .7);
     text-decoration: none;
     outline: none;
     border-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .btn-mod:active{
     cursor: pointer !important;
     outline: none !important;
}
 .btn-mod.btn-small{
     height: auto;
     padding: 6px 17px;
     font-size: 11px;
     letter-spacing: 1px;
}
 .btn-mod.btn-medium {
     height: auto;
     padding: 8px 37px;
     font-size: 12px;
}
 .ask .btn-mod.btn-medium{
     height: auto;
     font-size: 12px;
}
 .btn-mod.btn-border{
     color: #151515;
     border: 2px solid #151515;
     background: transparent;
}
 .btn-mod.btn-border:hover, .btn-mod.btn-border:focus{
     color: #fff;
     border-color: transparent;
     background: #000;
}
 .btn-mod.btn-border-w{
     color: #fff;
     border: 2px solid rgba(255,255,255, .75);
     background: transparent;
}
 .btn-mod.btn-border-w:hover, .btn-mod.btn-border-w:focus{
     color: #111;
     border-color: transparent;
     background: #fff;
}
 .btn-mod.btn-gray{
     color: #777;
     background: #e5e5e5;
}
 .btn-mod.btn-gray:hover, .btn-mod.btn-gray:focus{
     color: #444;
     background: #d5d5d5;
}
 .btn-mod.btn-circle{
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     border-radius: 30px;
}
 .btn-mod.btn-round{
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
}
 .local-scroll .btn-mod.btn-medium {
     padding: 8px 17px;
     margin-right: 10px;
}
 .btn-blue {
background: #3acfd5; /* Old browsers */
background: -moz-linear-gradient(left,  #3acfd5 0%, #3a4ed5 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #3acfd5 0%,#3a4ed5 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #3acfd5 0%,#3a4ed5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3acfd5', endColorstr='#3a4ed5',GradientType=1 ); /* IE6-9 */
text-shadow: #3a4ed5 0 0 5px; 
font-weight: bold !important;
}
.btn-blue:hover, .btn-blue-deep:hover, .btn-blue-dark:hover {
box-shadow:
    1px 1px #fff,
    2px 2px #fff,
    3px 3px #fff,
    4px 4px #fff,
    5px 5px #fff,
    6px 6px #fff,
    7px 7px #fff;
  -webkit-transform: translateX(-7px);
  transform: translateX(-7px);
}

 .btn-blue-deep {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3a4ed5+0,1f7ba5+100 */
background: #3a4ed5; /* Old browsers */
background: -moz-linear-gradient(left,  #3a4ed5 0%, #1f7ba5 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #3a4ed5 0%,#1f7ba5 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #3a4ed5 0%,#1f7ba5 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a4ed5', endColorstr='#1f7ba5',GradientType=1 ); /* IE6-9 */
text-shadow: #1f7ba5 0 0 5px; 
font-weight: bold !important;
}
 .btn-blue-dark {
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1f7ba5+0,124160+100 */
background: #1f7ba5; /* Old browsers */
background: -moz-linear-gradient(left,  #1f7ba5 0%, #124160 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #1f7ba5 0%,#124160 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #1f7ba5 0%,#124160 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f7ba5', endColorstr='#124160',GradientType=1 ); /* IE6-9 */
text-shadow: #124160 0 0 5px; 
font-weight: bold !important;
}
 .form input[type="text"], .form input[type="email"], .form input[type="number"], .form input[type="url"], .form input[type="search"], .form input[type="tel"], .form input[type="password"], .form input[type="date"], .form input[type="color"], .form select{
     display: inline-block;
     height: 27px;
     vertical-align: middle;
     font-size: 11px;
     font-weight: 400;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #777;
     border: 1px solid rgba(0,0,0, .1);
     padding-left: 7px;
     padding-right: 7px;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
 .form select{
     font-size: 12px;
}
 .form input[type="text"]:hover, .form input[type="email"]:hover, .form input[type="number"]:hover, .form input[type="url"]:hover, .form input[type="search"]:hover, .form input[type="tel"]:hover, .form input[type="password"]:hover, .form input[type="date"]:hover, .form input[type="color"]:hover, .form select:hover{
     border-color: rgba(0,0,0, .2);
}
 .form input[type="text"]:focus, .form input[type="email"]:focus, .form input[type="number"]:focus, .form input[type="url"]:focus, .form input[type="search"]:focus, .form input[type="tel"]:focus, .form input[type="password"]:focus, .form input[type="date"]:focus, .form input[type="color"]:focus, .form select:focus{
     color: #111;
     border-color: rgba(0,0,0, .7);
     -webkit-box-shadow: 0 0 3px rgba(0,0,0, .3);
     -moz-box-shadow: 0 0 3px rgba(0,0,0, .3);
     box-shadow: 0 0 3px rgba(0,0,0, .3);
     outline: none;
}
 .form input[type="text"].input-md, .form input[type="email"].input-md, .form input[type="number"].input-md, .form input[type="url"].input-md, .form input[type="search"].input-md, .form input[type="tel"].input-md, .form input[type="password"].input-md, .form input[type="date"].input-md, .form input[type="color"].input-md, .form select.input-md{
     height: 37px;
     padding-left: 13px;
     padding-right: 13px;
     font-size: 12px;
     border-radius: 5px;
}
 .form textarea{
     font-size: 12px;
     font-weight: 400;
     text-transform: uppercase !important;
     letter-spacing: 1px;
     color: #777;
     border-color: rgba(0,0,0, .1);
     outline: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
}
 .form textarea:hover{
     border-color: rgba(0,0,0, .2);
}
 .form textarea:focus{
     color: #111;
     border-color: rgba(0,0,0, .7);
     -webkit-box-shadow: 0 0 3px rgba(21,21,21, .3);
     -moz-box-shadow: 0 0 3px rgba(21,21,21, .3);
     box-shadow: 0 0 3px rgba(21,21,21, .3);
}
 .form .slash {
    float: left;
     width: 30px;
     font-size: 28px;
     font-weight: lighter;
     line-height: 38px;
}
 .home-section{
     width: 100%;
     display: block;
     position: relative;
     overflow: hidden;
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-position: center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 .home-content{
     display: table;
     width: 100%;
     height: 100%;
     text-align: center;
}
/* Home content */
 .home-content{
     position: relative;
}
 .home-text{
     display: table-cell;
     height: 100%;
     vertical-align: middle;
}
 .hs-line-8{
     margin-top: 0;
     position: relative;
     font-size: 16px;
     font-weight: 400;
     letter-spacing: 0.2em;
     line-height: 1.2;
     opacity: .75;
}
 .hs-line-8.no-transp{
     opacity: 1;
}

 .hs-line-10 {
     margin-top: 0;
     position: relative;
     font-size: 21px;
     font-weight: 800;
     letter-spacing: 0.2em;
     line-height: 1.2;
     opacity: 1;
}

.hs-line-11{
    margin-top: 0;
    position: relative;
     font-size: 24px;
    font-weight: 400;
     text-transform: uppercase;
     letter-spacing: 0.2em;
    line-height: 1.4;
    padding-bottom: 5px;

}
 .hs-line-14{
     margin-top: 0;
     position: relative;
     font-size: 48px;
     font-weight: 400;
     line-height: 1.4;
     text-transform: uppercase;
     letter-spacing: 0.2em;
}
 .hs-line-15{
     margin-top: 0;
     position: relative;
     font-size: 36px;
     font-weight: 400;
     text-transform: uppercase;
     letter-spacing: 0.2em;
     line-height: 1.3;
}
 .no-transp{
     opacity: 1 !important;
}
/* Logo (in navigation panel)*/
 .nav-logo-wrap{
     float: left;
}
 .nav-logo-wrap .logo{
     display: table-cell;
     vertical-align: middle;
     max-width: 170px;
     height: 75px;
     margin-top: 15px;
     -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
 .nav-logo-wrap .logo img{
     max-height: 100%;
}
 .logo, a.logo:hover{
     font-family: 'PT Sans', sans-serif;
     font-size: 18px;
     font-weight: 400 !important;
     text-transform: uppercase;
     letter-spacing: 0.2em;
     text-decoration: none;
     color: rgba(0,0,0, .9);
}
/* * Desktop nav */
 .main-nav{
     width: 100%;
     height: 110px !important;
     position: relative;
     top: 0;
     left: 0;
     text-align: left;
     background: rgba(255,255,255, .97);
     -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.05);
     -moz-box-shadow: 0 1px 0 rgba(0,0,0,.05);
     box-shadow: 0 1px 0 rgba(0,0,0,.05);
     z-index: 1030;
     -webkit-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -ms-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.breadcrumbs {
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumbs-item {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}

.breadcrumbs-item:not(:last-child):after {
  content: "→";
  margin-left: 5px;
}

.breadcrumbs-link {
  color: #006699;
}

.breadcrumbs-link:not(span):hover {
  text-decoration: underline;
}

.breadcrumbs-link.current {
  color: #999;
}

 .small-height .ask {
    margin-top: 17px !important;
}
 .small-height .nav-logo-wrap {
     margin-top: 0 !important;
}
 .small-height{
     height: 70px !important;
}
 .small-height .inner-nav.scroll-hide {
     display: none !important;
}
 .small-height .inner-nav ul li a{
     height: 70px !important;
     line-height: 70px !important;
}
 .small-height .inner-nav ul li a.btn-mod, .inner-nav ul li a.btn-mod {
     line-height: 28px !important;
     height: 32px !important;
     padding: 1px 10px 0 10px;
}
 .inner-nav{
     display: inline-block;
     position: relative;
     float: right;
     height: 45px;
     width: 100%;
}
 .inner-nav ul{
     float: right;
     margin: auto;
     font-size: 11px;
     font-weight: 400;
     letter-spacing: 1px;
     text-transform: uppercase;
     text-align: center;
     line-height: 1.3;
     width: 100%;
}
 .inner-nav ul.mn-sub {
     width: 320px;
     background: #333;
     top: 47px;
     z-index: 10000;
}
 .inner-nav ul li .mn-sub li a{
     color: #fff;
}
 .inner-nav ul li {
     float: left;
     margin-left: 30px;
     position: relative;
}
 .inner-nav ul li a{
     color: #000;
     letter-spacing: 2px;
    /* display: inline-block;
    */
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     text-decoration: none;
     -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     height: 65px !important;
     line-height: 65px !important;
}
 .inner-nav ul li.login {
    /* top: 5px;
    */
}
 .inner-nav ul li.login a {
     text-transform: none;
     color: #006699;
     font-size: 14px;
     letter-spacing: normal;
}
 .inner-nav ul li.login a span {
     border-bottom: 1px dotted #006699;
}
 .login .fa-user {
     color: #006699;
     text-decoration: none;
     padding-right: 5px;
     font-size: 18px;
     position: relative;
     top: 3px;
}
 .inner-nav ul > li:first-child > a{
}
 .inner-nav ul li a:hover, .inner-nav ul li a.active{
     color: #000;
     text-decoration: none;
}
/* Menu sub */
 .mn-sub{
     display: none;
     width: 320px;
     position: absolute;
     top: 100%;
     left: 0;
     padding: 0;
     background: rgba(256,256,256, .97);
}
 .mn-sub li{
     display: block;
     width: 100%;
     margin: 0 !important;
}
 .inner-nav ul li .mn-sub li a{
     display: block;
     width: 100%;
     height: auto !important;
     line-height: 1.4 !important;
     position: relative;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     margin: 0;
     padding: 8px 15px 8px;
     font-size: 14px;
     text-align: left;
     text-transform: none;
     border-left: none;
     border-right: none;
     letter-spacing: 0;
     color: #fff !important;
     cursor: pointer;
     border-bottom: 1px solid rgba(255,255,255, .1) !important;
}
 .mn-sub li a:hover, .inner-nav ul li .mn-sub li a:hover, .mn-sub li a.active{
     background: rgba(255,255,255, .09);
     color: #00ccff !important;
}
 .inner-nav .ask {
     float: right;
     margin-left: 50px;
     margin-top: 17px;
}
 .mn-has-sub.cat_link {
     color: #006699;
     opacity: 1;
     font-weight: 600;
     font-size: 16px;
     line-height: 65px !important;
}
 .main-nav .logo, .main-nav a.logo:hover{
     font-size: 18px;
     font-weight: 800;
     text-transform: uppercase;
     text-decoration: none;
     color: rgba(255,255,255, .9);
     float: left;
}
 .main-nav .phone {
     font-size: 21px;
     letter-spacing: 1px;
     line-height: 65px;
     font-family: 'PT Sans', sans-serif;
     margin-right: 40px;
     font-weight: bolder;
}
 .main-nav .phone .fa-phone {
     font-size: 16px;
     margin-right: 10px;
     top: -1px;
     transform: scale(-1, 1);
     position: relative;
}
 .main-nav.transparent{
    /* background: transparent !important;
    */
    /*background: rgba(255,255,255, .95) !important;
    */
     background: #efefef;
}
 .main-nav.js-transparent{
     -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
/* * Common */
 .page-section, .small-section{
     width: 100%;
     display: block;
     position: relative;
     overflow: hidden;
     background-attachment: fixed;
     background-repeat: no-repeat;
     background-position: center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 20px 0;
}
 .small-title{
     padding: 0;
     margin: 0 0 30px 0;
     text-transform: uppercase;
     font-size: 18px;
     font-weight: 300;
     letter-spacing: 0.3em;
}
 .section-icon{
     margin-bottom: 7px;
     text-align: center;
     font-size: 32px;
}

.contact-item{
    position: relative;
    padding-left: 44px;
    color: #444;
    
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.contact-item a{
    color: #444;
    text-decoration: none;    
}

.contact-item a:hover{
    color: #000;
    text-decoration: none;
}

.ci-icon{
    width: 23px;
    height: 23px;
    position: absolute;
    top: 0;
    left: 3px;
    color: #000;
    text-align: center;
    line-height: 23px;
}

.ci-icon i,
.ci-icon span{
    position: relative;
}
.ci-title{
    margin-bottom: 1px;
    color: #777;    
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.3em;
}
.ci-text{
    font-size: 15px;
    font-weight: 300;
}
#canvas-map {float: left; width: 100%; z-index: 10;}
#map {width: 500px; height: 550px; /*border: 7px solid #eee; border-radius: 50%; overflow: hidden;*/}

.copythis input {
     border-radius: 30px;
     padding: 2px 50px 4px 20px;
     position: absolute;
     background: #eee;
     border: none;
}
.copy-btn {
     border-radius: 30px;
     position: relative;
     top: 0;
     left: 175px;
}

 .bg-scroll{
     background-attachment: scroll !important;
}
 .bg-gray-lighter{
     background-color: #f8f8f8;
}
 .bg-dark, .bg-dark-lighter, .bg-dark-alfa-30, .bg-dark-alfa-50, .bg-dark-alfa-70, .bg-dark-alfa-90, .bg-dark-alfa, .bg-color, .bg-color-lighter, .bg-color-alfa-30, .bg-color-alfa-50, .bg-color-alfa-70, .bg-color-alfa-90, .bg-color-alfa{
     color: #fff;
}
 .bg-dark a, .bg-dark-lighter a, .bg-dark-alfa-30 a, .bg-dark-alfa-50 a, .bg-dark-alfa-70 a, .bg-dark-alfa-90 a, .bg-dark-alfa a, .bg-color a, .bg-colorlighter a, .bg-color-alfa-30 a, .bg-color-alfa-50 a, .bg-color-alfa-70 a, .bg-color-alfa-90 a, .bg-color-alfa a{
     color: rgba(255,255,255, .8);
     padding-bottom: 3px;
     -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
 .bg-dark a:hover, .bg-dark-lighter a:hover, .bg-dark-alfa-30 a:hover, .bg-dark-alfa-50 a:hover, .bg-dark-alfa-70 a:hover, .bg-dark-alfa-90 a:hover, .bg-dark-alfa a:hover, .bg-color a:hover, .bg-color-lighter a:hover, .bg-color-alfa-30 a:hover, .bg-color-alfa-50 a:hover, .bg-color-alfa-70 a:hover, .bg-color-alfa-90 a:hover, .bg-color-alfa a:hover{
     color: rgba(255,255,255, 1);
     text-decoration: none;
}
.grey_bg {
     background: #eee;
     display: inline-block;
     padding: 2px 5px;
     border-radius: 2px;
}
 .grey {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+0,eeeeee+100 */
     background: #fbfbfb;
    /* Old browsers */
     background: -moz-linear-gradient(top, #fbfbfb 0%, #eeeeee 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, #fbfbfb 0%,#eeeeee 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, #fbfbfb 0%,#eeeeee 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#eeeeee',GradientType=0 );
    /* IE6-9 */
     border-bottom: 1px solid #eee;
}
 .grey_l {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,ffffff+100 */
     background: #fafafa;
    /* Old browsers */
     background: -moz-linear-gradient(top, #fafafa 0%, #ffffff 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, #fafafa 0%,#ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, #fafafa 0%,#ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */
     border-bottom: 1px solid #eee;
}
 .bg-dark{
     background-color: #111;
}
 .bg-dark-alfa-30:before, .bg-dark-alfa-30 .YTPOverlay:before{
     content: " ";
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background: rgba(34,34,34, .3);
}
 .bg-dark-alfa-50:before, .bg-dark-alfa-50 .YTPOverlay:before{
     content: " ";
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background: rgba(34,34,34, .5);
}
 .bg-dark-alfa-70:before, .bg-dark-alfa-70 .YTPOverlay:before{
     content: " ";
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background: rgba(17,17,17, .7);
}
 .section-title {
     margin-bottom: 15px;
     font-size: 21px;
     font-weight: 400;
     text-transform: uppercase;
     text-align: center;
     letter-spacing: 0.3em;
     line-height: 1.4;
}
 .section-text{
     font-size: 16px;
     font-weight: 300;
     color: #000;
     line-height: 1.7;
}
 .section-text blockquote{
     margin-top: -5px;
}
 .section-text blockquote a {
     color: #0099cc;
}
 .fa-play-circle {
     position: relative;
     top:6px;
}
 .fixed-height-large, .fixed-height-medium, .fixed-height-small{
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .fixed-height-small{
     min-height: 420px;
     margin-top: 110px;
}
 .fixed-height-big{
     min-height: 600px;
     margin-top: 110px;
}
/* ============================== Alternative services ============================== */
 .alt-service-grid{
     margin-top: -60px;
}
 .alt-services-image{
     text-align: center;
}
 .alt-services-image > img{
     display: block;
     width: 100%;
}
 .alt-service-item{
     margin: 30px 0 0 0;
     position: relative;
     padding-left: 55px;
     padding-top: 3px;
     font-size: 16px;
     font-weight: 300;
     color: #000;
     -webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
     -moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
     -o-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
     -ms-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
     transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
     -webkit-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -ms-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
 .alt-service-icon{
     width: 40px;
     height: 40px;
     position: absolute;
     top: 0;
     left: 0;
     line-height: 40px;
     text-align: center;
     font-size: 28px;
     color: #111;
     -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
 .alt-services-title{
     margin: 0 0 10px 0;
     padding: 0;
     font-size: 15px;
     font-weight: 400;
     color: #111;
}
 #mac .macbook {
     background: url(../images/macbook.png) no-repeat;
     width: 1338px;
     height: 717px;
     margin: 0 auto 30px;
     text-align: center;
}
 #mac .macbook iframe {
     margin-top: 40px;
}
 #shu h5.uppercase {
     border-bottom: 1px solid #000;
     font-weight: bold;
}
 .alt-features-grid{
     margin-top: -70px;
}
 .alt-features-item{
     margin-top: 20px;
}
 .alt-features-icon{
     padding-top: 10px;
     font-size: 48px;
     line-height: 1.3;
     color: #111;
}
 .alt-features-title{
     margin-bottom: 21px;
     font-size: 14px;
     font-weight: 400;
     text-transform: uppercase;
     letter-spacing: 0.2em;
}
 .alt-features-descr {
     color: #777;
     font-size: 16px;
     font-weight: 300;
     line-height: 1.86 
}
/* * Works filter */
 .works-filter{
     list-style: none;
     padding: 0;
     margin: 0 0 45px 0;
     font-size: 13px;
     text-transform: uppercase;
     text-align: center;
     letter-spacing: 0.4em;
     color: #555;
     cursor: default;
}
 .works-filter a{
     display: inline-block;
     margin: 0 27px;
     color: #999;
     text-decoration: none;
     -webkit-transition: all 0.37s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     cursor: pointer;
}
 .works-filter a:hover{
     color: #111;
     text-decoration: none;
}
 .works-filter a.active{
     color: #111;
     cursor: default;
}
 .works-filter a.active:hover{
     color: #111;
}
/* * Works grid */
 .works-grid{
     list-style: none;
     margin: 0;
     padding: 0;
}
 .work-item{
     width: 25%;
     float: left;
     margin: 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .work-grid-3 .work-item{
     width: 33.333%;
}
  .work-grid-4 .work-item{
     width: 25%;
     float: left;
     margin: 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;

}
 .work-grid-4 .work-item .work-img {
     margin-bottom: 15px;
     padding: 0 10px !important;
 }


  .equals {
     font-size: 75px;
     line-height: 75px;
     color: #333;
     margin: 0 auto;
     display: block;
  }
  .container_wide {
     width: 70%;
     align-content: center;
     margin: 0 auto;
  }
 .container .work-grid-3 .work-item{
     width: 33.2%;
}
 .container .work-grid-2 .work-item{
     width: 49.2%;
}
 .works-grid.work-grid-gut{
     margin: 0 0 0 -10px;
}
 .works-grid.work-grid-gut .work-item{
     padding: 3px;

}
.objects .work-item {
     height: 370px;
     overflow: hidden;
 }
 .grinders .works-grid.work-grid-gut .work-item {
     padding: 0 60px;
}
.grinders .works-grid.work-grid-4.work-grid-gut .work-item {
     padding: 0 10px !important;
}
 .work-item > a{
     display: block;
     padding: 0 0 84px 0;
     position: relative;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     text-decoration: none;
}
 .grinders .work-item > a {
     padding-bottom: 0;
}
 .work-item a, .work-item a:hover{
     color: #111;
     border: none;
}
 .work-img{
     position: relative;
     overflow: hidden;
}
 .work-img img{
     width: 100%;
     display: block;
     overflow: hidden;
}
 .work-intro{
     width: 100%;
     height: 90px;
     padding: 20px 20px 0 20px;
     -webkit-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     position: absolute;
     bottom: 0;
     left: 0;
     text-align: center;
     overflow: hidden;
}
 .grinders .work-intro {
     color: #000 !important;
     overflow: visible;
     height: auto;
     width: 100%;
     padding: 0;
     position: relative;
     text-align: center;
     bottom: 20px;
}
 .work-title{
     margin: 5px 0;
     padding: 0;
     font-size: 13px;
     font-weight: 400;
     text-transform: uppercase;
     letter-spacing: 0.2em;
     line-height: 1.2;
}
 .grinders .work-title {
     font-size: 16px;
     text-align: center;
     padding: 0;
     width: 100%;
     margin: 0;
}
 .grinders .work-title b {
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     padding: 5px;
     margin: 10px 0;
     line-height: 36px;
}
 .work-descr{
     font-size: 11px;
     text-align: center;
     text-transform: uppercase;
     color: #aaa;
     line-height: 1.2;
}
 .work-intro{
     -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
 .work-item:hover .work-intro{
    /*bottom: auto;
    */
    /*top: 50%;
    */
     color: #fff;
     -webkit-transform: translateY(-99px);
     -moz-transform: translateY(-99px);
     transform: translateY(-99px);
     z-index: 3;
}
 .grinders .work-item:hover .work-intro{
    /*bottom: auto;
    */
    /*top: 50%;
    */
     color: #fff;
     -webkit-transform: translateY(-9px);
     -moz-transform: translateY(-9px);
     transform: translateY(-9px);
     z-index: 3;
}
 .work-item:hover .work-title{
     color: #ccc;
}
 .works-grid.no-hover .work-item:hover .work-title{
     color: #333;
}
 .work-item:hover .work-descr{
     color: #999;
}
 .work-item .work-img:after{
     content: " ";
     display: block;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background: rgba(250,250,250, 0);
     -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
 .work-item:hover .work-img:after{
     background: rgba(20,20,20, .85);
}
 .works-grid.hover-white .work-item:hover .work-intro, .works-grid.hover-white .work-item:hover .work-title, .works-grid.hover-white .work-item:hover .work-descr{
     color: #000;
}
 .works-grid.hover-white .work-item:hover .work-img:after{
     background: rgba(250,250,250, .9);
}
 .works-grid.no-hover .work-item:hover .work-img:after {
     background: none;
}
 .work-item .work-img > img{
     -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
 .work-item .work-img:after{
     content: " ";
     display: block;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background: rgba(250,250,250, 0);
     -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
 .work-item:hover .work-img > img{
     -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
     -o-transform: scale(1.05);
     -ms-transform: scale(1.05);
     transform: scale(1.05);
}
 .work-full-media{
     margin-top: 30px;
}
 .work-full-media img{
     max-width: 85%;
     height: auto;
}
 .svg-inline--fa.fa-w-8 {
    margin-top: 5px;
}
/* ============================== Banner section ============================== */
 .banner-section{
     overflow: visible;
     border-bottom: 1px solid transparent;
}
.banner-section.head {
     background-color: rgba(230,230,230,0.4);
}
 .banner-heading{
     margin-top: 0;
     margin-bottom: 20px;
     font-size: 18px;
     font-weight: 300;
     letter-spacing: 0.3em;
     text-transform: uppercase;
     color: rgba(255,255,255, 0.9);
}

 .banner-decription{
     margin-bottom: 35px;
     font-size: 16px;
     line-height: 28px;
     font-weight: 300;
     color: rgba(255,255,255, .7);
}
.head .banner-heading{color:#000;line-height:40px;margin-top:60px;float:left;font-size:21px;}
.head .banner-heading .big{font-size:32px;letter-spacing:0.1em;font-weight:bold;margin-bottom:20px;float:left;}
.head .banner-heading .big.dark-bg{background: #333; color: #fff;}
.banner-decription{margin-bottom:35px;font-size:16px;line-height:28px;font-weight:300;color:rgba(255,255,255, .7);}
.banner-image{margin:20px 0 0 0;text-align:right;}
.white .banner-content{color:#000!important;}
.white .banner-heading{color:#000;}
.white .banner-heading .big{font-size:36px;font-weight:800;}
.white .banner-decription{color:#000;}
 .banner-image{
     margin: 20px 0 0 0;
     text-align: right;
}
 .banner-image img{
}
 .white .banner-content {
     color: #000 !important;
}
 .white .banner-heading {
     color: #000;
}
 .white .banner-heading .big {
     font-size: 36px;
     font-weight: 800;
}
 .white .banner-decription {
     color: #000;
}
/* ============================== Testimonial ============================== */
 .testimonial{
     margin: 0;
     padding: 0;
     background: none;
     border: none;
     text-align: center;
     font-family: "Open Sans", arial, sans-serif;
     font-size: 18px;
     font-style: normal;
     font-weight: 300;
     letter-spacing: 0;
     opacity: .85;
}
 .testimonial p{
     font-size: 18px;
}
 .testimonial-author{
}

.primer {
  padding: 25px;
  background: #f3f3f3;
  font-style: italic;
  margin: 15px 0;
  border-radius: 10px;
}
.warn {
  border: 1px solid #000;
  padding: 10px;
  margin: 20px 0 15px 0;
  text-align: center;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
}

/* * Logotypes */
 .logo-item{
     height: 90px;
     text-align: center;
     opacity: .75;
     -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
 .logo-item img{
     position: relative;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     transition: 1s;
}
 .post-prev-img{
     margin-bottom: 23px;
     position: relative;
}
 .post-prev-img img{
     width: 100%;
}
.container_img {
  position: relative;
  width: 100%;
  max-width: 650px;
}
.img_overlay {
  display: block;
  width: 100%;
  height: auto;
}

.post-prev-img .overlay {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1;
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 14px;
  padding: 10px;
  text-align: left;
}
.container_img:hover .overlay {
  opacity: 1;
}
.opros-form .container {
  width: 1000px !important;
}
.opros-form .radio-inline, .checkbox-inline {
  font-size: 12px;
}
.form.opros-form input[type="text"].input-md, 
.form.opros-form input[type="email"].input-md, 
.form.opros-form input[type="number"].input-md, 
.form.opros-form input[type="url"].input-md,
.form.opros-form input[type="search"].input-md, 
.form.opros-form input[type="tel"].input-md, 
.form.opros-form input[type="password"].input-md, 
.form.opros-form input[type="date"].input-md, 
.form.opros-form input[type="color"].input-md, 
.form.opros-form select.input-md {
  text-transform: none;
  font-size: 14px;
  letter-spacing: normal;
}
.post-prev-img.opros-img {
    margin: 10px auto;
    text-align: center;
}
.post-prev-img.opros-img img {
  width: 120px;
  text-align: center;

}
 #hider {
     position: absolute;
     top: -9999px;
     left: -9999px;
}
 #hider:checked + .content_inside {
     display: block;
}
 #clickme {
     text-decoration: underline;
     color: blue;
     cursor: pointer;
}
 .content_inside {
     margin-top: 10px;
     display: none;
}
 .bold {
     font-weight: 600 !important;
}
 .crop{
     float:left;
     position:relative;
     width:365px;
     height:146px;
     margin:.5em 10px 1.5em 0;
}
 .crop img{
     margin:0;
     position:absolute;
     top:-40px;
     left:0;
     clip:rect(47px 365px 193px 0px);
}
 .video1 {
     width: 1136px;
     height: 450px;
     position: relative;
     background: url(../images/blog/instal_all2.jpg) 0% 0% / cover;
}
 .video1-play {
     background-image: url(../images/play_btn.png);
     background-repeat: no-repeat;
     background-size: cover;
     height: 120px;
     width: 120px;
     top: 50%;
     left: 50%;
     margin-left: -45px;
     margin-top: -50px;
     position: absolute;
     background-position: 50% 50%;
     cursor: pointer;
}
 .post-prev-title{
     margin-bottom: 6px;
     font-size: 15px;
     text-transform: uppercase;
     letter-spacing: 0.2em;
     text-align: center;
}
 .post-prev-info, .post-prev-info a{
     margin-bottom: 15px;
     font-size: 11px;
     text-decoration: none;
     color: #aaa;
     -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
 .post-prev-more {
     text-align: center;
}
 #messageForm.form, #zapros.form, #docs.form, #messageDoc.form, #messageRequest.form, #tradeinForm.form {
     background: #fff;
    /* width: 1170px;
    */
     width: auto;
     margin: auto;
     display: table;
     padding: 25px;
}
 .form .btn-mod.btn-round {
     letter-spacing: 2px;
}
 .center {
     margin: auto;
     display: table;
}
 .footer{
     text-align: center;
     font-size: 12px;
}
 .footer a{
     color: #888;
     text-decoration: none;
     -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
 .footer a:hover{
     color: #111;
     text-decoration: underline;
}
 .footer-copy{
     margin-bottom: 5px;
     text-transform: uppercase;
     letter-spacing: 0.5em;
}
 .footer-made{
     font-size: 11px;
     color: #999;
}
 a.link-to-top{
     position: absolute;
     bottom: 20px;
     right: 20px;
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     color: rgba(0,0,0, .2);
     font-size: 48px;
}
 .blog-media{
     margin-bottom: 30px;
}
 .blog-media img, .blog-media .video, .blog-media iframe{
     width: 100%;
}
 .widget{
     margin-bottom: 30px;
}
 .widget-title{
     margin-bottom: 20px;
     padding-bottom: 5px;
     text-transform: uppercase;
     font-size: 14px;
     font-weight: 400;
     color: #777;
     border-bottom: 1px solid #ccc;
}
 .widget-body{
     font-size: 13px;
     color: #777;
}
 .widget-text{
     line-height: 1.7;
}
 .widget-menu{
     font-size: 13px;
}
 .widget-menu li{
     padding: 5px 0;
}
 .widget-menu li a{
     color: #555;
     text-decoration: none;
     padding-bottom: 2px;
     text-decoration: none;
     border-bottom: 1px solid transparent;
     -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
 .widget-menu li a:hover, .widget-menu li a.active{
     color: #999;
}
/* Posts */
.widget-posts{
     color: #aaa;
}
.widget-posts li{
    font-size: 12px;
     padding: 12px 0;
     border-bottom: 1px dotted #eaeaea;
}
.widget-posts li a{
    font-size: 13px;
    display: block;
     color: #555;
     text-decoration: none;
     
     -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.widget-posts li a:hover{
     color: #999;
}
.widget-posts-img{
    float: left;
    margin: 0 7px 0 0;
}
.widget-posts-descr{
    overflow: hidden;
    font-size: 18px;
}
 .owl-carousel{
     overflow: hidden;
}
 .owl-buttons{
     position: static;
}
 .owl-prev, .owl-next{
     opacity: 0;
     display: block;
     position: absolute;
     top: 50%;
     margin-top: -50px;
     width: 105px;
     height: 105px;
     line-height: 105px;
     font-size: 16px;
     text-align: center;
     color: #111;
     z-index: 6;
     -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
 .owl-prev{
     left: -50px;
}
 .owl-next{
     right: -50px;
}
 .owl-prev:before, .owl-next:before{
     content: "";
     display: block;
     width: 66%;
     height: 66%;
     position: absolute;
     top: 17px;
     left: 0;
     background: #fff;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
     -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
     box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
 .owl-next:before{
     left: auto;
     right: 0;
}
 .owl-prev .fa, .owl-next .fa{
     position: relative;
}
 .owl-prev:hover, .owl-next:hover{
     -webkit-transition: 0 none !important;
     -moz-transition: 0 none !important;
     -ms-transition: 0 none !important;
     -o-transition: 0 none !important;
     transition:0 none !important;
}
 .owl-prev:hover:before, .owl-next:hover:before{
     opacity: 0.87;
}
 .owl-prev:active:before, .owl-next:active:before{
     opacity: 0.6;
}
 .owl-carousel:hover .owl-prev{
     opacity: 1;
     left: -35px;
}
 .owl-carousel:hover .owl-next{
     opacity: 1;
     right: -35px;
}
 .owl-pagination{
     display: block;
     width: 100%;
     position: absolute;
     bottom: 30px;
     left: 0;
     text-align: center;
}
 .owl-page{
     display: inline-block;
     padding: 6px 4px;
     position: relative;
}
 .owl-page span{
     width: 6px;
     height: 6px;
     display: block;
     background: rgba(255,255,255, .7);
     position: relative;
     z-index: 1000 !important;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
     -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
     box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
     -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
 .owl-page.active span{
     background: transparent;
     bordeR: 1px solid rgba(255,255,255, .8);
     -webkit-transform: scale(1.3333333);
     -moz-transform: scale(1.3333333);
     -o-transform: scale(1.3333333);
     -ms-transform: scale(1.3333333);
     transform: scale(1.3333333);
}
 .work-full-slider .owl-pagination, .content-slider .owl-pagination{
     bottom: -10px;
}
 .single-carousel, .small-item-carousel{
     margin-bottom: 35px;
}
 .tpl-tabs-cont{
     padding: 30px 0;
     color: #777;
     line-height: 1.8;
}
 .tpl-tabs-cont p {
     color: #333;
}
.product {
  border: 1px solid #ddd;
  border-radius: 10px;

}
.product .tpl-minimal-tabs > li > a{
  font-size: 11px;
  padding: 6px 12px 5px
}
.product .tpl-minimal-tabs > li {
  padding: 0;
  margin: 20px 0 10px 0;
}
.product .tab-content {
  padding: 15px 20px 20px 20px;
}
.product .tab-content>.active p {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 15px;
  color: #666;
}
.product .btn-mod.btn-medium {
  padding: 13px 15px;
  font-size: 11px;
}
.product .widget-body {
  margin: 0;
}
.product .widget-posts-descr {
  font-size: 14px;
  line-height: 18px;
  margin-top: 5px;
}
.product .widget-posts {
  margin-bottom: 15px;
}
.product .two .widget-posts {
  margin-bottom: 0;
}
.product .widget-posts li {
  display: table;
  border-bottom: none;
  padding: 10px 10px 10px 30px;
}
.product .two .widget-posts li {
  padding: 0 10px 0 10px;
  display: inline-block;
}
.product .two .widget-posts-descr {
  text-align: left;
  color: #000;
  font-weight: bold;
}
.product .widget-posts.double li {
  width: 50%;
  float: left;
  border-right: 1px solid #ddd;
  padding: 10px 10px 20px 20px;

}
.product .widget-posts.double li:last-child {
  border-right: none;
  padding-left: 20px;
}
.product .icon_docs {
  margin-right: 10px;
}
.product.tpl-tabs li.active a {
  border-radius: 5px 5px 0 0;
}
.tpl-tabs{
     border-color: #e5e5e5;
     font-size: 12px;
     font-weight: 400;
     text-transform: uppercase;
     letter-spacing: 1px;     
}
.tpl-tabs > li > a{
    text-decoration: none;
    color: #777;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.tpl-tabs > li > a:hover{
     background-color: #f5f5f5;
}
.tpl-tabs li.active a{
     color: #000;
  font-weight: bold;
}
.tpl-tabs-cont{
     padding: 30px 0;
     color: #777;
    line-height: 1.8;
}
.tpl-tabs-cont p {
  color: #333;
}
/* * Tabs minimal */
 .tpl-minimal-tabs{
     display: inline-block;
     font-size: 12px;
     font-weight: 400;
     text-transform: uppercase;
     text-align: center;
     letter-spacing: 1px;
     border: none;
}
 .tpl-minimal-tabs > li{
     padding: 0 30px;
     background: none !important;
}
 .tpl-minimal-tabs > li > a{
     padding: 6px 13px 5px;
     text-decoration: none;
     color: #777;
     background: none;
     border: 1px solid transparent;
     font-size: 21px;
     font-family: PT Sans;
     letter-spacing: 2px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
}
 .tpl-minimal-tabs > li > span {
     color: #777;
     text-transform: none;
}
 .tpl-minimal-tabs li.active a, .tpl-minimal-tabs li.active a:hover{
     border: 1px solid #222 !important;
     background: none !important;
     color: #000;
     cursor: default;
     margin-bottom: 5px;
     font-weight: 800;
}
 .tpl-minimal-tabs li.active span {
     color: #000;
}
 .tpl-minimal-tabs-cont{
}
/* * Tabs Alternative */
 .tpl-alt-tabs{
     font-size: 14px;
     font-weight: 400;
     text-transform: uppercase;
     text-align: center;
     letter-spacing: 0.4em;
     border: none;
}
 .tpl-alt-tabs > li{
     width: 215px;
     display: inline-block;
     vertical-align: top;
     float: none;
     padding: 0;
     background: none !important;
}
 .tpl-alt-tabs > li > a{
     text-decoration: none;
     color: #a3a3a3;
     background: none !important;
     border: none !important;
     -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
     -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
     -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
     transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
 .tpl-alt-tabs > li > a:hover{
     background: none;
     color: #000;
}
 .tpl-alt-tabs li.active a, .tpl-alt-tabs li.active a:hover{
     cursor: default;
     color: #000 !important;
     opacity: 1 !important;
}
 .alt-tabs-icon{
     display: block;
     margin-bottom: 12px;
     font-size: 48px;
     letter-spacing: 0;
}
 .tpl-minimal-tabs-cont{
}
 .tab-content h3{
     line-height:18px;
     font-size: 18px;
     font-family: 'PT Sans';
     letter-spacing: 7px;
     color: #000;
     text-transform: uppercase;
     margin: 30px 0 10px;
     font-weight: 600;
}
 .tab-content .descript{
    margin:10px 0;
    color:#000;
}
 .tab-content .descript .desc_grey {
    background: #eee;
     padding: 2px 10px;
     border-radius: 20px;
     display: inline-table;
}
 .tab-content .descript_param{
    text-align:left;
    padding:5px 40px;
    color:#000;
     font-size: 16px;
}
 .tab-content .descr_img img{
    margin:25px auto;
}
 .tab-content .table_des{
    width:100%;
}
 .tab-content .table_descr{
    width:100%;
    border:1px solid #fff;
    padding:15px;
    background:#efefef;
    margin:15px 0;
}
 .tab-content .table_descr tr td{
    padding:3px;
    border:1px solid #fff;
}
 .tab-content .table_descr .head_td{
    background:#d9e6ef;
}
 .tab-content .table_descr tr:nth-child(even){
    background:#fff;
}
 .tab-content .table_descr tr:nth-child(odd){
    background:#f5f5f5;
}
 .tab-content .table_descr a{
    color:#0099cc;
}
 #choose .tab-content{
     border-top:1px solid #ccc;
     border-right:1px solid #ccc;
     border-bottom:1px solid #ccc;
     border-left:1px solid #ccc;
     border-radius:4px;
     padding:15px;
}
 .tab-content{
    padding:12px;
    text-shadow:none ! important;
}
.sidebar{
     margin-top: 10px;
}
.widget{
     margin-bottom: 30px;
}
.widget .img-left{
    margin: 0 10px 10px 0;
}
.widget .img-right{
    margin: 0 0 10px 10px;
}
.widget-title{
     margin-bottom: 20px;
    padding-bottom: 5px;
     text-transform: uppercase;
     font-size: 14px;
    font-weight: 400;
    color: #777;
    border-bottom: 1px solid #ccc;
}
.widget-body{
     font-size: 13px;
     color: #777;
}
.widget-text{
     line-height: 1.7;
}
.icon_docs {
  float: left;
  color: #000;
  margin-right: 15px;
  font-size: 28px;
}

 .nav-tabs{
    border-bottom: 1px solid #ddd;
     border-top: none;
     border-left: none;
     border-right: none;
     border-radius: 0 0 0 0;
}
 #services .nav-tabs {
     border-bottom: none;
}
 #choose .nav-tabs {
     border-bottom: none;
}
.tab-pane .checkbox {
  font-size: 14px;
  text-align: left;
  font-weight: normal;
  margin: 8px 0 8px 70px;
  line-height: 21px;
}
.tab-pane .checkbox.more {
  margin-left: 50px !important;
}
.tab-pane .checkbox:last-child {
  margin-bottom: 30px;
}

 .tab-pane >:last-child{
    margin-bottom:0px;
}
.tab-pane h4 {
     color: #333;
}
 #choose .nav-tabs .active a {
    border: none !important;
}
 .grind_img{
    position:relative;
    bottom:10px;
}
 .grind_img > div {
     vertical-align:bottom;
    margin:0 auto;
    text-align:center;
}
 .grind_img1{
    background:url(../images/gmp_sp.png) no-repeat 0 0;
    height:391px;
     line-height:391px;
     width: 150px;
}
 .nav-tabs .active .grind_img1, .grind_img1:hover{
    background:url(../images/gmp_sp.png) no-repeat 0 -391px;
}
 .grind_img2{
    background:url(../images/gmcn_sp.png) no-repeat 0 0;
    height:391px;
     line-height:391px;
     width: 124px;
}
 .nav-tabs .active .grind_img2, .grind_img2:hover{
    background:url(../images/gmcn_sp.png) no-repeat 0 -391px;
}
 .grind_img3{
    background:url(../images/gmcs_sp.png) no-repeat 0 0;
    height:391px;
     line-height:391px;
     width: 132px;
}
 .nav-tabs .active .grind_img3, .grind_img3:hover{
    background:url(../images/gmcs_sp.png) no-repeat 0 -391px;
}
 .grind_img4{
    background:url(../images/gmcd_sp.png) no-repeat 0 0;
    height:391px;
     line-height:391px;
     width: 169px;
}
 .nav-tabs .active .grind_img4, .grind_img4:hover{
    background:url(../images/gmcd_sp.png) no-repeat 0 -391px;
}
 .grind_img5{
    background:url(../images/gmcf_sp.png) no-repeat 0 0;
    height:391px;
     line-height: 391px;
     width: 210px;
}
 .nav-tabs .active .grind_img5, .grind_img5:hover{
    background:url(../images/gmcf_sp.png) no-repeat 0 -391px;
}
 .grind_img1, .grind_img2, .grind_img3, .grind_img4{
}
 #choose .tpl-minimal-tabs > li {
     padding: 0 10px;
}
 #choose .nav-tabs a span {
     font-weight: bold;
}
 #choose .nav-tabs .active a span, #choose .nav-tabs a span:hover {
     padding: 6px 20px 5px;
     text-decoration: none;
     background: #333;
     border: none;
     font-size: 21px;
     font-family: PT Sans;
     letter-spacing: 2px;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     border-radius: 30px;
     cursor: pointer;
     color: #fff;
}
 #choose .nav-tabs .active a span:before, #choose .nav-tabs .active a span:after {
     position: absolute;
     display: block;
     left: 50%;
     transform: translateX(-50%);
}
/* Стилизуем треугольник. Обратите внимание на псевдокласс :hover – указанные стили к псевдоэлементу применятся только при наведении мыши на родительский элемент (который с классом .tooltipped). Из кастомного только первая строчка (позиционирование), остальное – код для генерации треугольника, в нашем случае вершиной вниз. */
 #choose .nav-tabs .active a span:hover:before, #choose .nav-tabs .active a span:before {
     bottom: -40px;
     content: '';
     width: 45px;
     height: 20px;
     background: url(../images/w_angle.png) no-repeat;
}
 #choose .tpl-minimal-tabs > li > a {
     border: 1px solid #fff;
}
 #choose .tpl-minimal-tabs > li > a:hover {
     background: #fff !important;
}
/* * Accordion */
 .accordion > dt{
     margin-bottom: 10px;
     font-size: 12px;
     font-weight: 400;
     text-transform: uppercase;
     letter-spacing: 0.2em;
}
 .accordion > dt > a{
     display: block;
     position: relative;
     color: #777;
     text-decoration: none;
     padding: 14px 20px;
     border: 1px solid #e5e5e5;
     -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
 .accordion > dt > a:hover{
     text-decoration: none;
     border-color: #ddd;
     background-color: #fcfcfc;
     color: #444;
}
 .accordion > dt > a.active{
     color: #000;
     border-color: #ddd;
     background-color: #fcfcfc;
     cursor: default;
}
 .accordion > dt > a:after{
     content: "↓";
     width: 15px;
     height: 15px;
     margin-top: -8px;
     position: absolute;
     top: 50%;
     right: 10px;
     font-family: 'FontAwesome';
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     font-size: 15px;
     line-height: 15px;
     text-align: center;
     color: #999;
     -webkit-font-smoothing: antialiased;
     -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
 .accordion > dt > a.active:after, .accordion > dt > a.active:hover:after{
     content: "↓";
     color: #111;
}
 .accordion > dt > a:hover:after{
     color: #444;
}
 .accordion > dd{
     margin-bottom: 10px;
     padding: 10px 20px 20px;
     font-size: 14px;
     line-height: 1.8;
     color: #777;
}
 .play-video-link{
     text-decoration: none;
     text-transform: uppercase;
     font-size: 14px;
     color: #111;
}
 .play-video-link:hover, .play-video-link:focus{
     color: #777;
     text-decoration: none;
     -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
 .play-video-link .fa{
     vertical-align: middle;
}
 .db-title{
     display: block;
     font-size: 12px;
     letter-spacing: 1px;
     font-weight: 700;
     text-transform: uppercase;
}
 .border-right {
     border-right: 1px solid #eee;
}
 dl {
     line-height: 14px;
     margin-bottom: 0;
     margin-top: 0;
     font-weight: normal;
     font-size: 14px;
}
 dt {
     font-weight: normal;
}
 dd {
     margin-left: 0;
     position: relative;
}
 .opros input[type="radio"] {
     margin: 2px 0 0 -20px;
}
 .opros .post-prev-info {
     color: #666;
     line-height: 22px;
     font-size: 12px;
}
 .opros .post-prev-info input[type="radio"] {
     margin-top: 2px;
}
 .opros hr {
     display: block;
}
 .opros input[type="checkbox"] {
     margin: 5px 0 0 -20px;
}

/* === HTML5 validation styles === */ 
.opros input:required, .opros textarea:required {
  background: #fff url(../images/red_asterisk.png) no-repeat 98% center;
}
.opros input:required:valid, .opros textarea:required:valid {
  background: #fff url(../images/valid.png) no-repeat 98% center;
  box-shadow: 0 0 5px #5cd053;
  border-color: #28921f;
}
.opros input:focus:invalid, .opros textarea:focus:invalid {
  background: #fff url(../images/invalid.png) no-repeat 98% center;
  box-shadow: 0 0 5px #d45252;
  border-color: #b03535
}

/* === Form hints === */
.form_hint {
  background: #d45252;
  border-radius: 3px 3px 3px 3px;
  color: white;
  margin-left:8px;
  padding: 1px 6px;
  z-index: 999; /* hints stay above all other elements */
  position: absolute; /* allows proper formatting if hint is two lines */
  display: none;
}
.form_hint::before {
  content: "\25C0";
  color:#d45252;
  position: absolute;
  top:1px;
  left:-6px;
}
.opros input:focus + .form_hint {display: inline;}
.opros input:required:valid + .form_hint {background: #28921f;}
.opros input:required:valid + .form_hint::before {color:#28921f;}


/* End of form styles */
/* YTPlayer.css */
 @charset"UTF-8";
.mb_YTPBar,.mb_YTPBar span.mb_YTPUrl a{
    color:#fff
}
@font-face{
    font-family:ytpregular;
    src:url(font/ytp-regular.eot)
}
@font-face{
    font-family:ytpregular;
    src:url(data:application/x-font-woff;
    charset=utf-8;
    base64,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)format('woff'),url(font/ytp-regular.ttf)format('truetype');
    font-weight:400;
    font-style:normal
}
.mb_YTPlayer:focus{
    outline:0
}
.mbYTP_wrapper{
    display:block;
    transform:translateZ(0)translate3d(0,0,0);
    transform-style:preserve-3d;
    perspective:1000;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    box-sizing:border-box
}
.mb_YTPlayer .loading{
    position:absolute;
    top:10px;
    right:10px;
    font-size:12px;
    color:#fff;
    background:rgba(0,0,0,.51);
    text-align:center;
    padding:2px 4px;
    border-radius:5px;
    font-family:"Droid Sans",sans-serif;
    -webkit-animation:fade .1s infinite alternate;
    animation:fade .1s infinite alternate
}
@-webkit-keyframes fade{
    0%{
        opacity:.5
    }
    100%{
        opacity:1
    }
}
@keyframes fade{
    0%{
        opacity:.5
    }
    100%{
        opacity:1
    }
}
.fullscreen{
    display:block!important;
    position:fixed!important;
    width:100%!important;
    height:100%!important;
    top:0!important;
    left:0!important;
    margin:0!important;
    border:none!important;
    opacity:1!important
}
.mbYTP_wrapper iframe{
    max-width:4000px!important
}
.inline_YTPlayer{
    margin-bottom:20px;
    vertical-align:top;
    position:relative;
    left:0;
    overflow:hidden;
    border-radius:4px;
    box-shadow:0 0 5px rgba(0,0,0,.7);
    background:rgba(0,0,0,.5)
}
.inline_YTPlayer img{
    border:none!important;
    margin:0!important;
    padding:0!important;
    transform:none!important
}
.mb_YTPBar,.mb_YTPBar .buttonBar{
    box-sizing:border-box;
    left:0;
    padding:5px;
    width:100%
}
.mb_YTPBar .ytpicon{
    font-size:20px;
    font-family:ytpregular
}
.mb_YTPBar .mb_YTPUrl.ytpicon{
    font-size:30px
}
.mb_YTPBar{
    transition:opacity .5s;
    display:block;
    height:10px;
    background:#333;
    position:fixed;
    bottom:0;
    text-align:left;
    z-index:1000;
    font:14px/16px sans-serif;
    opacity:.1
}
.mb_YTPBar.visible,.mb_YTPBar:hover{
    opacity:1
}
.mb_YTPBar .buttonBar{
    transition:all .5s;
    background:0 0;
    font:12px/14px Calibri;
    position:absolute;
    top:-30px
}
.mb_YTPBar:hover .buttonBar{
    background:rgba(0,0,0,.4)
}
.mb_YTPBar span{
    display:inline-block;
    font:16px/20px Calibri,sans-serif;
    position:relative;
    width:30px;
    height:25px;
    vertical-align:middle
}
.mb_YTPBar span.mb_YTPTime{
    width:130px
}
.mb_YTPBar span.mb_OnlyYT,.mb_YTPBar span.mb_YTPUrl{
    position:absolute;
    width:auto;
    display:block;
    top:6px;
    right:10px;
    cursor:pointer
}
.mb_YTPBar span.mb_YTPUrl img{
    width:60px
}
.mb_YTPBar span.mb_OnlyYT{
    left:300px;
    right:auto
}
.mb_YTPBar span.mb_OnlyYT img{
    width:25px
}
.mb_YTPBar .mb_YTPMuteUnmute,.mb_YTPBar .mb_YTPPlaypause,.mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img{
    cursor:pointer
}
.mb_YTPBar .mb_YTPProgress{
    height:10px;
    width:100%;
    background:#222;
    bottom:0;
    left:0
}
.mb_YTPBar .mb_YTPLoaded{
    height:10px;
    width:0;
    background:#444;
    left:0
}
.mb_YTPBar .mb_YTPseekbar{
    height:10px;
    width:0;
    background:#000;
    bottom:0;
    left:0;
    box-shadow:rgba(82,82,82,.47)1px 1px 3px
}
.mb_YTPBar .YTPOverlay{
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    -webkit-transform-style:"flat";
    box-sizing:border-box
}
.YTPOverlay.raster{
    background:url(images/raster.png)
}
.YTPOverlay.raster.retina{
    background:url(images/raster@2x.png)
}
.YTPOverlay.raster-dot{
    background:url(images/raster_dot.png)
}
.YTPOverlay.raster-dot.retina{
    background:url(images/raster_dot@2x.png)
}
.mb_YTPBar .simpleSlider{
    position:relative;
    width:100px;
    height:10px;
    border:1px solid #fff;
    overflow:hidden;
    box-sizing:border-box;
    margin-right:10px;
    cursor:pointer!important;
    border-radius:3px
}
.mb_YTPBar.compact .simpleSlider{
    width:40px
}
.mb_YTPBar .simpleSlider.muted{
    opacity:.3
}
.mb_YTPBar .level{
    position:absolute;
    left:0;
    bottom:0;
    background-color:#fff;
    box-sizing:border-box
}
.mb_YTPBar .level.horizontal{
    height:100%;
    width:0
}
.mb_YTPBar .level.vertical{
    height:auto;
    width:100%
}
/* Magnific Popup.css */
 .mfp-bg {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1042;
     overflow: hidden;
     position: fixed;
     background: #0b0b0b;
     opacity: 0.8;
     filter: alpha(opacity=80);
}
 .mfp-wrap {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1043;
     position: fixed;
     outline: none !important;
     -webkit-backface-visibility: hidden;
}
 .mfp-container {
     text-align: center;
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     padding: 0 8px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .mfp-container:before {
     content: '';
     display: inline-block;
     height: 100%;
     vertical-align: middle;
}
 .mfp-content {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     margin: 0 auto;
     text-align: left;
     z-index: 1045;
}
 .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
     width: 100%;
     cursor: auto;
}
 .mfp-auto-cursor .mfp-content {
     cursor: auto;
}
 .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
}
 .mfp-hide {
     display: none !important;
}
 .mfp-preloader {
     color: #CCC;
     position: absolute;
     top: 50%;
     width: auto;
     text-align: center;
     margin-top: -0.8em;
     left: 8px;
     right: 8px;
     z-index: 1044;
}
 .mfp-s-ready .mfp-preloader {
     display: none;
}
 button.mfp-close, button.mfp-arrow {
     overflow: visible;
     cursor: pointer;
     background: transparent;
     border: 0;
     -webkit-appearance: none;
     display: block;
     outline: none;
     padding: 0;
     z-index: 1046;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .mfp-close {
     width: 44px;
     height: 44px;
     line-height: 44px;
     position: absolute;
     right: 0;
     top: 0;
     text-decoration: none;
     text-align: center;
     opacity: 0.65;
     filter: alpha(opacity=65);
     padding: 0 0 18px 10px;
     color: #000;
     font-style: normal;
     font-size: 45px;
     font-family: Arial, Baskerville, monospace;
}

 .mfp-close-btn-in .mfp-close {
     color: #333 !important;
     right: 29.5% !important;
}
/* OWL calousel */
 .owl-carousel .owl-wrapper:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}
/* display none until init */
 .owl-carousel{
     display: none;
     position: relative;
     width: 100%;
     -ms-touch-action: pan-y;
}
 .owl-carousel .owl-wrapper{
     display: none;
     position: relative;
     -webkit-transform: translate3d(0px, 0px, 0px);
}
 .owl-carousel .owl-wrapper-outer{
     overflow: visible !important;
     position: relative;
     width: 100%;
     z-index: 5;
}
 .owl-carousel .owl-wrapper-outer.autoHeight{
     -webkit-transition: height 500ms ease-in-out;
     -moz-transition: height 500ms ease-in-out;
     -ms-transition: height 500ms ease-in-out;
     -o-transition: height 500ms ease-in-out;
     transition: height 500ms ease-in-out;
}
 .owl-carousel .owl-item{
     float: left;
     padding: 5px;
}
 .owl-controls .owl-page, .owl-controls .owl-buttons div{
     cursor: pointer;
}
 .owl-controls {
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
 .owl-carousel .owl-wrapper, .owl-carousel .owl-item{
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     -webkit-transform: translate3d(0,0,0);
     -moz-transform: translate3d(0,0,0);
     -ms-transform: translate3d(0,0,0);
}
/* Vertical */
 .mt-0{
     margin-top:0!important 
}
 .mt-10{
     margin-top:10px 
}
 .mt-20{
     margin-top:20px 
}
 .mt-40{
     margin-top:40px 
}
 .mt-50{
     margin-top:50px 
}
 .mt-60{
     margin-top:60px 
}
 .mt-80{
     margin-top:80px 
}
 .mb-0{
     margin-bottom:0!important 
}
 .mb-10{
     margin-bottom:10px 
}
 .mb-20{
     margin-bottom:20px 
}
 .mb-30{
     margin-bottom:30px 
}
 .mb-40{
     margin-bottom:40px 
}
 .mb-50{
     margin-bottom:50px 
}
 .mb-60{
     margin-bottom:60px 
}
 .mb-70{
     margin-bottom:70px 
}
 .pt-0{
     padding-top:0!important 
}
 .pt-20{
     padding-top:20px 
}
 .pt-30{
     padding-top:30px 
}
 .pt-60{
     padding-top:60px 
}
 .pb-0{
     padding-bottom:0!important 
}
 .pb-20{
     padding-bottom:20px 
}
 .pb-30{
     padding-bottom:30px 
}
 .pb-40{
     padding-bottom:40px 
}
 .pb-60{
     padding-bottom:60px 
}
 .pb-100{
     padding-bottom:100px 
}
 .pl-0 {
     padding-left: 0 !important;
}
 .pr-0 {
     padding-right: 0 !important;
}
 .mr-10{
     margin-right: 10px !important;
}
/* Animated */
 .animated{
     -webkit-animation-duration:1s;
     animation-duration:1s;
     -webkit-animation-fill-mode:both;
     animation-fill-mode:both 
}
 .fadeInUp{
     -webkit-animation-name:fadeInUp;
     animation-name:fadeInUp 
}
.post-prev-text {
     margin-bottom: 22px;
    color: #777;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.75;
    text-align: justify;
}
#more_features .post-prev-img {
     height: 450px;
     line-height: 450px;
     overflow: hidden;
     margin-bottom: 15px;
     position: relative;
}
#more_features .post-prev-img img {
     vertical-align: bottom;
}
.podbor {
     margin: auto;
       background: #fff;
       border: 8px solid transparent;
       -moz-border-image: -moz-linear-gradient(right, #3acfd5 0%, #3a4ed5 100%);
       -webkit-border-image: -webkit-linear-gradient(right, #3acfd5 0%, #3a4ed5 100%);
       border-image: linear-gradient(to left, #3acfd5 0%, #3a4ed5 100%);
       border-image-slice: 1;
       padding: 15px 25px;
}
.podbor2 {
     margin: auto;
     background: #fff;
     border: 8px solid transparent;
      -moz-border-image: -moz-linear-gradient(left, #ffd65e 0%, #ff0505 100%);
       -webkit-border-image: -webkit-linear-gradient(left, #ffd65e 0%, #ff0505 100%);
       border-image: linear-gradient(to right, #ffd65e 0%, #ff0505 100%);
       border-image-slice: 1;
       padding: 15px 25px;

}
.podbor .no-transp, .podbor2 .no-transp {
     color: #777;
     letter-spacing: 5px;
     margin: 10px 0;
     font-size: 12px;
}
.podbor h3, .podbor2 h3 {
     font-size: 18px;
}
.compare blockquote footer {
  display: block;
  width: 100%;
  margin-top: 10px;
  float: left;
}
.compare blockquote p {
  font-weight: bold;
  line-height: 1.4;
}
.compare blockquote p span {
  float: left;
  margin-right: 10px;
  display: block;
}
.compare blockquote {
  color: #000;
}
.compare .hs-line-11 {
  font-size: 21px;
  color: #000;
  font-weight: bold;
}
.compare .mod-breadcrumbs span {
  font-size: 14px;
}

.compare .post-prev-info {
  text-transform: none;
  font-size: 16px;
  line-height: 18px;
  color: #999;
  letter-spacing: 0px;
}
.compare .post-prev-title a {
  font-size: 18px;
  text-transform: none;
}
.compare .post-prev-img {
  margin-right: 3px;
}
.compare .owl-prev, .compare .owl-next {
  top: 38%;
}
.compare .animate_gif {
  margin-bottom: 30px;
}
.team-item-name {
    margin-top: 23px;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #000;
    margin-bottom: 15px;
}
.compare .team-item-name {
  font-size: 14px;
  display: table;
     margin-top: 23px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #000;
    margin-bottom: 15px;
}
.grinders h3.font-alt {
     line-height: 38px;
     letter-spacing: 0.3em;
}

.dark_bg {
background: #3acfd5; /* Old browsers */
background: -moz-linear-gradient(45deg, #3acfd5 0%, #3a4ed5 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #3acfd5 0%,#3a4ed5 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #3acfd5 0%,#3a4ed5 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3acfd5', endColorstr='#3a4ed5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding: 2px 8px;
color: #fff;
border-radius: 3px;
white-space: nowrap;
}
.dark_bg .fa-sync {
     width: 0.7em;
}

.filter_grinders .post-prev-text {
  font-size: 13px;
  color: #666;
  letter-spacing: 1px;
  margin-bottom: 10px;
  color: #000;
  background: #eee;
  padding: 3px 10px;
  border-radius: 20px;
  width: auto;
}
.filter_grinders .post-prev-title {
  text-align: left;
}
.filter_grinders .post-prev-title a {
  color: #0099cc;
  text-decoration: underline;
  font-size: 18px;
  text-align: left;
  letter-spacing: normal;
  line-height: 18px;
}
.filter_grinders .works-filter a.active .title {
    font-size: 12px;
    background: #333 !important;
    color: #fff;
    cursor: default;
    padding: 3px 10px 2px;
    text-decoration: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-right: 2px;
    line-height: 1.42857143;
    position: relative;
    display: table;
    text-align: center;
    margin: auto;
}
.filter_grinders .works-filter span {
  margin-top: 10px;
  display: block;
  letter-spacing: 2px;
  text-transform: none;
}
.filter_grinders dl {
  height: 26px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 16px;
  line-height: 14px;
}
.filter_grinders .dt-dotted {
  width: 150px;
}


.dt-dotted {
  overflow-x: hidden;
  position: relative;
  width: 170px;
}
.request-form .dt-dotted {
  width: 200px;
}

.dt-dotted > span {
  position: relative;
  color: #666;
  white-space: nowrap;
}
    
.dt-dotted > span:after {
  color: #ccc;
  content: '..................................';
  left: 100%;
/*  position: absolute;*/
  top: 0;
}

.dl-inline > dt {
  clear: left;
  float: left;
  margin: 0 5px 0 0;
}
  
.dl-inline > dd {
  display: inline-block;
  margin-left: 0;
}

/* Lazy Load */

img {
  opacity: 1;
  transition: opacity 0.3s;
}

img[data-src] {
  opacity: 0;
}

code {
     padding: 0 !important;
     background: #fff;
}
.name_grinder {
  width: 700px;
  margin: 20px auto;
  padding: 40px 0 40px 100px;
  display: block;
  font-size: 28px;
  font-weight: bold;
  color: #000;
  text-align: center;
  height: 150px;
}

.name_grinder span {
  display: block;
  font-size: 14px;
  color: #999;
  font-weight: normal;
  line-height: 16px;

}
.name_grinder span.black {
  color: #000;
}
.name_grinder span:before {
  background: #fff;
    content: "";
    display: block;
    height: 25px;
    position: relative;
    top: 0px;
    width: 5px;
    border-right: 1px dotted #999;
    left: 50%;
    padding: 0;
    text-align: center;

}
.name_grinder .block {
  border: 2px solid #000;
}

/* Youtube button */
.youtube {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
}
.youtube .play {
    background: url('../images/youtube-play-btn.png') no-repeat; /*ВАЖНО: здесь укажите адрес до изображения*/
    background-position: 0 -50px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    height: 50px;
    width: 69px;
    transition: none;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
.youtube:hover .play {
    background-position: 0 0;
}

.border_svg {

border: 1px solid #000;
float: left;
}

.border_svg svg {
  position: relative;
  bottom: -6px;
}

.rotate {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);

}

.rotate  div {
  font-family: 'Sofia Sans Condensed', sans-serif;
}
.rotate .name_valve_top {
  position: absolute;
  bottom: 258px;
  left: -555px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 18px;
  text-align: center;
  width: 170px;
}
.rotate .name_valve_bottom {
  position: absolute;
  font-size: 21px;
  text-align: center;
  top: 178px;
  left: 53px;
}
.rotate .name_valve_full {
  font-size: 11px;
  line-height: 12px;
  text-transform: uppercase;
  text-align: left;
  position: absolute;
  top: 215px;
  left: 53px;
  width: 130px;
}
.rotate table.table_params {
  font-family: 'Sofia Sans Condensed', sans-serif;
  position: absolute;
  top: 92px;
  left: -55px;
  font-size: 10px;
  width: 172px;
  text-align: left;
  font-weight: 200;
  text-transform: uppercase;
  border: 0.1em solid #000;
}
.rotate table.table_params td {
  padding: 1px 5px;
  border-right: 0.1em solid #000;
  border-bottom: 0.1em solid #000;
}

.rotate table.table_params.bottom {
  left: 119px;
}
.rotate .center {
  text-align: center;
  position: relative;
  left: 55px;
}

.border-top {
    border-top: 1px solid #ccc;
}

table.table, table.size {
  padding: 0;
  margin: 0 !important;
}

.table td {
  border-bottom: 1px dashed #ccc;
  border-top: none !important;
  vertical-align: middle !important;
  text-align: center;
  padding: 4px !important;
}

.table .head td {
  background: #f3f1f1;
  padding-left: 3px;
  border: 1px solid #fff;
  text-align: center;
  font-size: 12px;
  color: #999;
}
table.size {
  width: 100%;
  vertical-align: bottom;
}
table.size td {
  border: 1px solid #fff;
  text-align: center;
  background: #f3f1f1;
  padding: 2px;
}
table.size .head td {
  background: #dbe6f0;
  padding-left: 3px;
  font-size: 12px;
  color: #999;
}
table.size .letter td {
  color: #000;
  font-size: 16px;
  font-weight: bold;
}
table.size  td .upper {
    text-transform: uppercase;
}