@font-face {
    font-family: 'Univia Pro';
    src: url('/Content/Theme/Site/fonts/UniviaPro-Light.eot');
    src: url('/Content/Theme/Site/fonts/UniviaPro-Light.eot?#iefix') format('embedded-opentype'), url('/Content/Theme/Site/fonts/UniviaPro-Light.woff') format('woff'), url('/Content/Theme/Site/fonts/UniviaPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Univia Pro';
    src: url('/Content/Theme/Site/fonts/UniviaPro-Black.eot');
    src: url('/Content/Theme/Site/fonts/UniviaPro-Black.eot?#iefix') format('embedded-opentype'), url('/Content/Theme/Site/fonts/UniviaPro-Black.woff') format('woff'), url('/Content/Theme/Site/fonts/UniviaPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Univia Pro';
    src: url('/Content/Theme/Site/fonts/UniviaPro-Italic.eot');
    src: url('/Content/Theme/Site/fonts/UniviaPro-Italic.eot?#iefix') format('embedded-opentype'), url('/Content/Theme/Site/fonts/UniviaPro-Italic.woff') format('woff'), url('/Content/Theme/Site/fonts/UniviaPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Univia Pro';
    src: url('/Content/Theme/Site/fonts/UniviaPro-Medium.eot');
    src: url('/Content/Theme/Site/fonts/UniviaPro-Medium.eot?#iefix') format('embedded-opentype'), url('/Content/Theme/Site/fonts/UniviaPro-Medium.woff') format('woff'), url('/Content/Theme/Site/fonts/UniviaPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Univia Pro Book';
    src: url('/Content/Theme/Site/fonts/UniviaPro-Book.eot');
    src: url('/Content/Theme/Site/fonts/UniviaPro-Book.eot?#iefix') format('embedded-opentype'), url('/Content/Theme/Site/fonts/UniviaPro-Book.woff') format('woff'), url('/Content/Theme/Site/fonts/UniviaPro-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Univia Pro';
    src: url('/Content/Theme/Site/fonts/UniviaPro-Regular.eot');
    src: url('/Content/Theme/Site/fonts/UniviaPro-Regular.eot?#iefix') format('embedded-opentype'), url('/Content/Theme/Site/fonts/UniviaPro-Regular.woff') format('woff'), url('/Content/Theme/Site/fonts/UniviaPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Univia Pro';
    src: url('/Content/Theme/Site/fonts/UniviaPro-Bold.eot');
    src: url('/Content/Theme/Site/fonts/UniviaPro-Bold.eot?#iefix') format('embedded-opentype'), url('/Content/Theme/Site/fonts/UniviaPro-Bold.woff') format('woff'), url('/Content/Theme/Site/fonts/UniviaPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/Content/Theme/Site/fonts/HelveticaNeue.eot');
    src: url('/Content/Theme/Site/fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'), url('/Content/Theme/Site/fonts/HelveticaNeue.woff') format('woff'), url('/Content/Theme/Site/fonts/HelveticaNeue.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/Content/Theme/Site/fonts/HelveticaNeue-Bold.eot');
    src: url('/Content/Theme/Site/fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'), url('/Content/Theme/Site/fonts/HelveticaNeue-Bold.woff') format('woff'), url('/Content/Theme/Site/fonts/HelveticaNeue-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body {
    background: #fff;
    color: #333;
    font-family: 'Univia Pro';
    font-size: 14px;
    font-weight: 400;
}

ul,
ol,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.no-padding {
    padding: 0;
}

/* MAIN HEADER */
html:lang(ru) .main-nav ul > li > a{
    text-transform:uppercase;
    
    padding: 16px 16px;
}
html:lang(ru) .main-link-list span,html:lang(ru) .main-link-list a{
    text-transform:uppercase;
}

html:lang(ru) .nps-desc {
     text-transform:uppercase;
}

html:lang(ru) .panel-menu .panel-title a {
   text-transform:uppercase;
}
.header-top {
    border-bottom: 1px solid #eee;
    padding: 15px 0;
}

.logo img {
    max-width: 100%;
}

.header-bottom,
.header-menu {
    position: relative;
}

.hdr-tel,
.for-professional,
.hdr-search-button {
    float: right;
}

.hdr-search-button span {
    width: 28px;
    height: 28px;
    display: block;
    font-size: 16px;
    background-color: #b7b7b7;
    text-align: center;
    padding: 2px 0;
    color: #fff;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.search-results-container {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,.2);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    max-height: 400px;
    overflow: auto;
}

.search-results-container.visible {
    opacity: 1;
    visibility: visible;
}

.search-result-item {
    margin-bottom: 10px;
}

.search-result-image {
    width: 16px;
    float: left;
}

.search-result-image img {
    width: 100%;
}

.search-result-text {
    padding-left: 25px;
}

.search-result-title {
    color: #4a4a4a;
}

.search-result-desc {
    color: #ccc;
}

.for-professional {
    margin: 0 25px 0 10px;
}

.for-professional img {
    vertical-align: text-top;
    margin-right: 5px;
}

.for-professional a {
    display: block;
    background-color: #d81f27;
    color: #fff;
    font-size: 16px;
    padding: 3px 10px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.for-professional a:hover {
    background-color: #333;
}

.hdr-tel a,
.hdr-tel .fa {
    color: #333;
    font-size: 20px;
    font-weight: 300;
}

.hdr-tel span {
    font-weight: 500;
}

.hdr-search,
.hdr-search form {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hdr-search {
    opacity: 0;
    visibility: hidden;
    z-index: 5;
}

.hdr-search.active {
    opacity: 1;
    visibility: visible;
}

.hdr-search input {
    width: 100%;
    height: 100%;
    border-width: 0 0 1px 0;
    background: #fff;
    border-color: #f5f5f5;
    padding: 0 35px;
}

.hdr-search button {
    border: none;
    background: none;
    color: #a5a5a5;
    font-size: 16px;
    position: absolute;
}

.search-button {
    left: 5px;
    top: 0;
}

.search-close-button {
    right: 5px;
    top: 0;
}

.main-nav ul li {
    float: left;
}

.main-nav ul > li > a {
    display: block;
    position: relative;
    padding: 16px 25px;
    color: #333;
    font-size: 16px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.main-nav ul > li:first-child > a {
    padding-left: 0;
}

.main-nav ul > li.has-nav-dropdown > a::before {
    content: "\f078";
    color: #ccc;
    font-family: "Fontawesome";
    font-size: 9px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.main-nav ul > li:hover > a,
.main-nav ul > li:hover > a::before {
    color: #d81f27;
}

.header-lang {
    padding-top: 15px;
}

.header-lang .dropdown-menu {
    min-width: inherit;
}

.header-lang .dropdown a {
    font-size: 14px;
    color: #55565b;
    vertical-align: middle;
}

.header-lang .dropdown .fa-chevron-down {
    font-size: 10px;
    color: #55565b;
    position: relative;
    top: -2px;
}

.header-lang .dropdown .fa-globe {
    font-size: 14px;
    color: #d81f27;
}

.nav-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
    background-color: #fff;
}

.has-nav-dropdown:hover .nav-dropdown {
    opacity: 1;
    visibility: visible;
}

.nav-product-item {
    padding: 0 0 15.7% 0;
    overflow: hidden;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.nav-product-item.big {
    padding: 0 0 31.4% 0;
    background-color: #b0b0b0;
}

.nav-product-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.nav-product-item a,
.nav-product-item a::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.nav-product-item a::before {
    content: "";
    z-index: 2;
    background-color: rgba(216, 36, 39, 0.6);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.nav-product-item a .border {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 2;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.nav-product-item a:hover::before {
    opacity: 0;
}

.nav-product-item a:hover .border {
    opacity: 1;
}

.nav-product-title {
    position: absolute;
    right: 20px;
    left: 20px;
    bottom: 20px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    z-index: 3;
}

/* MAIN SLIDER */

.main-slider .owl-controls {
    position: absolute;
    right: 31%;
    bottom: 25%;
}

.main-slider .owl-page,
.main-slider .owl-page span {
    float: left;
}

.main-slider.owl-theme .owl-page span {
    float: left;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    margin: 0 3px;
    border-radius: 50%;
    background: none;
}

.main-slider .owl-page.active span {
    background-color: #fff;
}

.main-slider .item {
    height: 400px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

.item-image {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all 15s;
    transition: all 15s;
}

.owl-item.active .item-image {
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*.main-slider .item::before {
content: "";
position: absolute;
right: -8%;
bottom: 0;
width: 50%;
width: 588px;
height: 100%;
background-color: #dc2b27;
mix-blend-mode: multiply;
transform: skew(14deg) translateX(100%);
transition: all 1s;
overflow: hidden;
}

.main-slider .owl-item.active .item::before {
transform: skew(14deg) translateX(0);
}*/

.slide-text {
    width: 100%;
    max-width: 515px;
    position: absolute;
    right: 4%;
    top: 50%;
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%);
    z-index: 2;
    line-height: 1.1;
    color: #fff;
    opacity: 0;
    -webkit-transition: all 0.5s ease 1s;
    transition: all 0.5s ease 1s;
}

.owl-item.active .slide-text {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slide-title {
    font-weight: 500;
    font-size: 28px;
    margin-bottom: 13px;
}

.slide-desc {
    color: #fff;
    font-family: 'Univia Pro Book';
    font-size: 24px;
    line-height: 1.5;
}

/* DOCUMENT */

.document-list {
    margin: 40px 0;
}

.document-list-item {
    margin-bottom: 25px;
}

.document-list-item img {
    width: 100%;
}

.document-list-title {
    color: #d3222a;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -.25px;
    padding-top: 10px;
}

/* REFERENCES */

.reference-list-item {
    margin-bottom: 30px;
}

.reference-list-inner {
    border: 1px solid #ddd;
    height: 200px;
    position: relative;
    padding: 10px;
}

.reference-list-inner img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
}

/* HOME PRODUCTS */

.home-products {
    margin: 50px 0 45px;
    overflow-x: hidden;
}

.home-products-title {
    border-bottom: 1px solid #e6e2da;
    margin-bottom: 30px;
}

.new-product-slider .owl-controls {
    position: absolute;
    top: -46px;
    right: 24px;
    padding-left: 10px;
    background-color: #fff;
    color: #888;
    background-color: #fff;
}

.new-product-slider.owl-theme .owl-controls .owl-prev,
.new-product-slider.owl-theme .owl-controls .owl-next {
    width: 30px;
    height: 30px;
    border: 1px solid #e3e3e3;
    background: transparent;
    color: #dedede;
    font-size: 15px;
    border-radius: 0;
    float: left;
    text-align: center;
    margin: 0 0 0 3px;
    padding: 0;
    line-height: 27px;
}

.new-product-slider.owl-theme .owl-controls .owl-prev:hover,
.new-product-slider.owl-theme .owl-controls .owl-next:hover {
    background-color: #d3222a;
    color: #fff;
}

.home-products-title h1 {
    display: inline-block;
    color: #d3222a;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.30px;
    margin: 0;
    line-height: 1;
    background-color: #fff;
    padding-right: 10px;
    position: relative;
    bottom: -5px;
}

.nps-image {
    margin-bottom: 20px;
}

.nps-image img {
    width: 114px;
    max-width: 100%;
}

.nps-title {
    color: #323f49;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

.nps-desc {
    color: #323f49;
    margin-bottom: 30px;
}

.nps-detail {
    color: #d81f27;
    font-weight: 500;
}

.nps-detail .fa {
    width: 14px;
    height: 14px;
    background-color: #d81f27;
    color: #fff;
    font-size: 10px;
    margin-left: 10px;
    text-align: center;
    padding-top: 1px;
}

/* HOME LINKS */

.hl-item a {
    display: block;
    position: relative;
    padding: 25px 75px 25px 40px;
}

.hl-item:first-child {
    background-color: #d3222a;
    padding: 12.5px 40px;
}

.hl-item:nth-child(2) {
    background-color: #4d4e53;
}

.hl-item:last-child {
    background-color: #616265;
}

.hl-item h3 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin: 0;
}

.hl-item img {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hl-dropdown .dropdown-menu {
    width: 100%;
    max-height: 150px;
    overflow: auto;
}

.hl-dropdown a {
    display: block;
    background-color: #fff;
    color: #d3222a;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 25px;
}

.hl-dropdown .fa {
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* INNER PAGE */

.page-banner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 252px;
}

.page-content {
    overflow-x: hidden;
}

.page-left,
.page-right {
    padding: 0;
}

.page-menu {
    border-top: 14px solid #d3222a;
    background-color: #fff;
    padding-bottom: 20px;
}

.page-menu-title {
    color: #4d4e53;
    font-size: 18px;
    font-weight: 700;
    padding: 15px;
}

.page-menu-link {
    display: block;
    color: #666;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    letter-spacing: 0.10px;
    padding: 10px;
    border-bottom: 1px solid #e1e1e1;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}

.page-menu-link:hover,
.page-menu-link.active {
    background-color: #d81f27;
    color: #fff;
}

.page-top {
    margin: 50px 0 30px;
}

.page-title {
    float: left;
    color: #333;
    font-family: 'Helvetica Neue';
    font-size: 24px;
    font-weight: 700;
    margin: 0;
}

.page-subtitle {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    margin: 5px 0 25px;
}

.page-nav {
    float: right;
}

.page-nav ul li,
.page-nav ul li a {
    display: inline-block;
}

.page-nav ul li a {
    color: #999;
    font-family: 'Helvetica Neue';
}

.page-nav ul li:not(:last-child)::after {
    display: inline-block;
    font-family: "Fontawesome";
    content: "\f101";
    color: #999;
    margin: 0 5px;
}

.page-nav ul li:last-child a {
    font-weight: 500;
    color: #c9282d;
}

.page-nav ul li a:hover {
    color: #c9282d;
}

.page-text {
    color: #666;
    font-family: 'Helvetica Neue';
}

.page-text p,
.page-text ul {
    margin-bottom: 20px;
}

.page-text ul li {
    list-style-type: disc;
    margin-left: 15px;
}

.page-text h2 {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 5px 0;
}

/* PRODUCT DETAIL / LIST */

.product-banner {
    height: 120px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    /*background-size: cover;*/
    padding: 35px 15px 15px 15px;
    border-top: 2px solid #111;
    border-bottom: 2px solid #e5e5e5;
}

.product.page-right {
    padding: 0;
}

.product-banner .page-nav {
    float: none;
}

.product-menu-img {
    width: 100%;
}

.product.page-menu {
    border-color: transparent;
    margin: 0;
}

.product.page-menu .page-menu-link {
    font-family: inherit;
}

.product.page-menu .page-menu-link:hover,
.product.page-menu .page-menu-link.active {
    color: #fff;
    background-color: #ccc;
}

.product-category-title {
    color: #4d4e53;
    font-size: 18px;
    font-weight: 500;
    margin-top: 5px;
}

.product-detail {
    padding: 25px 15px;
}

.product-detail .page-title {
    float: none;
}
html:lang(ar) .product-detail .page-title {
    text-align:right;
    unicode-bidi: plaintext;
}
html:lang(ar) .product-detail table {
    float:right;
    width:100%;
    border:0px solid #fff;
}
html:lang(ar) .product-detail table tr td {
    border-top: 1px solid #ddd;
    padding-top: 15px;
    border-bottom:0px solid #ddd;
    border-right:0px solid #ddd;
    border-left:0px solid #ddd;
    }
html:lang(ar) .product-detail .page-subtitle {
    text-align:right;
    unicode-bidi: plaintext;
}

html:lang(ar) .pro-colors ul li:after {
    font-family: FontAwesome;
    font-size: 13px;
    color: #929191;
    position: absolute;
    right: -26px;
    top: 0;
    left:auto;
}

html:lang(ar) .pro-colors ul li {
    float: right;
    width: auto;
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0 0 0 20px;
    position: relative;
    color: #a4a4a4;
    font-size: 13px;
    margin-right: 30px;
}
.product-image {
    background-color: #f1f1f1;
    padding: 35px 15px;
}

.product-image img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.product-download {
    margin: 10px 0;
}

.pd-title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 5px 20px;
}

.pd-list {
    background-color: #f8f8f8;
    padding: 20px;
    min-height: 170px;
}

.pd-list li,
.pd-list li a {
    display: block;
}

.pd-list li a {
    color: #4d4e53;
    font-family: 'Helvetica Neue';
    padding: 5px 20px;
    position: relative;
}

.pd-list li .fa {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #cc0000;
    font-size: 12px;
}

.calculate-button {
    display: block;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Helvetica Neue';
    background-color: #a4a4a4;
    padding: 5px 9px;
    position: relative;
    text-align: center;
}

.calculate-button img {
    margin-left: 10px;
}

.calculate-form {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: #a4a4a4;
    padding: 30px 23px;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.calculate-form.active {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.calculate-form input {
    width: 100%;
    height: 33px;
    line-height: 33px;
    padding: 0 15px;
    background: #fff;
    font-family: 'Helvetica Neue';
    font-weight: 400;
    font-style: inherit;
    color: #666;
    font-size: 16px;
    border: none;
}

.calculate-form button {
    border: none;
    width: 100%;
    display: block;
    background: #d6d6d6;
    height: 33px;
    line-height: 33px;
    text-align: center;
}

/* CALCULATE POPUP */

.calculate-popup,
.calculate-popup-bg,
.calculate-popup-inner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.calculate-popup {
    z-index: 30;
    opacity: 0;
    visibility: hidden;
}

.calculate-popup.active {
    opacity: 1;
    visibility: visible;
}

.calculate-popup-bg {
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.7);
    cursor: zoom-out;
}

.calculate-popup-inner {
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 705px;
    min-height: 500px;
    background: #fff url(/Content/Theme/Site/img/logo.png) no-repeat right 30px top 30px;
    padding: 50px;
    position: relative;
}

.calculate-popup-close {
    position: absolute;
    right: -44px;
    top: 0;
    cursor: pointer;
}

.calculate-popup .page-title,
.calculate-popup .page-subtitle {
    float: none;
}

.cpi-section,
.cpi-section input,
.cpi-result,
.cpi-feature,
.cpi-info-title,
.cpi-info-desc,
.cpi-link {
    color: #000;
    font-family: 'Helvetica Neue';
    font-size: 18px;
    font-weight: 700;
}

.cpi-section input {
    width: auto;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    max-width: 80px;
    border: 1px solid #a6a6a6;
    padding: 0 5px;
    text-align: center;
}

.cpi-button {
    display: inline-block;
    width: 163px;
    height: 38px;
    border: none;
    background-color: #dbdbdb;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    color: #787878;
    font-weight: 700;
    margin-left: 10px;
}

.cpi-button:hover {
    background-color: #787878;
    color: #dbdbdb;
}

.cpi-result {
    margin: 15px 0 25px;
}

.cpi-result span {
    font-size: 24px;
    color: #c00d0d;
}

.cpi-feature {
    color: #333;
}

.cpi-feature span {
    font-weight: 400;
}

.cpi-info {
    margin: 30px 0;
}

.cpi-info-desc {
    font-size: 14px;
    font-weight: 400;
}

.cpi-link {
    display: inline-block;
    margin-right: 15px;
    font-size: 14px;
}

.cpi-link:hover {
    color: #c00d0d;
}

/* CONTACT */

.contact-map iframe {
    width: 100%;
    height: 400px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.contact-wrapper {
    padding: 25px 0;
}

.contact-form-title {
    color: #15336e;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -0.20px;
    margin: 0 0 15px;
}

.contact-form .parsley-required,
.contact-form .parsley-type,
.contact-form .parsley-length .contact-form .parsley-custom-error-message {
    color: #db2121;
    padding-top: 3px;
    font-weight: 600;
}

.contact-form .parsley-error {
    border: 1px solid #db2121 !important;
}

.del-column {
    color: #db2121;
    font-weight: 600;
    cursor: pointer;
}

.gender-group .parsley-errors-list.filled {
    width: 100%;
    float: left;
}

.contact-form ::-webkit-input-placeholder {
    color: #666;
}

.contact-form ::-moz-placeholder {
    color: #666;
}

.contact-form :-ms-input-placeholder {
    color: #666;
}

.contact-form :-moz-placeholder {
    color: #666;
}

.contact-form input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.contact-form textarea,
.contact-form select {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    letter-spacing: -0.10px;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    border: 1px solid #bbb;
}

.contact-form textarea {
    height: 100px;
    line-height: 18px;
    padding: 20px;
    resize: none;
}

.contact-form .form-group input[type="submit"] {
    width: auto;
    display: inline-block;
    color: #244988;
    font-weight: 700;
    background: none;
    border-color: #244988;
}

.contact-form .form-group input[type="submit"]:hover {
    background-color: #244988;
    color: #fff;
}

.radio,
.checkbox {
    padding-left: 20px;
    margin-top: 0;
}

.checkbox input[type="checkbox"],
.radio input[type="radio"] {
    opacity: 0;
}

.checkbox label,
.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}

.checkbox label::before,
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
}

.checkbox label::after,
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #d81f27;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.checkbox label::before,
.checkbox label::after {
    border-radius: 0;
}

.checkbox input[type="checkbox"]:checked + label::after,
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.contact-top {
    background: #d81f27 url(/Content/Theme/Site/img/mail-icon.png) no-repeat 121% 135px;
    padding: 40px 35px;
    min-height: 270px;
    position: relative;
}

.ct-icon {
    position: absolute;
    right: 24px;
    top: -28px;
}

.contact-info {
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.25);
    margin-top: -210px;
}

.contact-top ul li {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    padding-left: 35px;
    margin-bottom: 15px;
    position: relative;
}

.contact-top ul li .fa {
    position: absolute;
    top: 6px;
    left: 0;
    font-size: 18px;
    color: #ffa801;
}

.ct-section {
    background-color: #fff;
    background-repeat: no-repeat;
    padding: 35px 30px 25px;
}

.ct-section p {
    color: #777;
    font-size: 20px;
    font-weight: 300;
}

.ct-section a {
    display: inline-block;
    color: #244988;
    font-size: 18px;
    font-weight: 700;
}

.ct-section a .fa {
    font-size: 12px;
    margin-right: 8px;
    position: relative;
    top: -2px;
}

/*.ct-section:first-child {
	border-bottom: 1px solid #ddd;
	background-image: url(/Content/Theme/Site/img/ct-cv.png);
	background-position: 114% 18px;
}

.ct-section:last-child {
	background-image: url(/Content/Theme/Site/img/ct-job.png);
	background-position: 105% 18px;
}*/

.contact-message {
    font-family: 'Helvetica Neue';
    font-size: 16px;
    margin-top: 20px;
}

/* CAREER FORM */

.career-top-info {
    padding: 35px 20px;
}

.cfs-left,
.cfs-right {
    padding: 0;
}

.cfs-left {
    padding-right: 5%;
}

.career-form .form-group:before,
.career-form .form-group:after {
    display: table;
    content: " ";
}

.career-form .form-group:after {
    clear: both;
}

.carrer-form-section {
    position: relative;
    padding-left: 60px;
    padding-bottom: 40px;
    margin-bottom: 5px;
}

.carrer-form-section::before {
    content: "";
    position: absolute;
    left: 19px;
    top: 0;
    height: 100%;
    border-left: 1px solid #ccc;
}

.cfs-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    font-size: 16px;
    border: 2px solid #ccc;
    background-color: #fff;
    border-radius: 50%;
    padding: 6px 0;
    text-align: center;
    color: #ccc;
}

.cfs-icon::after {
    content: "";
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    border-bottom: 7px solid #fff;
}

.cfs-title {
    color: #d81f27;
    font-size: 20px;
    margin-bottom: 35px;
}

.cfs-input-title {
    color: #666;
    letter-spacing: -0.20px;
    font-size: 16px;
    margin-bottom: 10px;
    min-height: 22px;
}

.cfs-input-title.inline {
    display: inline-block;
    margin-right: 10px;
}

.input-near-add {
    width: 85% !important;
}

.add-button {
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    background-color: #d81f27;
    font-size: 20px;
    letter-spacing: -0.20px;
    text-align: center;
    cursor: pointer;
}

.add-button:hover {
    background-color: #e6212a;
}

.career-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/Content/Theme/Site/img/select-dropdown.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.contact-form.career-form .form-group input[type="submit"],
.contact-form.career-form .form-group input[type="button"] {
    width: auto;
    min-width: 160px;
    background-color: #d81f27;
    background-image: url(/Content/Theme/Site/img/cv-send-icon.png);
    background-size: 20px;
    background-position: 13px center;
    background-repeat: no-repeat;
    color: #fff;
    text-align: right;
    padding: 0 30px;
    border: none;
}

.contact-form.career-form .form-group input[type="submit"]:hover {
    background-color: #fb1f29;
}

.career-quick-submit {
    background-image: url(/Content/Theme/Site/img/plus-icon.png) !important;
    padding: 0 20px 0 50px !important;
}

.career-form label {
    display: block;
    color: #666;
    font-size: 16px;
    letter-spacing: -0.20px;
}

.cv-view {
    display: inline-block;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    color: #d81f27;
    border: 2px solid #d81f27;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.10px;
    margin-right: 25px;
}

.cv-view .fa {
    margin-right: 5px;
}

.cv-view:hover {
    color: #fff;
    background: #d81f27;
    border: 2px solid #d81f27;
}

.gender-group {
    margin-top: 24px;
}

.cv-table {
    display: none;
}

.cv-table thead tr th {
    font-weight: 700;
    background-color: #f5f5f5;
}

.cv-table thead tr th,
.cv-table tbody tr td {
    color: #666;
    font-size: 16px;
}

/* WORK-LIST */

.work-list-item {
    margin-bottom: 35px;
}

.work-top-section {
    padding: 20px;
    background-color: #345e9e;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    min-height: 295px;
}

.work-title {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.40px;
    margin: 0 0 5px;
    min-height: 50px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.work-location {
    color: #fff;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.work-desc {
    min-height: 151px;
    max-height: 151px;
    overflow: hidden;
}

.work-desc ul li {
    display: block;
    color: #fff;
    font-size: 17px;
    position: relative;
    padding-left: 15px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.work-desc ul li::before {
    content: "\f105";
    font-family: "Fontawesome";
    position: absolute;
    left: 0;
    top: 0;
    color: #aaa;
}

.work-bottom-section {
    background-color: #345e9e;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 5px solid #244786;
    padding: 12px 10px 6px;
    text-align: right;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.work-bottom-section .fa {
    font-size: 12px;
    margin-left: 10px;
}

.work-list-item:hover .work-top-section {
    border: 1px solid #ddd;
    border-bottom: 0;
    background-color: #fff;
}

.work-list-item:hover .work-title {
    color: #15336e;
}

.work-list-item:hover .work-location {
    color: #666;
}

.work-list-item:hover .work-desc ul li {
    color: #333;
}

/* INPUT FILE */

.btn-file {
    display: block;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}

.btn-file > input {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: 23px;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0;
    direction: ltr;
}

.fileinput {
    display: block;
    margin-bottom: 25px;
}

.fileinput .form-control {
    display: inline-block;
    padding-top: 7px;
    padding-bottom: 5px;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: text;
}

.cv-image {
    border: 1px solid #ddd;
}

.fileinput .thumbnail,
.cv-image {
    position: relative;
    padding: 0 0 71% 0;
    margin-bottom: 0;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    border-radius: 0;
}

.fileinput .thumbnail > img,
.cv-image img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.fileinput .btn {
    vertical-align: middle;
}

.btn-file .fileinput-new {
    display: block;
}

.btn-file > span,
.buttn.fileinput-exists {
    display: block;
    cursor: pointer;
    background-color: #d81f27;
    padding: 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.buttn.fileinput-exists {
    display: none !important;
}

.btn-file > span .fa {
    margin-right: 5px;
}

.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
    display: none;
}

.fileinput-inline .fileinput-controls {
    display: inline;
}

.fileinput-filename {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    font-size: 16px;
}

.close.fileinput-exists {
    color: #ff0000;
    opacity: 1;
    vertical-align: middle;
}

.form-control .fileinput-filename {
    vertical-align: bottom;
}

.fileinput.input-group {
    display: table;
}

.fileinput.input-group > * {
    position: relative;
    z-index: 2;
}

.fileinput.input-group > .btn-file {
    z-index: 1;
}

.fileinput-new.input-group .btn-file,
.fileinput-new .input-group .btn-file {
    border-radius: 0 4px 4px 0;
}

.fileinput-new.input-group .btn-file.btn-xs,
.fileinput-new .input-group .btn-file.btn-xs,
.fileinput-new.input-group .btn-file.btn-sm,
.fileinput-new .input-group .btn-file.btn-sm {
    border-radius: 0 3px 3px 0;
}

.fileinput-new.input-group .btn-file.btn-lg,
.fileinput-new .input-group .btn-file.btn-lg {
    border-radius: 0 6px 6px 0;
}

.form-group.has-warning .fileinput .fileinput-preview {
    color: #8a6d3b;
}

.form-group.has-warning .fileinput .thumbnail {
    border-color: #faebcc;
}

.form-group.has-error .fileinput .fileinput-preview {
    color: #a94442;
}

.form-group.has-error .fileinput .thumbnail {
    border-color: #ebccd1;
}

.form-group.has-success .fileinput .fileinput-preview {
    color: #3c763d;
}

.form-group.has-success .fileinput .thumbnail {
    border-color: #d6e9c6;
}

.input-group-addon:not(:first-child) {
    border-left: 0;
}

/* NEWS LIST */

.news-list {
    margin-bottom: 100px;
}

.news-list-item {
    margin-bottom: 30px;
}

.news-list-inner {
    background-color: #f1f1f1;
    padding: 15px;
    border: 1px solid #e1e1e1;
    min-height: 170px;
}

.news-list-image {
    width: 123px;
    height: 134px;
    position: relative;
    float: left;
    overflow: hidden;
}

.news-list-image img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.news-list-desc {
    color: #333;
    font-family: 'Helvetica Neue';
    font-size: 16px;
    padding: 30px 0 0 145px;
}

/* ILETISIM */

.contact-item {
    background-color: #f9f9f9;
    padding: 30px 15px;
    margin-bottom: 30px;
}

.ci-map {
    overflow: hidden;
}

.ci-map iframe {
    width: 100%;
    height: 458px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin-top: -154px;
}

.ci-title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.6px;
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 10px;
}

.ci-title::after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    max-width: 145px;
    border-top: 10px solid #e5e5e5;
}

.contact-item ul {
    margin-bottom: 20px;
}

.contact-item ul li,
.contact-item ul li a {
    display: block;
    color: #4a4a4a;
    letter-spacing: -.6px;
    line-height: 18px;
}

.contact-item ul li span {
    font-size: 16px;
    color: #1c1212;
}

/* MAIN FOOTER */

.main-footer {
    overflow-x: hidden;
}

.mf-top {
    padding: 50px 0 20px;
}

.mft-title {
    color: #666;
    font-size: 16px;
    margin-bottom: 5px;
}

.mft-grid a {
    color: #757575;
    margin-left:3px;
}

.mft-list,
.mft-list li,
.mft-list li a {
    display: block;
    color: #757575;
}

.mft-list li a:hover {
    color: #000;
}

/*.mft-list li a {
	font-family: 'Univia Pro Book';
	padding: 3px 0;
}*/

.footer-logo {
    width: 100%;
    max-width: 175px;
    float: right;
}

.social-links {
    float: right;
    margin-top: 25px;
}

.social-links ul li,
.social-links ul li a {
    float: left;
}

.social-links ul li a {
    width: 37px;
    height: 37px;
    background-color: #b7b7b7;
    color: #fff;
    font-size: 16px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    margin: 0 1px;
    text-align: center;
    padding: 7px 0;
}

.social-links ul li .facebook:hover {
    background-color: #3B5998;
}

.social-links ul li .instagram:hover {
    background-color: #9b6954;
}

.social-links ul li .linkedin:hover {
    background-color: #3B5998;
}

.social-links ul li .google-plus:hover {
    background-color: #d34836;
}

.mf-contact {
    margin-top: 20px;
}

.mf-contact .mft-title {
    margin-bottom: 15px;
}

.mf-contact ::-webkit-input-placeholder {
    color: #999999;
}

.mf-contact ::-moz-placeholder {
    color: #999999;
}

.mf-contact :-ms-input-placeholder {
    color: #999999;
}

.mf-contact :-moz-placeholder {
    color: #999999;
}

.mf-contact input {
    width: 100%;
    height: 45px;
    border: 1px solid #ccc;
    color: #333;
    background: transparent;
    padding: 0 15px;
    outline: none;
    font-size: 14px;
    font-style: inherit;
    font-weight: inherit;
    line-height: 45px;
}

.mf-contact input[type="submit"] {
    color: #fff;
    font-weight: 700;
    background: #d3222a;
    border: none;
}

.mf-contact input[type="submit"]:hover {
    background: #a6181e;
}

.mf-contact .row {
    margin: 0 -5px;
}

.mf-contact .row > div {
    padding: 0 5px;
}
.mf-contact .g-recaptcha {
     transform: scale(0.57);
     -webkit-transform: scale(0.57);
     transform-origin: 0 0;
     -webkit-transform-origin: 0 0;
}
.main-link-list li,
.main-link-list li a {
    display: block;
    color: #757575;
    font-size: 16px;
}

.main-link-list li a:hover {
    color: #000;
}

.main-link-list li .fa {
    margin-right: 10px;
    font-size: 14px;
}

.mf-bottom {
    border-top: 1px solid #ccc;
    padding: 25px 0;
}

.mf-copyright {
    font-family: 'Univia Pro Book';
    color: #6c6963;
}

/* BOOTSTRAP PANEL RESET */

.panel-group, .panel-group .panel + .panel {
    margin: 0;
}

.panel {
    margin: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.panel-heading {
    padding: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border: none;
}

.panel-body {
    padding: 0;
}

/* MOBILE MENU */

.mobile-menu {
    background-color: #d81f27;
    display: none;
    padding-bottom: 25px;
    padding-top: 50px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 300;
    height: 100%;
    overflow: auto;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: .5s;
    transition: .5s;
}

.mobile-menu.active {
    -webkit-transform: translate(0);
    transform: translate(0);
}

.panel-menu .panel-title a {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 15px 40px 15px 30px;
    position: relative;
    border-bottom: 1px solid #E46A6F;
    background-color: #E46A6F;
}

.panel-menu .panel-title a.collapsed {
    background-color: #d81f27;
    font-weight: 400;
}

.panel-menu .panel-title a.has-child::after {
    content: "\f078";
    font-family: "Fontawesome";
    font-size: 16px;
    position: absolute;
    right: 20px;
    top: 13px;
    color: #fff;
}

.panel-menu-list li,
.panel-menu-list li a {
    display: block;
}

.panel-menu-list li {
    padding-left: 30px;
}

.panel-menu-list li a {
    color: #fff;
    font-size: 15px;
    padding: 15px;
}

.panel-menu-list li + li a {
    border-top: 1px solid #E46A6F;
}

.panel-menu .panel-title a.has-child.collapsed::after {
    content: "\f054";
    color: #E46A6F;
}

.panel-menu:first-child .panel-title a {
    border-top: 1px solid #E46A6F;
}

.mobile-menu-close {
    color: #E46A6F;
    font-size: 40px;
    position: absolute;
    right: 8px;
    top: -3px;
    display: block;
    cursor: pointer;
}

.hamburger {
    position: absolute;
    top: 23px;
    right: 10px;
    display: none;
    width: 40px;
    height: 24px;
    cursor: pointer;
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
    background-color: #d81f27;
    position: absolute;
    width: 40px;
    height: 4px;
    border-radius: 4px;
}

.hamburger-inner::after,
.hamburger-inner::before {
    display: block;
    content: '';
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

.inner-gallery li {
    width: 33%;
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 0 20px 0;
}

.inner-gallery li img {
    width: 100%;
}

/* CV PREVIEW */

.ad-detail {
    float: left;
    width: 100%;
    min-height: 260px;
    position: relative;
    background-color: #f5f5f5;
    background-image: url("/Content/Theme/Site/img/ad-detail.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    padding: 39px 40px 30px 78px;
}

.ad-detail:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #274b8d;
    width: 43px;
    z-index: 0;
}

.ad-detail-left {
    position: absolute;
    top: 109px;
    left: -108px;
    background: #274b8d;
    width: 260px;
    height: 42px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    padding-left: 54px;
}

.ad-detail-left span {
    color: #f5f5f5;
    text-align: left;
    width: auto;
    float: left;
    line-height: 42px;
    letter-spacing: 0.5px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Titillium Web', sans-serif;
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
}

.ad-detail-title {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

.ad-detail-title span {
    font-size: 18px;
    color: #15336e;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}

.ad-detail-location {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
}

.ad-detail-location span {
    font-size: 16px;
    color: #666666;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 18px;
    width: auto;
    margin: 0 6px 0 0;
    background: url('/Content/Theme/Site/img/location-pin.png') no-repeat right center;
}

.ad-detail-location i {
    color: #999999;
    font-size: 14px;
    font-family: "Fontawesome";
}

.ad-detail-information {
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
}

.ad-detail-information ul {
    float: left;
    width: auto;
    margin: 0 20px 0 0;
    max-width: 50%;
}

.ad-detail-information ul li {
    padding: 0 12px 0 16px;
    position: relative;
    color: #666666;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    font-family: 'Titillium Web', sans-serif;
}



.ad-detail-information ul li:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f105";
    color: #b1b1b1;
    font-size: 14px;
    font-family: "Fontawesome";
}

.ad-detail-warning {
    float: left;
    width: 100%;
}

.ad-detail-warning span {
    color: #15336e;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    font-family: 'Titillium Web', sans-serif;
}

.cv-preview-content {
    float: left;
    width: 100%;
    background: #fff;
    padding: 50px 0 53px 0;
}

/*.cv-preview-content .container{

}*/
#cv-preview-content {
    display: none;
}

#cv-preview-content .container {
    position: relative;
}

.fancybox-close-small {
    display: none;
}

.fancybox-button--close {
    float: right;
    position: absolute;
    z-index: 99;
}

.fancybox-buttons {
    display: block !important;
}

.fancybox-slide > * {
    padding: 65px !important;
}

.cv-pre-left {
    float: left;
    width: 200px;
    max-width: 100%;
}

.cv-pre-img {
    float: left;
    width: 200px;
    height: 200px;
    overflow: hidden;
    margin: 0 0 28px 0;
}

.cv-pre-img img {
    float: none;
    width: 100%;
    margin: auto;
    display: block;
}


.cv-pre-right {
    width: -webkit-calc(100% - 200px);
    width: expression(100% - 200px);
    width: -moz-calc(100% - 200px);
    width: -o-calc(100% - 200px);
    width: calc(100% - 200px);
    float: left;
    padding: 0 0 0 53px;
}

.cv-pre-contact-left {
    float: left;
    width: 100%;
}

.cv-pre-contact-left ul {
    float: left;
    width: 100%;
}

.cv-pre-contact-left ul li {
    float: left;
    width: 100%;
    margin: 0 0 7px 0;
    line-height: 20px;
    color: #666666;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.2px;
}

.cv-pre-contact-left ul li i {
    color: #15336e;
    font-size: 14px;
    font-family: "Fontawesome";
    margin-right: 8px;
}

.cv-pre-name {
    float: left;
    width: 100%;
    margin: 0 0 2px 0;
}

.cv-pre-name span {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    color: #15336e;
    font-size: 44px;
    letter-spacing: -0.2px;
    line-height: 47px;
}

.cv-pre-short-info {
    float: left;
    width: 100%;
    padding: 0 0 0 36px;
    margin: 0 0 35px 0;
}

.cv-pre-short-info ul {
    float: left;
    width: 100%;
}

.cv-pre-short-info ul li {
    float: left;
    width: auto;
    position: relative;
    padding-right: 5px;
    margin-right: 10px;
    line-height: 16px;
    color: #999999;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.2px;
}

.cv-pre-short-info ul li:after {
    position: absolute;
    right: 0;
    line-height: 16px;
    color: #999999;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.2px;
}

.cv-pre-short-info ul li i {
    margin-left: 3px;
    font-family: "Fontawesome";
    color: #999999;
    font-size: 14px;
}

.cv-pre-short-info ul li:last-child:after {
    display: none;
}

.cv-pre-desc {
    float: left;
    width: 100%;
    margin: 0 0 35px 0;
}

.cv-pre-desc p {
    font-family: 'Merriweather', serif;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    font-style: italic;
    font-weight: 400;
}

.cv-pre-desc p:last-child {
    margin-bottom: 0;
}

.cv-pre-desc img:first-child {
    margin-right: 10px;
    margin-bottom: 9px;
    margin-top: 5px;
    float: left;
}

.cv-pre-contact-info {
    float: left;
    width: 100%;
    margin: 0 0 36px 0;
}

.cv-pre-contact-info ul {
    float: left;
    width: 100%;
}

.cv-pre-contact-info ul li {
    float: left;
    width: 100%;
    margin: 0 0 6px 0;
    font-family: 'Titillium Web', sans-serif;
    color: #666666;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.2px;
    font-weight: 400;
}

.preview-adress {
    float: left;
    width: 16px;
    height: 14px;
    background: url('/Content/Theme/Site/img/preview-adress.png') no-repeat center center;
    margin: 0 14px 0 0;
}

.cv-pre-contact-info ul li i {
    color: #15336e;
    font-size: 14px;
    margin: 0 14px 0 0;
}

.cv-pre-area {
    float: left;
    width: 100%;
    padding: 10px 0 10px 0;
    margin: 0 0 32px 0;
}

.cv-pre-list-title {
    float: left;
    width: 100%;
    padding: 0 0 56px 0;
    position: relative;
}

.cv-pre-list-title span {
    font-weight: 300;
    color: #274b8d;
    letter-spacing: -0.2px;
    font-size: 24px;
    font-family: 'Titillium Web', sans-serif;
    line-height: 40px;
    z-index: 2;
    width: -webkit-calc(100% - 58px);
    width: expression(100% - 58px);
    width: -moz-calc(100% - 58px);
    width: -o-calc(100% - 58px);
    width: calc(100% - 58px);
    padding-right: 16px;
}

.title-left {
    position: absolute;
    left: 0;
    background: #ffffff;
}

.cv-pre-list-title .line {
    position: absolute;
    left: 0;
    top: 1em;
    height: 1px;
    width: 100%;
    background-color: #b7d2e5;
    display: block;
    content: '';
    z-index: 0;
}

.cv-pre-list-title i {
    width: 40px;
    height: 40px;
    border: 2px solid #83a4e0;
    margin: 0 0 0 0;
    line-height: 40px;
    float: left;
    margin-right: 16px;
    color: #83a4e0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 38px;
    text-align: center;
}

.cv-pre-list-education {
    float: left;
    width: 100%;
}

.cv-pre-list-education ul {
    float: left;
    width: 100%;
}

.cv-pre-list-education ul li {
    float: left;
    width: 25%;
    padding-right: 20px;
    margin: 0 0 20px 0;
    font-weight: 400;
    color: #666666;
    font-size: 16px;
    letter-spacing: -0.2px;
}

.cv-pre-list-education ul li:first-child {
    font-weight: 700;
    color: #15336e;
    font-size: 16px;
    letter-spacing: -0.2px;
    max-width: 25%;
}

.cv-pre-list-education ul li:nth-child(2) {
    font-weight: 600;
}

.cv-pre-list-work-experience {
    float: left;
    width: 100%;
}

.cv-pre-list-work-experience ul {
    float: left;
    width: 100%;
}

.cv-pre-list-work-experience ul li {
    float: left;
    width: 20%;
    padding-right: 20px;
    margin: 0 0 20px 0;
    font-weight: 400;
    color: #666666;
    font-size: 16px;
    letter-spacing: -0.2px;
    max-width: 180px;
}

.cv-pre-list-work-experience ul li span {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #999999;
    letter-spacing: 0;
}

.cv-pre-list-work-experience ul li:first-child {
    font-weight: 700;
    color: #15336e;
    font-size: 16px;
    letter-spacing: -0.2px;
    float: left;
    width: 100%;
    max-width: 100%;
}

.cv-pre-list-references {
    float: left;
    width: 100%;
}

.cv-pre-list-references ul {
    float: left;
    width: 100%;
}

.cv-pre-list-references ul li {
    float: left;
    width: 20%;
    padding-right: 20px;
    margin: 0 0 20px 0;
    font-weight: 400;
    color: #666666;
    font-size: 16px;
    letter-spacing: -0.2px;
    max-width: 155px;
}

.cv-pre-list-references ul li:first-child {
    font-weight: 700;
    color: #15336e;
    font-size: 16px;
    letter-spacing: -0.2px;
}

.cv-pre-right .cv-pre-area:last-child {
    margin: 0 0 0 0;
}

.cv-pre-buttons-cvr {
    float: left;
    width: 100%;
}

.cv-pre-buttons {
    float: right;
    width: auto;
}

.cv-pre-view {
    border: 1px solid #83a4e0;
    float: left;
    width: 197px;
    margin: 0 18px 0 0;
}

.cv-pre-view a {
    padding: 11px 15px 11px 15px;
    float: left;
    width: 100%;
    color: #274b8d;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.2px;
    line-height: 16px;
    font-family: 'Titillium Web', sans-serif;
}

.cv-pre-view span {
    color: #274b8d;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.2px;
    line-height: 16px;
    font-family: 'Titillium Web', sans-serif;
}

.cv-pre-view i {
    margin-right: 8px;
    float: left;
}

.document {
    width: 12px;
    height: 16px;
    background: url('/Content/Theme/Site/img/document.png') no-repeat center center;
    margin-top: 0px;
}

.cv-pre-print {
    border: 1px solid #83a4e0;
    float: left;
    width: 197px;
    margin: 0 18px 0 0;
}

.cv-pre-print a {
    padding: 11px 15px 11px 15px;
    float: left;
    width: 100%;
    color: #274b8d;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.2px;
    line-height: 16px;
    font-family: 'Titillium Web', sans-serif;
}

.cv-pre-print span {
    color: #274b8d;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.2px;
    line-height: 16px;
    font-family: 'Titillium Web', sans-serif;
}

.cv-pre-print i {
    margin-right: 8px;
    float: left;
    font-size: 14px;
}


.cv-pre-close {
    float: left;
    width: 183px;
    margin: 0 0 0 0;
    background: #274b8d;
}

.cv-pre-close a {
    padding: 11px 15px 11px 15px;
    float: left;
    width: 100%;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.2px;
    line-height: 16px;
    font-family: 'Titillium Web', sans-serif;
}

.cv-pre-close span {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.2px;
    line-height: 16px;
    font-family: 'Titillium Web', sans-serif;
}

.cv-pre-close i {
    margin-right: 8px;
    float: left;
    font-size: 16px;
}

.cv-pre-view:hover {
    background: #274b8d;
    border: 1px solid #274b8d;
}

.cv-pre-view:hover .document {
    background: url('/Content/Theme/Site/img/document-hover.png') no-repeat center center;
}

.cv-pre-view:hover a {
    color: #fff;
}

.cv-pre-print:hover {
    background: #274b8d;
    border: 1px solid #274b8d;
}

.cv-pre-print:hover a {
    color: #fff;
}

.cv-pre-close:hover {
    background: #fff;
    border: 1px solid #83a4e0;
}

.cv-pre-close:hover a {
    color: #274b8d;
}


.pro-colors {
    float: left;
    width: 100%;
    padding: 25px 0 0 0;
    margin: 40px 0 0 0;
    border-top: 1px solid #f1f1f1;
}

.pro-colors ul {
    float: left;
    width: 100%;
    list-style-type: none;
    margin: 0 0 0 0;
}

.pro-colors ul li {
    float: left;
    width: auto;
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0 0 0 20px;
    position: relative;
    color: #a4a4a4;
    font-size: 13px;
    margin-right: 30px;
}

.pro-colors ul li:after {
    font-family: FontAwesome;
    font-size: 13px;
    color: #929191;
    position: absolute;
    left: 0;
    top: 0;
}

.pro-colors ul li:nth-child(even):after {
    content: '\f1fb';
}

.pro-colors ul li:nth-child(odd):after {
    content: '\f02a';
}

.news-detail-image {
    width: 250px;
    margin-right: 20px;
    max-width: 100%;
    height: auto;
    float: left;
}

.news-detail-text {
    float: left;
    width: 100%;
    padding: 0 0 20px 0;
}

.news-go-back a {
    color: #666;
    margin-bottom: 20px;
    float: right;
}

html:lang(en) .main-nav ul > li > a {
    padding: 16px 21px;
   
}

.mobile-header-lang{
    display:none;
}
/* MEDIA */

@media (max-width: 1300px) {
    .main-nav ul > li > a {
        padding: 16px 20px;
    }
    html:lang(en) .main-nav ul > li > a {
    padding: 16px 14px;
}
        html:lang(ru) .main-nav ul > li > a{
    padding: 16px 9px;
    font-size:13px;
}
}

@media (max-width: 1199px) {
    .hl-item h3 {
        font-size: 15px;
    }

    .nps-item {
        padding: 0 10px;
    }

    .page-title,
    .page-nav {
        width: 100%;
    }

    .page-nav {
        margin-top: 10px;
        float: left;
    }

    .main-nav ul > li > a {
        font-size: 14px;
        padding: 16px 14px;
    }
        html:lang(en) .main-nav ul > li > a {
    padding: 16px 9px;
}
}

@media (max-width: 991px) {
    .main-nav ul > li > a {
        font-size: 10px;
        padding: 16px 14px;
    }

    .nav-product-title {
        position: absolute;
        right: 10px;
        left: 10px;
        bottom: 20px;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        z-index: 3;
    }

    .main-slider .item {
        height: 396px;
        height: 41vw;
    }

    .main-slider .item::before {
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        -webkit-transform: skew(0deg) translateX(100%);
        transform: skew(0deg) translateX(100%);
    }

    .main-slider .owl-item.active .item::before {
        -webkit-transform: skew(0deg) translateX(0);
        transform: skew(0deg) translateX(0);
    }

    .slide-text {
        width: 100%;
        text-align: center;
        max-width: inherit;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .main-slider .owl-controls {
        display: none !important;
    }

    .slide-title {
        font-size: 3.6vw;
    }

    .slide-desc {
        font-size: 2.3vw;
    }

    .hl-item:first-child {
        padding: 20px 40px;
    }

    .carrer-form-section {
        padding-left: 0;
    }

    .carrer-form-section::before,
    .cfs-icon {
        display: none;
    }

   

    /*.header-lang {
        display: none;
    }*/

    .header-lang .dropdown a{
        float:right;
        font-size:11px;
    }
      html:lang(ru) .main-nav ul > li > a {
        padding: 16px 6px;
        font-size: 11px;
        letter-spacing: -0.5px;
}
       html:lang(ru) .main-nav ul > li.has-nav-dropdown > a::before {
    right: -4px;
}
}

@media (max-width: 767px) {
    .mobile-menu,
    .hamburger {
        display: block;
    }

    .page-content {
        padding: 0 15px;
    }

    .main-footer {
        padding: 0 15px;
        text-align: center;
    }

    .footer-logo,
    .social-links,
    .social-links ul li,
    .social-links ul li a,
    .hdr-tel,
    .for-professional,
    .hdr-search-button {
        float: none;
    }

    .social-links ul li,
    .social-links ul li a {
        display: inline-block;
    }

    .hdr-tel,
    .for-professional,
    .hdr-search-button {
        display: inline-block;
        margin-top: 10px;
    }

    .mf-address,
    .mf-social,
    .mf-contact {
        margin-top: 20px;
    }

    .main-link-list {
        margin-bottom: 25px;
    }

    .home-products-title,
    .new-product-slider {
        padding: 0 15px;
    }

    .header-bottom {
        display: none;
    }

    .logo {
        width: 100%;
        text-align: left;
    }

    .header-top,
    .header-menu {
        width: 100%;
        text-align: center;
    }

    .header-top {
        padding: 15px;
    }

    .search-button,
    .search-close-button {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .product-banner {
        height: auto;
        min-height: 120px;
    }

    .carrer-form-section {
        padding-left: 15px;
        padding-right: 15px;
    }

    .calculate-popup-inner {
        width: 87%;
        background-image: none;
        min-height: inherit;
        padding: 15px 30px;
    }

    .cpi-button {
        display: block;
        margin: 10px 0 0 0;
    }

    .cpi-section,
    .cpi-section input,
    .cpi-result,
    .cpi-feature,
    .cpi-info-title,
    .cpi-info-desc,
    .cpi-link {
        font-size: 14px;
    }

    .calculate-popup-close {
        right: 0;
    }

    .cpi-section input {
        display: block;
    }

    .calculate-popup .page-title {
        font-size: 20px;
    }

    .calculate-popup .page-subtitle {
        font-size: 18px;
        margin: 0 0 10px;
    }

    .cpi-result {
        margin: 10px 0;
    }

    .page-left {
        margin-top: 20px;
    }

    .inner-gallery li {
        width: 50%;
        padding-right: 20px;
        padding-left: 20px;
        margin: 0 0 20px 0;
    }

    .mobile-header-lang{
    display:block;
        position: absolute;
    right: 7px;
    top: 75px;
}
}
@media (max-width: 560px) {
    .mobile-header-lang{
        top:12px;
        right:70px;
    }
}


@media (max-width: 469px) {
    .slide-title {
        font-size: 6vw;
    }

    .slide-desc {
        font-size: 5vw;
        padding: 0 10px;
    }

    .inner-gallery li {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        margin: 0 0 20px 0;
    }
    .main-slider .item {
        height: 55vw;
    }
    .nps-image img {
        width: 100%;
        max-width: inherit;
    }
}
@media (max-width: 400px) {
    .mobile-header-lang {
           top: 110px;
           right: 8px
    }
}
@media (max-width: 360px) {
    .hdr-tel, .for-professional, .hdr-search-button {
       
        float: left;
    }
}

@media (max-width: 318px) {
   .mobile-header-lang {
    top: 71px;
    right: 8px;
}
}
@media (max-height: 640px) {
    .calculate-popup {
        overflow-y: auto;
    }

    .calculate-popup-inner {
        top: 5%;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
}

/* MIN WIDTH */

@media (min-width: 768px) {
    .page-left {
        position: relative;
    }

    .page-left::after,
    .product-banner::after {
        content: "";
        position: absolute;
        width: 115px;
        right: -115px;
        top: 0;
        bottom: 0;
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.09)), color-stop(8%, rgba(255,255,255,0.16)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(left, rgba(0,0,0,0.09) 0%, rgba(255,255,255,0.16) 8%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(0,0,0,0.09) 0%, rgba(255,255,255,0.16) 8%, rgba(255,255,255,1) 100%);
    }

    .page-right {
        padding-left: 50px;
        z-index: 1;
    }

    .page-menu {
        margin-top: -67px;
    }

    .product-banner {
        padding-left: 50px;
        position: relative;
        z-index: 1;
    }

    .product-banner::after {
        right: auto;
        left: 0;
        z-index: -1;
    }

    .product-detail {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (min-width: 1200px) {
    .page-left {
        width: 21.7%;
        right: 78.3%;
    }

    .page-right {
        width: 78.3%;
        left: 21.7%;
    }
}

@media (min-width: 1300px) {
    .container {
        width: 1280px;
    }

    .hl-item a {
        padding: 37px 75px 36px 40px;
    }

    .hl-item:first-child {
        padding: 24px 40px;
    }

    .hl-dropdown a {
        padding: 10px 25px;
    }

    .product-slider-wrapper .row {
        margin: 0 -24px;
    }

    .new-product-slider .nps-inner {
        padding: 0 24px;
    }
}