body,textarea,input,select {font-family: 'Montserrat', sans-serif!important; margin: 0; padding: 0; border: 0; outline: 0;}

body {
    background: #fff url(images/bg.jpg) repeat-y center top;
}

body.home {
    background: #fff url(images/bg.jpg) repeat-y center top;
}

a {color: #983c61; text-decoration: underline;}
a:hover {color: #983c61; text-decoration: underline;}

.clr {clear: both; font-size: 1px; line-height: 1px; height: 0; overflow: hidden;}

.clear:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clear {display:inline-block;}
/* Hide from IE Mac \*/
.clear {display:block;}
/* End hide from IE Mac */

::selection{background:#983c61;color:#ffffff;}::-moz-selection{background:#983c61;color:#ffffff;}

.overlay {
   background:transparent; 
   position:absolute; 
   width:100%;
   height:480px; /* your iframe height */
   top:480px;  /* your iframe height */
   margin-top:-480px;  /* your iframe height */
}

.form-group textarea {
    height: 60px!important;
}

.navbar.header {
    background: #fff;
    padding-top: 30px!important;
    padding-bottom: 20px!important;
}

.navbar-toggler {
    margin-top: 15px!important;
    color: #d54d63!important;
    border: 1px solid #d54d63!important;
    position: absolute;
    left: 172px;
    top: -9px;
    padding: 2px 3px!important;
    z-index: 333;
}

.navbar-brand {
    margin-top: -10px;
}

.btn.btn-primary {
    font-weight: 600;
    color: #fff;
    background-color: #983c61!important;
    border-color: #983c61!important;
    border-radius: 0!important;
    border-width: 2px;
}

.btn-primary {
    color: #fff!important;
    background-color: #983c61!important;
    border-color: #983c61!important;
    border-radius: 0!important;
}

.btn-primary:hover {
    color: #fff!important;
    background-color: #983c61!important;
    border-color: #cc5786!important;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 3px rgba(35, 97, 141, 0.5)!important;
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #acd3d8!important;
    border-color: #acd3d8!important;
}

.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: #983c61!important;
    background-image: none;
    border-color: #cc5786!important;
}

.modal-content {
    border-radius: 0!important;
    border: 3px solid #983c61!important;
}

.modal-title {
    font-weight: bold;
}

#hero {
    height: 80vh;
    min-height: 696px;
    margin-top: 100px;
    background: no-repeat center top scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url(images/hero.jpg);
}

.b-hero-slogan {
    padding: 80px 0 60px 0;
}

.b-hero-slogan h1 {
    font-size: 48px;
    color: #abd4d7;
    font-weight: bold;
    line-height: 1.2em;
    text-transform: uppercase;
}

.b-hero-slogan h1 span {
    display: block;
    font-size: 36px;
    color: #ffffff;
}

.b-hero-item-img {
    margin-bottom: 15px;    
}

.b-hero-item-name {
    font-size: 24px;
    line-height: 1.2em;
    color: #5b4748;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.b-hero-item-name a, .b-hero-item-name a:hover {
    color: #5b4748;
    text-decoration: none;   
}

.b-hero-item-anons {
    color: #5b4748;
    font-size: 16px;
    line-height: 1.3em;
}

.b-hero-item-anons a, .b-hero-item-anons a:hover {
    color: #5b4748;
    text-decoration: none;   
}

/* header */
header {
    height: 120px;
}

body.home header {
    height: auto;
}

.b-header-line {
    display: none;
}

.b-header-phone {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #5a4848;
}

.b-header-phone a.linkedin {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(images/linkedin_ico.png) no-repeat center left;
    vertical-align: -5px;
}

.b-header-phone span {
    color: #983c61;
}

.b-header-feedback {
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    margin-left: 10px;
}

.b-header-feedback a {
    padding: 5px 0 5px 32px;
    color: #d54d63;
    text-decoration: underline; 
    background: url(images/feedback_ico.png) no-repeat center left;
}

.b-header-feedback a:hover {
    color: #d54d63; 
}

.b-header-search {
    display: none;
    margin-left: 20px;  
    position: relative;   
}

.b-header-search .search-input {
    border: 2px solid #d54d63;
    font-size: 14px;
    padding: 3px;
    color: #fff;
    font-weight: bold;
    border-radius: 3px!important;
}

.b-header-search .search-submit {
    position: absolute;
    top: 9px;
    right: 9px;
    width: 15px;
    height: 16px;
    border: none;
    margin: 0;
    font-size: 0;
    background: url(images/src_ico.png) no-repeat top left;
    cursor: pointer;
    text-decoration: none;
    text-indent: -9999px;
} 

.lang {
    position: absolute;
    top: -20px;
    right: 15px;
    z-index: 2;
}

.lang li {
    display: inline-block;
    list-style: none;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.lang li a, .lang li a:hover {
    display: inline-block;
    padding: 2px 3px;
    color: #983c61;
    text-decoration: underline;
}

.lang li a.active, .lang li.current-lang a {
    color: #5a4848;
    text-decoration: none;
}

/* menu */
.b-menu {

    position: relative;
}

.b-menu li.nav-item {
    list-style: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.3em;
    display: inline-block;
}

.b-menu li a {
    color: #d54d63!important;
    display: inline-block;
    text-decoration: none;
}

.b-menu li a:hover {
    text-decoration: underline;
}

.dropdown-menu {
    top: 38px!important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    border-top: 3px solid #d54d63!important;  
    padding: 10px!important;
    margin: 0!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
}

.dropdown-menu li {
    display: block!important;
}

/*  shows the dropdown on hover*/
.b-menu li.nav-item:hover > ul.dropdown-menu {
    display: block;   
}

.dropdown-menu li a {
    color: #d54d63;
    display: block;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    padding: 5px;
    border-bottom: none;
}

.dropdown-menu li a:hover, .dropdown-menu li a:active {
    color: #fff!important;
    background-color: #d54d63!important;
    padding: 5px;
    font-size: 13px;
    border-bottom: none;
}

/* main page */
.b-content-block {
    padding: 50px 0;
    position: relative;
}

.form-bg {
    padding-left: 60px!important;
    background: url(images/slogan_bg.png) no-repeat 20px 5px;    
}

.b-contacts-block {
    z-index: 2;
    bottom: 40px;
    width: 320px;
    position: absolute;
}

.b-contacts-block p {
    font-size: 14px;
    color: #5a4848;
    line-height: 1.3em;
    padding-bottom: 15px;
}

.b-contacts-block p a, .b-contacts-block p a:hover {
    color: #d54d63;
    text-decoration: none;
}

.b-contacts-block p strong {
    display: block;
    font-size: 16px;
    padding-bottom: 10px;
}

.b-page-name {
    margin-bottom: 25px;
    background: url(images/sep.png) no-repeat center right;
}

.b-page-image {
    margin-bottom: 30px;
}

.b-page-image img {
    max-width: 100%;
    display: inline-block;
}

.b-page-name h1 {
    font-size: 24px;
    color: #7eaeb2;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.3em;
    display: inline-block;
    background: #fff;
    padding-right: 15px;
    margin-bottom: 0;
}

.b-content-block.services {
    background: url(images/services.jpg) repeat-x center top;
}

.b-services-text {
    text-align: center;
    margin-bottom: 88px;
}

.b-services-text p {
    font-size: 30px;
    line-height: 1.1em;
    color: #ffffff;
    font-weight: 200;
}

.b-services-text p.small {
    font-size: 16px;
}

.b-services-text a, .b-services-text a:hover {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px dotted #ffffff;
    font-weight: bold;     
}

.b-services-item {
    min-height: 440px;
}

.b-services-img {
    margin-bottom: 15px;
}

.b-services-name h3 {
    font-size: 24px;
    line-height: 1.3em;
    color: #5a4848;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    min-height: 62px;
}

.b-services-anons li {
    font-size: 16px;
    color: #5a4848;
    line-height: 1.3em;
    padding-bottom: 5px;
    padding-left: 25px;
    background: url(images/bullet.png) no-repeat 5px 5px;
}

.b-content-block.services .b-block-name {
    color: #fff;
}

.b-partners {
    text-align: center;
    margin-bottom: 60px;
}

.b-partners li {
    display: inline;
}

.b-partners li img {
    display: inline-block;
    margin: 0 10px 20px 10px;
}

.b-content-block.about {
    background: #eff5f6 url(images/company.jpg) center top;
}

.b-content-block.cert {
    background: #eff5f6;
    padding-top: 0;
}

.b-cert-text {
    font-size: 14px;
    color: #5a4848;
    text-align: center;
}

.b-cert-download {
    text-align: center;   
}

.b-cert-download a {
    display: inline-block;
    font-size: 16px;
    color: #d54d63;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 15px;
    text-decoration: none;
    border: 2px solid #d54d63;
}

.b-cert-download a:hover {
    color: #fff;
    background: #d54d63;
    border: 2px solid #d54d63;
    text-decoration: none;
}

.b-content-block.cert .b-block-name {
    color: #5a4848;
    font-size: 24px;
}

.b-content-block.mapa {
    padding: 0;
}

.text-onmain a, .text-onmain a:hover {
    color: #983c61;
    text-decoration: underline;
}

.slogan-onmain {
   font-size: 50px;
   margin-bottom: 30px;
   line-height: 1.2em;
   color: #983c61;
   font-weight: bold;
   padding-left: 60px;
   background: url(images/slogan_bg.png) no-repeat 20px 5px;
}

.b-block-name {
    font-size: 48px;
    color: #7eaeb2;
    font-weight: bold;
    line-height: 1.3em;
    text-align: center;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.b-breadcrumb {
    margin-bottom: 20px;
}

.b-breadcrumb a, .b-breadcrumb a:hover {
    color: #983c61;   
}

/* static text */
article a, article a:hover {
    color: #983c61;
    text-decoration: underline;
}

article h1 {
    font-size: 46px;
    color: #5a4848;
    line-height: 1.3em;
    font-weight: bold;
    margin-bottom: 20px;
}

article h2 {
    font-size: 36px;
    color: #5a4848;
    line-height: 1.3em;
    font-weight: bold;
    margin-bottom: 20px;
}

article h3 {
    font-size: 30px;
    color: #5a4848;
    line-height: 1.3em;
    font-weight: bold;
    margin-bottom: 20px;
}

article h4 {
    font-size: 24px;
    color: #5a4848;
    line-height: 1.3em;
    font-weight: bold;
    margin-bottom: 15px;
}

article p {
    font-size: 16px;
    color: #5a4848;
    line-height: 1.3em;
    padding-bottom: 20px;
    margin-bottom: 0;
}

article ul, article.page ol {
    margin: 0 0 10px 30px;
}

article ul li {
    font-size: 16px;
    list-style: none;
    padding-left: 25px;
    background: url(images/bullet.png) no-repeat 5px 6px;
    color: #5a4848;
    line-height: 1.3em;
    padding-bottom: 10px;
    margin-bottom: 0;   
}

article ol li {
    font-size: 16px;
    list-style: decimal;
    color: #5a4848;
    line-height: 1.3em;
    padding-bottom: 10px;
    margin-bottom: 0;   
}

article blockquote {
    font-size: 50px;
    margin: 0 0 30px 50px;
    line-height: 1.2em;
    color: #983c61;
    font-weight: 300;
    padding-left: 60px;
    background: url(images/slogan_bg.png) no-repeat 20px 5px;
}

article blockquote p {
    font-size: 50px;   
    font-weight: 300; 
    color: #983c61;
}

/* pagination */
.pagination {
    margin-bottom: 30px;
}

.pagination a {
    color: #5e5e5e;
    display: inline-block;
    padding: 2px 7px;
    margin-right: 10px;
    border: 2px solid #a7a7a7;
    border-radius: 4px!important;
}

.pagination span.current, .pagination a:hover {
    display: inline-block;
    padding: 2px 7px;
    margin-right: 10px;
    color: #ec7242;
    border: 2px solid #ec7242;
    border-radius: 4px!important;
}

.pagination span.dots {
    display: inline-block;
    margin-right: 10px;    
}

/* footer */
.b-footer {
    background: #731933!important;   
    color: #fff;
    font-size: 14px;
}

.b-footer-menu {
    background: #983c61;
    text-align: center;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.b-footer-menu ul {
    margin: auto!important;
    flex-direction: row!important;
}

.b-footer-menu li {
    display: inline!important;
    font-weight: bold;
    padding: 0 15px;
}

.b-footer-menu li a {
    display: inline-block!important;
    color: #fff;
}

.b-footer-menu li a:hover {
    color: #fff;
    text-decoration: underline;    
}

.b-footer-links {
    padding: 40px 0 30px 0;
}

.b-footer-links a, .b-footer-links a:hover {
    text-decoration: none;
    color: #fff;
    padding-top: 32px;
    font-size: 16px; 
    display: inline-block;
}

.b-footer-links a.email {
    background: url(images/email_ico_w.png) no-repeat center top;
}

.b-footer-links a.phone {
    background: url(images/phone_ico_w.png) no-repeat center top;
}

.b-footer-links a.feedback {
    background: url(images/feedback_ico_w.png) no-repeat center top;
}

.b-footer-links a.linkedin {
    background: url(images/linkedin_ico_w.png) no-repeat center top;
}

.b-footer-links p {
    padding-top: 10px;
    font-size: 16px;
}

.b-footer-copyright {
    text-align: center;
    padding: 80px 0 30px 0;
    background: url(images/logo_white.png) no-repeat center top;
}

.b-footer-copyright a, .b-footer-copyright a:hover {
    color: #d54d63; 
}

@media only screen and (max-width : 840px) {
    #hero {
        height: auto;
        -webkit-background-size: inherit;
        -moz-background-size: inherit;
        -o-background-size: inherit;
        background-size: inherit;
    }

    .b-services-text {
        margin-bottom: 40px;
    }

    .b-partners {
        margin-bottom: 40px;
    }

    .b-partners li img {
        height: 50px;
    }

    .b-header-feedback {
        display: block;
        margin-top: 5px;
    }

    .b-hero-slogan h1 {
        font-size: 36px;
    }

    .navbar-phone {
        text-align: right;
    }

    .lang {
        right: 0;
    }

    .b-services-item {
        min-height: 0;
    }

    .b-services-name h3 {
        min-height: 0;
    }
}

@media only screen and (max-width : 840px) { 
    .b-footer-menu {
        display: none;
    }
}