@font-face {

    font-family: 'Sailec';

    src: url('../fonts/hinted-Sailec-Regular.eot');

    src: local('Sailec Regular'), local('Sailec-Regular'),

    url('../fonts/hinted-Sailec-Regular.eot?#iefix') format('embedded-opentype'),

    url('../fonts/hinted-Sailec-Regular.woff2') format('woff2'),

    url('../fonts/hinted-Sailec-Regular.woff') format('woff'),

    url('../fonts/hinted-Sailec-Regular.ttf') format('truetype'),

    url('../fonts/hinted-Sailec-Regular.svg#Sailec-Regular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Sailec-light';

    src: url('../fonts/hinted-Sailec-Light.eot');

    src: local('Sailec Light'), local('Sailec-Light'),

    url('../fonts/hinted-Sailec-Light.eot?#iefix') format('embedded-opentype'),

    url('../fonts/hinted-Sailec-Light.woff2') format('woff2'),

    url('../fonts/hinted-Sailec-Light.woff') format('woff'),

    url('../fonts/hinted-Sailec-Light.ttf') format('truetype'),

    url('../fonts/hinted-Sailec-Light.svg#Sailec-Light') format('svg');

    font-weight: 300;

    font-style: normal;

}



@font-face {

    font-family: 'Sailec-thin';

    src: url('../fonts/hinted-Sailec-Thin.eot');

    src: local('Sailec Thin'), local('Sailec-Thin'),

    url('../fonts/hinted-Sailec-Thin.eot?#iefix') format('embedded-opentype'),

    url('../fonts/hinted-Sailec-Thin.woff2') format('woff2'),

    url('../fonts/hinted-Sailec-Thin.woff') format('woff'),

    url('../fonts/hinted-Sailec-Thin.ttf') format('truetype'),

    url('../fonts/hinted-Sailec-Thin.svg#Sailec-Thin') format('svg');

    font-weight: 100;

    font-style: normal;

}



@font-face {

    font-family: 'FreightText Pro';

    src: url('../fonts/hinted-FreightTextProSemibold-Italic.eot');

    src: local('FreightText Pro Semibold Italic'), local('FreightTextProSemibold-Italic'),

    url('../fonts/hinted-FreightTextProSemibold-Italic.eot?#iefix') format('embedded-opentype'),

    url('../fonts/hinted-FreightTextProSemibold-Italic.woff2') format('woff2'),

    url('../fonts/hinted-FreightTextProSemibold-Italic.woff') format('woff'),

    url('../fonts/hinted-FreightTextProSemibold-Italic.ttf') format('truetype'),

    url('../fonts/hinted-FreightTextProSemibold-Italic.svg#FreightTextProSemibold-Italic') format('svg');

    font-weight: 600;

    font-style: italic;

}

@font-face {
    font-family: 'Sofia Pro Bold';
    src: url('../fonts/hinted-SofiaProBold.eot');
    src: local('Sofia Pro Bold'), local('SofiaProBold'),
    url('../fonts/hinted-SofiaProBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/hinted-SofiaProBold.woff2') format('woff2'),
    url('../fonts/hinted-SofiaProBold.woff') format('woff'),
    url('../fonts/hinted-SofiaProBold.ttf') format('truetype'),
    url('../fonts/hinted-SofiaProBold.svg#SofiaProBold') format('svg');
    font-weight: bold;
    font-style: normal;
}



h1,

.h1 {

    font-family: 'Sailec', sans-serif;

    font-weight: normal;

    font-size: 27px;

    line-height: 120%;

    color: #22222c;

    letter-spacing: 3px;

}



h2,

.h2 {

    font-family: 'Sailec', sans-serif;

    font-weight: normal;

    font-size: 17px;

    line-height: 120%;

    color: #353544;

    letter-spacing: 2px;

}



h3,

.h3 {

    font-family: 'Sailec', sans-serif;

    font-weight: normal;

    font-size: 16px;

    line-height: 120%;

    color: #212121;

    letter-spacing: 1px;

}



h4,

.h4,

.menu ul li a {

    font-family: 'Sailec', sans-serif;

    font-weight: normal;

    font-size: 15px;

    line-height: 130%;

    color: #353544;

    text-decoration: none;

    letter-spacing: 1px;

}



.menu ul li a:hover,

.menu ul li a.active {

    text-decoration: none;

    color: #8A6F3C;

}

nav ul, nav ol, .nav ul, .nav ol{

    list-style: none;

    list-style-image: none;

    margin-left: 0;

}



body,

p,

.text {

    font-family: 'Sailec-light', sans-serif;

    font-weight: normal;

    font-size: 15px;

    color: #21212C;

    line-height: 20px;

    letter-spacing: 1px;

}



.reduced,

.reduced * {

    font-family: 'Sailec-light', sans-serif;

    font-size: 13px;

    color: #727272;

}



.ultraReduced,

.ultraReduced * {

    font-size: 10px;

    color: #727272;

}



.upper {

    text-transform: uppercase;

    letter-spacing: 1px

}



label {

    display: block;

}



a {

    font-family: 'Sailec-light', sans-serif;

    font-weight: normal;

    font-size: 15px;

    line-height: 20px;

    color: #9E9E9E;

    text-decoration: none;

    letter-spacing: 1px;

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -ms-transition: all .2s linear;

    -o-transition: all .2s linear;

    transition: all .2s linear;

}



a:hover,

a.active {

    color: #999;

}



textarea,

input[type=text],

input[type=email],

input[type=password],

input[type=tel],

input[type=search],

select {

    font-family: 'Sailec-thin', sans-serif;

    font-weight: normal;

    font-size: 14px;

    letter-spacing: 1px;

    color: #333;

    background-color: transparent;

    border: 1px solid transparent;

    border-bottom: 1px solid #333;

    padding: 6px 8px;

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -ms-transition: all .2s linear;

    -o-transition: all .2s linear;

    transition: all .2s linear;

    width: 100%;

}



::-webkit-input-placeholder {

    /* WebKit, Blink, Edge */

    color: #333;

}



:-moz-placeholder {

    /* Mozilla Firefox 4 to 18 */

    color: #333;

}



::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    color: #333;

}



:-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    color: #333;

}





select {

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -o-appearance: none;

    appearance: none;

    -webkit-border-radius: 0px;

}



select::-ms-expand {

    display: none;

}



.select {

    position: relative;

    display: block;

    overflow-x: hidden;

    z-index: 9;

}



.select select {

    position: relative;

    -moz-appearance: none;

    -webkit-appearance: none;

    appearance: none;

    z-index: 999;

}

.osx .select select { padding-top:11px; }



.select::after {

    content: '\f107';

    position: absolute;

    top: 50%;

    right: 15px;

    width: 15px;

    height: 15px;

    margin-top: -9px;

    color: #333;

    font-family: FontAwesome;

    font-size: 28px

}



.select select:disabled {

    background: none;

    background-color: #f7f7f7;

}

input[type=text]:hover,

input[type=email]:hover,

input[type=password]:hover,

input[type=tel]:hover,

input[type=search]:hover,

textarea:hover,

select:hover,

input[type=text]:focus,

input[type=email]:focus,

input[type=password]:focus,

input[type=tel]:focus,

input[type=search]:focus,

textarea:focus,

select:focus {

    /*border-color: #222;*/

}



input[type=text]:disabled,

input[type=email]:disabled,

input[type=password]:disabled,

input[type=tel]:disabled,

input[type=search]:disabled,

textarea:disabled,

select:disabled,

input[type=text]:disabled,

input[type=email]:disabled,

input[type=password]:disabled,

input[type=tel]:disabled,

input[type=search]:disabled,

textarea:disabled,

select:disabled {

    color: #bbb;

}



.inputError {

    padding: 0;

    position: relative;

}



.errorToolTip {

    display: none;

}



.errorToolTip2 {

    display: none;

}



.displayError .errorToolTip {

    display: block;

}



.displayError2 .errorToolTip2 {

    display: block;

}



.errorToolTip {

    position: absolute;

    top: -27px;

    left: -2px;

    width: auto;

}



.errorToolTip2 {

    position: absolute;

    top: -10px;

    left: -3px;

    width: auto;

}



.errorToolTip.checkbox {

    top: -38px

}



.imgError {

    height: 9px;

    width: 15px;

    background: url(../images/bgToolTipError.png) no-repeat top left;

    float: left;

    position: absolute;

    top: 26px;

    left: 10px;

}



.bgError {

    background-color: rgb(156, 31, 47);

}



.errorToolTip .bgError p {

    color: #fff;

    font-size: 12px;

    line-height: 26px;

    margin-left: 10px;

    margin-right: 10px;

}



.errorToolTip2 .bgError p {

    color: #fff;

    font-size: 12px;

    line-height: 26px;

    margin-left: 10px;

    margin-right: 10px;

}



.inputError{margin-bottom: 30px;}

.inputError label span{position: absolute;top:12px;font-size: 14px;left: 10px;transition: .3s ease all;line-height: 100%;cursor: text;}

.inputError label input:focus~span{font-size:12px;top: -8px;color: #888; }
.inputError label textarea:focus~span{font-size:12px;top: -8px;color: #888; }

.inputError label input.edited~span{font-size:12px;top: -8px;color: #888; }
.inputError label textarea.edited~span{font-size:12px;top: -8px;color: #888; }

.inputError label input:disabled~span{font-size:12px;top: -10px;color: #888; }
.inputError label textarea:disabled~span{font-size:12px;top: -10px;color: #888; }





.hidden {

    display: none

}


.hdhuman {

    display: none

}



.alert.error {

    color: #FFFFFF;

    background-color: rgb(156, 31, 47);

    padding: 5px;

}





/*Buttons*/



.button,

button,

input[type=submit] {

    font-family: 'Sailec-light', sans-serif;

    font-weight: normal;

    font-size: 15px;

    color: #fff;

    text-decoration: none;

    letter-spacing: 2px;

    padding: 13px 70px;

    text-align: center;

    background-color: #8A6F3C;

    border: 1px solid #FFF;

    box-shadow: 0 0 0 5px #8A6F3C;

    line-height: 18px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear;

    white-space: nowrap;

    display: inline-block;

    border-radius:26px;

}



.button:hover,

button:hover,

input[type=submit]:hover {

    text-decoration: none;

    background-color: #353544;

    box-shadow:0 0 0 5px #353544;

    color: #fff;



}



.button2 {

    color: #9E9E9E;

    background: transparent;

    border: 1px solid #9E9E9E;

    box-shadow: 0 0 0 0px rgba(223, 223, 223, 0);

}



.button2:hover {

    background: #FFF;

    color:#353544;

    box-shadow: 0 0 0 0px rgba(102, 102, 102, 0);

}



address {

    font-style: normal;

}



@media (min-width: 768px) {

    .container {

        width: 750px;

    }

}



@media (min-width: 992px) {

    .container {

        width: 970px;

    }

}



@media (min-width: 1200px) {

    .container {

        width: 1170px;

    }

}







/* General styles */



body {

    background: #353544;

}



#containerSite {

    background: #FFF;

}



.pad-container {padding: 0 80px;}

@media (max-width: 1366px) {

    .pad-container {padding: 0 40px;}

}

@media (max-width: 767px) {

    .pad-container {padding: 0 15px;}

}





.content img {

    max-width: 100%

}



dl * {

    display: inline-block;

    color: #2776B2;

}



#overlay {

    display: none;

    content: '';

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.7);

    z-index: 9999;

}



.left {

    float: left;

}



.right {

    float: right;

}





/* Main */



.container {

    max-width: 1170px;

    width: 100%;

    margin-top: 50px;

}



.container-fluid {

    padding: 30px 0px;

}



.container-corporate {

    max-width: 1170px;

    width: 100%;

    margin: 0px auto;

}



.container-corporate h1 {

    margin-bottom: 20px;

}



header {

    position: relative;

    z-index: 999;

    background-color: #fff;

}



.blur {

    -webkit-filter: blur(5px);

    -moz-filter: blur(5px);

    -o-filter: blur(5px);

    filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg"><filter id="blur"><feGaussianBlur in="SourceGraphic" stdDeviation="5" /></filter></svg>#blur');

    -moz-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

    -webkit-transform: translateZ(0);

    -webkit-transform: preserve-3d;

    -webkit-perspective: 1000

}



.ie .blur {

    -ms-filter: blur(5px);

    filter: progid: DXImageTransform.Microsoft.MotionBlur(strength=16, direction=40) progid: DXImageTransform.Microsoft.Blur(pixelradius=8)

}



.ie .blur * {

    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50) !important;

    opacity: 0.5 !important

}



.ie8 .blur,

.ie9 .blur {

    height: 100%;

    filter: progid: DXImageTransform.Microsoft.MotionBlur(strength=16, direction=40) progid: DXImageTransform.Microsoft.Blur(pixelradius=8)

}



.ie8 .blur *,

.ie9 .blur * {

    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50) !important

}



.align-right {

    text-align: right

}