* {margin: 0; padding: 0;}
html, body {margin: 0; padding: 0;  box-sizing: border-box; background: #fff; color: #3c3c3c; font-size: 14px; line-height: 22px; font-family: 'Montserrat', Arial, sans-serif; font-weight: 300;}
img {width: 100%; max-width: 100%;}
ul, ol {list-style-position: inside; margin: 0 0 20px 0;}
p {margin: 0 0 20px 0;}
h1 {font-family: 'Playfair Display', Arial, serif; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 60px 0; font-weight: 700; font-size: 24px; line-height: 32px;} 
h2 {font-family: 'Playfair Display', Arial, serif; color: #3c3c3c; text-transform: uppercase;  margin: 0 0 60px 0; font-weight: 400; letter-spacing: 1px; font-size: 29px; line-height: 39px;}
h2::after {content:"\A"; width:100px; height:1px; background: #3c3c3c; display:block; margin: 10px auto 0 auto;} 
h3 {font-family: 'Playfair Display', Arial, serif; color: #3c3c3c; text-transform: uppercase;  margin: 0 0 20px 0; font-weight: 700;  font-size: 18px; line-height: 26px;}
h4 {color: #686157; text-transform: uppercase;  margin: 0 0 20px 0; font-weight: 400;  font-size: 18px; line-height: 26px; text-transform: uppercase;}
a {color: #686157; text-decoration: none; outline: none;}
a:hover {color: #000;}

.top-bar {background: #3c3c3c; color: #8d9297; position: -webkit-sticky;  position: sticky; top: 0; padding: 10px 0; z-index: 40;}
.top-bar .top-contacts, .top-bar .lang-inline {margin-bottom: 10px;}
.top-bar .lang-inline .lang-active a {color: #fff;}
.top-bar .top-contacts a.phone {color: #8d9297; cursor: default;}
.top-bar ul li {display: inline; padding: 0 10px;}
.top-bar ul li i {padding-right: 10px;}
.top-bar .social {margin: 0;}
/*.top-bar a {color: #8d9297;}*/
.top-bar a:hover {color: #fff;}
.top-bar ul li.mobile {padding: 0; margin: 0; display: block; line-height: 1px;}

.header {position: relative; background: #000 url(../images/header.jpg) no-repeat center center;  padding: 60px 0 140px 0; z-index: 20;}
.header .logo img {max-width: 70px;}


.types {position: relative; margin-top: -140px; z-index: 21; color: #fff;}
.types h2 {color: #fff; margin: 0 0 20px 0;}
.types h2::after {display: none;}
.types .col-xs-12 {margin-bottom: 20px;}
.types h3 {color:#fff;}
.types img {max-width: 80px;}
.types .complex {background: #686157; height: 100%; box-sizing: border-box; padding: 40px 60px;}
.types .module {background: #3c3c3c; height: 100%; box-sizing: border-box; padding: 40px 60px;}

.courses {padding: 80px 0;}
.courses .col-xs-12 {margin-bottom: 20px;}
.courses img {max-height: 60px; width: auto;}
.courses .courses-inner {border: 2px solid #e0e0e0; height: 100%; box-sizing: border-box; padding: 40px 20px 20px 20px;}
.courses ul li {margin: 0 0 10px 0;} 

.certificate {background: #000 url(../images/certificate.jpg) no-repeat center center;  padding: 60px 0 40px 0; color: #fff;}
.certificate h2, .certificate h3 {color: #fff; margin: 0 0 60px 0;}
.certificate h4, .certificate p {margin: 0 0 60px 0;}
.certificate h4 {color: #ffc821;}

.contacts {padding: 80px 0;}
.contacts .col-xs-12 {margin-bottom: 20px;}
.contacts .phone {color: #3c3c3c; cursor: default;}
.contacts .sf2Win.success, .contacts .sf2-type-success {border-left-color: #686157;}
.contacts .sf2Style-default button.sf2-element[type="submit"], .contacts .sf2Style-default button.sf2-element.sf2SendBtn {background: #686157; font-family: 'Playfair Display', Arial, serif; font-weight: 700; text-transform: uppercase; }
.contacts .sf2Style-default button.sf2-element[type="submit"]:hover, .contacts .sf2Style-default button.sf2-element.sf2SendBtn:hover {background: #3c3c3c;}


.footer {background: #3c3c3c; padding: 40px 0 20px 0; color: #fff;}
.footer a:hover {color: #fff;}
 
.clr {clear: both;}



@media only screen and (min-width:64em) {
h1 {font-size: 32px; line-height: 42px;}
.top-bar .top-contacts, .top-bar .lang-inline, .courses .col-xs-12, .contacts .col-xs-12 {margin-bottom: 0px;}
.top-bar ul li.mobile {display: none;}
.types {margin-top: -160px;}
}