* { margin: 0; padding: 0; outline: none; vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-focus-ring-color: rgba(0, 0, 0, 0); }
*::-moz-focus-inner { border: 0; padding: 0; }
*:focus { outline: none; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }
audio, canvas, progress, video, iframe, img, svg { display: inline-block; vertical-align: middle; }
audio:not([controls]) { display: none; height: 0; }
video { vertical-align: top; width: 100%; }


/*--- fonts ------------------------------------------------------------------------------------------*/
@font-face {
   font-family: 'robotolight';
   src: url("fonts/RobotoLight.eot");
   src: url("fonts/RobotoLight.eot?#iefix")format("embedded-opentype"),
   url("fonts/RobotoLight.woff") format("woff"),
   url("fonts/RobotoLight.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
}
@font-face {
   font-family: 'robotoregular';
   src: url('fonts/roboto-regular-robreg.eot');
   src: url('fonts/roboto-regular-robreg.eot?#iefix') format('embedded-opentype'),
      url('fonts/roboto-regular-robreg.svg') format('svg'),
      url('fonts/roboto-regular-robreg.woff') format('woff'),
      url('fonts/roboto-regular-robreg.ttf') format('truetype');
}
@font-face {
   font-family: 'robotomedium';
   src: url('fonts/roboto-medium-webfont.eot');
   src: url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
      url('fonts/roboto-medium-webfont.woff') format('woff'),
      url('fonts/roboto-medium-webfont.ttf') format('truetype'),
      url('fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'robotobold';
   src: url("fonts/RobotoBold.eot");
   src: url("fonts/RobotoBold.eot?#iefix")format("embedded-opentype"),
   url("fonts/RobotoBold.woff") format("woff"),
   url("fonts/RobotoBold.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
}
@font-face {
   font-family: 'DINProLight';
   src: url('fonts/DINProLight.eot');
   src: local('☺'), url('fonts/DINProLight.woff') format('woff'), url('fonts/DINProLight.ttf') format('truetype'), url('fonts/DINProLight.svg') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'DINProRegular';
   src: url('fonts/DINPro-Regular.eot');
   src: url('fonts/DINPro-Regular.eot') format('embedded-opentype'),
      url('fonts/DINPro-Regular.woff') format('woff'),
      url('fonts/DINPro-Regular.ttf') format('truetype');
}
/* if font-size: 20px */
@font-face {
   font-family: 'DINPro-Reg20';
   src: url('fonts/DINPro-Regular.eot');
   src: local('☺'), url('fonts/DINPro-Regular.woff') format('woff'), url('fonts/DINPro-Regular.ttf') format('truetype'), url('fonts/DINPro-Regular.svg') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'DINProMedium';
   src: url('fonts/DINProMedium.eot');
   src: url('fonts/DINProMedium.eot') format('embedded-opentype'),
      url('fonts/DINProMedium.woff2') format('woff2'),
      url('fonts/DINProMedium.woff') format('woff'),
      url('fonts/DINProMedium.ttf') format('truetype'),
      url('fonts/DINProMedium.svg#DINProMedium') format('svg');
}
@font-face {
   font-family: 'DINProBold';
   src: url('fonts/DINProBold.eot');
   src: url('fonts/DINProBold.eot') format('embedded-opentype'),
      url('fonts/DINProBold.woff2') format('woff2'),
      url('fonts/DINProBold.woff') format('woff'),
      url('fonts/DINProBold.ttf') format('truetype'),
      url('fonts/DINProBold.svg#DINProBold') format('svg');
}
@font-face {
   font-family: 'DINProBlack';
   src: url('fonts/DINProBlack.eot');
   src: url('fonts/DINProBlack.eot') format('embedded-opentype'),
      url('fonts/DINProBlack.woff2') format('woff2'),
      url('fonts/DINProBlack.woff') format('woff'),
      url('fonts/DINProBlack.ttf') format('truetype'),
      url('fonts/DINProBlack.svg#DINProBlack') format('svg');
}
@font-face {
   font-family: 'MyriadProRegular';
   src: url('fonts/MyriadProRegular.eot');
   src: url('fonts/MyriadProRegular.eot') format('embedded-opentype'),
      url('fonts/MyriadProRegular.woff2') format('woff2'),
      url('fonts/MyriadProRegular.woff') format('woff'),
      url('fonts/MyriadProRegular.ttf') format('truetype'),
      url('fonts/MyriadProRegular.svg#MyriadProRegular') format('svg');
}
/*100*/
@font-face {
   font-family: "MuseoSansLight";
   src: url("fonts/MuseoSansLight/MuseoSansLight.eot");
   src: url("fonts/MuseoSansLight/MuseoSansLight.eot?#iefix")format("embedded-opentype"),
   url("fonts/MuseoSansLight/MuseoSansLight.woff") format("woff"),
   url("fonts/MuseoSansLight/MuseoSansLight.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
}
/*300*/
@font-face {
   font-family: "MuseoSansRegular";
   src: url("fonts/MuseoSansRegular/MuseoSansRegular.eot");
   src: url("fonts/MuseoSansRegular/MuseoSansRegular.eot?#iefix")format("embedded-opentype"),
   url("fonts/MuseoSansRegular/MuseoSansRegular.woff") format("woff"),
   url("fonts/MuseoSansRegular/MuseoSansRegular.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
}
/*500*/
@font-face {
   font-family: "MuseoSansMedium";
   src: url("fonts/MuseoSansMedium/MuseoSansMedium.eot");
   src: url("fonts/MuseoSansMedium/MuseoSansMedium.eot?#iefix")format("embedded-opentype"),
   url("fonts/MuseoSansMedium/MuseoSansMedium.woff") format("woff"),
   url("fonts/MuseoSansMedium/MuseoSansMedium.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
}
/*700*/
@font-face {
   font-family: "MuseoSansBold";
   src: url("fonts/MuseoSansBold/MuseoSansBold.eot");
   src: url("fonts/MuseoSansBold/MuseoSansBold.eot?#iefix")format("embedded-opentype"),
   url("fonts/MuseoSansBold/MuseoSansBold.woff") format("woff"),
   url("fonts/MuseoSansBold/MuseoSansBold.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
}
/*900*/
@font-face {
   font-family: "MuseoSansBlack";
   src: url("fonts/MuseoSansBlack/MuseoSansBlack.eot");
   src: url("fonts/MuseoSansBlack/MuseoSansBlack.eot?#iefix")format("embedded-opentype"),
   url("fonts/MuseoSansBlack/MuseoSansBlack.woff") format("woff"),
   url("fonts/MuseoSansBlack/MuseoSansBlack.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
}


/*--- global ------------------------------------------------------------------------------------------*/
html, body { height: 100%; }
body { background: #fff; color: #043646; font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 18px; line-height: 135%; }

@media all and (max-width: 870px) {
   body { font-size: 16px; line-height: 130%; }
}

*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

img { border: 0; max-width: 100%; }
.img-left { float: left; margin: 0 20px 20px 0; }
.img-right { float: right; margin: 0 0 20px 20px; }

@media all and (max-width: 767px) {
   .img-left, .img-right { display: block; float: none; margin: 0 auto 20px; }
}

svg:not(:root) { overflow: hidden; }


/*--- typography --------------------------------------------------------------------------------------*/
a { color: #fe745c; text-decoration: none; text-decoration-skip-ink: none; }
   a:hover { color: #043646; outline: none; }

p { padding: 0 0 24px; }

@media all and (max-width: 767px) {
   p { padding-bottom: 15px; }
}

ol, ul { margin: 0 0 16px 20px; padding: 0; list-style-position: outside; }
ol li, ul li { padding: 0 0 24px; }
ul { list-style-type: square; }

/* list with blue markers */
ul.blue-marker, ul.red-marker, ul.grey-marker { margin: 0 0 16px; list-style: none; }
ul.blue-marker li, ul.red-marker li, ul.grey-marker li { display: block; position: relative; padding-left: 26px; }
   ul.blue-marker li:before, ul.red-marker li:before, ul.grey-marker li:before { display: block; content: ''; font-size: 0; width: 10px; height: 10px; position: absolute; top: 8px; left: 0; }
   ul.blue-marker li:before { background-color: #3fa9f5; }
   ul.red-marker li:before { background-color: #ed1c24; }
   ul.grey-marker li:before { background-color: #4d4d4d; }

/*numeric list with decor*/
ol.decor-ol {margin: 40px 0; padding: 0; counter-reset: li; list-style: none;}
   ol.decor-ol li {position: relative; padding: 0 0 0 65px; margin: 0 0 25px;}
   ol.decor-ol li:last-child {margin-bottom: 0;}
      ol.decor-ol li:before {content: counter(li); counter-increment: li; position: absolute; top: 3px; left: 0; width: 44px; height: 44px; border-radius: 100%; background: #ff4c68; font-family: "MuseoSansBold"; font-size: 24px; line-height: 44px; color: #fff; text-align: center;}

@media all and (max-width: 375px) {
   ol.decor-ol {margin: 30px 0;}
      ol.decor-ol li {padding-left: 45px; margin-bottom: 20px;}
         ol.decor-ol li:before {width: 34px; height: 34px; line-height: 34px; font-size: 20px;}
}

h1, .h1 { font-family: 'DINProLight'; font-size: 85px; line-height: 100%; font-weight: normal; color: #043646; margin: 0 0 42px; padding: 0; }
h2, .h2 { font-family: 'DINProRegular'; font-size: 50px; line-height: 116%; font-weight: normal; color: #043646; margin: 0 0 32px; padding: 0; }
h3, .h3 { font-family: 'DINProRegular'; font-size: 40px; line-height: 115%; font-weight: normal; color: #043646; margin: 0 0 25px; padding: 0; text-transform: uppercase; }
h4, .h4 { font-family: 'DINProRegular'; font-size: 30px; line-height: 120%; font-weight: normal; color: #043646; margin: 0 0 17px; padding: 0; }
h5, .h5 { font-family: 'DINProBold'; font-size: 20px; line-height: 120%; font-weight: normal; color: #043646; margin: 0 0 13px; padding: 0; }
h6, .h6 { font-family: 'DINProBold'; font-size: 18px; line-height: 120%; font-weight: normal; color: #043646; margin: 0 0 17px; padding: 0; text-transform: uppercase; }

@media all and (min-width: 1025px) and (max-width: 1240px) {
   h1, .h1 { font-size: 68px; }
   h3, .h3 { font-size: 36px; }
}
@media all and (min-width: 960px) and (max-width: 1024px) {
   h1, .h1 { font-size: 56px; }
   h3, .h3 { font-size: 36px; }
}
@media all and (min-width: 768px) and (max-width: 959px) {
   h1, .h1 { font-size: 54px; }
   h3, .h3 { font-size: 30px; line-height: 118%; }
}
@media all and (min-width: 481px) and (max-width: 767px) {
   h1, .h1 { font-size: 40px; margin-bottom: 28px; }
   h2, .h2 { font-size: 34px; line-height: 110%; }
   h3, .h3 { font-size: 22px; line-height: 150%; }
   h4, .h4 { font-size: 20px; line-height: 120%; }
   h5, .h5 { font-size: 18px; line-height: 120%; }
   h6, .h6 { font-size: 16px; line-height: 150%; }
}
@media all and (max-width: 480px) {
   h1, .h1 { font-size: 34px; line-height: 110%; margin-bottom: 35px; }
   h2, .h2 { font-size: 28px; line-height: 110%; margin-bottom: 20px; }
   h3, .h3 { font-size: 20px; line-height: 146%; margin-bottom: 20px; }
   h4, .h4 { font-size: 18px; line-height: 130%; margin-bottom: 20px; }
   h5, .h5 { font-size: 16px; line-height: 130%; margin-bottom: 25px; }
   h6, .h6 { font-size: 16px; line-height: 140%; margin-bottom: 25px; }
}


b, strong { font-family: 'DINProBold';  font-weight: normal; }
em, i, cite, dfn {font-style: italic;}

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/*--- inputs and textarea styles ----------------------------------------------------------------------*/
input:active, input:focus, textarea, textarea:active, textarea:focus, button, button:active, button:focus { -webkit-appearance: none; outline: none; }
input::-ms-clear { display: none; }
input:invalid, textarea:invalid { box-shadow: none; }
button, input[type="button"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button, select { text-transform: none; }
input { line-height: normal; }

*:disabled, button[disabled], html input[disabled] { cursor: default; }

input[type="text"], input[type="name"], input[type="email"], input[type="url"], input[type="tel"], textarea { background: #fff; border: 1px solid #333; width: 100%; margin: 0 0 25px; padding-left: 10px; padding-right: 10px; color: #4d4d4d; font-family: 'DINProLight'; font-size: 18px; line-height: 130%; vertical-align: top; border-radius: 0; }
input[type="text"], input[type="name"], input[type="email"], input[type="url"], input[type="tel"] { height: 42px; }
   /*--- disappearing placeholder ---*/
   input::-webkit-input-placeholder { color: #4d4d4d; opacity: 1; }
   input::-moz-placeholder { color: #4d4d4d; opacity: 1; }
   input:-moz-placeholder { color: #4d4d4d; opacity: 1; }
   input:-ms-input-placeholder { color: #4d4d4d; opacity: 1; }
   input:focus::-webkit-input-placeholder { opacity: 0; }
   input:focus::-moz-placeholder { opacity: 0; }
   input:focus:-moz-placeholder { opacity: 0; }
   input:focus:-ms-input-placeholder { opacity: 0; }

input.index-red { font-weight: bold; color: #ff0000 !important; border: 1px solid red !important; }

textarea { resize: none; padding-top: 9px; padding-bottom: 9px; height: 125px; }
   /*--- disappearing placeholder ---*/
   textarea::-webkit-input-placeholder { color: #4d4d4d; opacity: 1; }
   textarea::-moz-placeholder { color: #4d4d4d; opacity: 1; }
   textarea:-moz-placeholder { color: #4d4d4d; opacity: 1; }
   textarea:-ms-input-placeholder { color: #4d4d4d; opacity: 1; }
   textarea:focus::-webkit-input-placeholder { opacity: 0; }
   textarea:focus::-moz-placeholder { opacity: 0; }
   textarea:focus:-moz-placeholder { opacity: 0; }
   textarea:focus:-ms-input-placeholder { opacity: 0; }

@media all and (max-width: 870px) {
   input[type="text"], input[type="name"], input[type="email"], input[type="url"], input[type="tel"], textarea { font-size: 16px; line-height: 130%; }
}
@media all and (max-width: 767px) {
   input[type="text"], input[type="name"], input[type="email"], input[type="url"], input[type="tel"], textarea { margin-bottom: 20px; }
}


/*--- radio and checkbox styles ----------------------------------------------------------------------*/
.input-line { margin: 0 0 25px; text-align: left; }

label { -moz-user-select: none; user-select: none; }

/* common */
input[type="checkbox"], input[type="radio"] { display: none; }
input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; position: relative; cursor: pointer; -moz-user-select: none; user-select: none; line-height: 130%; padding: 0 0 0 27px; text-align: left; }
   input[type="checkbox"] + label:before, input[type="checkbox"] + label:after, input[type="radio"] + label:before, input[type="radio"] + label:after { display: block; content: ''; font-size: 0; position: absolute; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
   input[type="checkbox"] + label:before, input[type="radio"] + label:before { width: 14px; height: 14px; background: #fff; border: 1px solid #333; left: 0; }
   input[type="checkbox"] + label:after, input[type="radio"] + label:after { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); }
   input[type="checkbox"]:checked + label:after, input[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }

/* only checkbox */
input[type="checkbox"] + label:before { top: 4px; }
input[type="checkbox"] + label:after { width: 10px; height: 10px; background: url(../i/checked.png) 50% 50% no-repeat; -webkit-background-size: contain; background-size: contain; top: 6px; left: 2px; }

/* only radio */
input[type="radio"] + label:before { top: 4px; border-radius: 50%; }
input[type="radio"] + label:after { width: 8px; height: 8px; border-radius: 50%; background: #fe745c; top: 7px; left: 3px; position: absolute; }

@media all and (max-width: 870px) {
   input[type="checkbox"] + label:before { top: 2px; }
   input[type="checkbox"] + label:after { top: 4px; }
   input[type="radio"] + label:before { top: 2px; }
   input[type="radio"] + label:after { top: 5px; }
}
@media all and (max-width: 767px) {
   .input-line { margin-bottom: 20px; }
}

/*file upload*/
input[type="file"] {position: absolute; z-index: 0; top: 0px; right: 0px; width: 100%; height: 100%; opacity: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; cursor: pointer;}
.jq-file__name {width: 100%; max-width: 100%; text-align: left; /*white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis;}


/*--- table ------------------------------------------------------------------------------------------*/
table { border-collapse: collapse; border-spacing: 0; }
th, td { padding: 15px 20px 15px 0; }
th { font-weight: normal; text-align: left; }
td { border-top: 1px solid #b3b3b3; }

/*----- adaptive table -----*/
.rtable { border-collapse: collapse; border-spacing: 0; display: inline-block; max-width: 100%; overflow-x: auto; vertical-align: top; white-space: nowrap; background-attachment: scroll, scroll; background-clip: border-box, border-box; background-color: rgba(0, 0, 0, 0); background-image: radial-gradient(ellipse at left center , rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%), radial-gradient(ellipse at right center , rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%); background-origin: padding-box, padding-box; background-position: 0 center, 100% center; background-repeat: no-repeat; background-size: 10px 100%, 10px 100%; }
.rtable td:first-child, .rtable th:first-child { background-image: linear-gradient(to right, white 50%, rgba(255, 255, 255, 0) 100%); background-repeat: no-repeat; background-size: 20px 100%; }
.rtable td:last-child, .rtable th:last-child { background-image: linear-gradient(to left, white 50%, rgba(255, 255, 255, 0) 100%); background-position: 100% 0; background-repeat: no-repeat; background-size: 20px 100%; }


/*--- general classes --------------------------------------------------------------------------------*/
.a-n-t-i-s-p-a-m { display: none !important; }

.clear:before, .clear:after { content: " "; display: table;}
.clear:after { clear: both; }

.cl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

.easing, .easing *, a { -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.easing03, .easing03 *, .easing03:before, .easing03 *:before, .easing03:after, .easing03 *:after { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.easing05, .easing05 *, .easing05:before, .easing05 *:before, .easing05:after, .easing05 *:after { -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }

.fl { float: left; }
.fr { float: right; }

/* simulation of tables */
.tb, .tb-adaptive { display: table; width: 100%; }
.tb-adaptive { table-layout: fixed; }
   .tb-row { display: table-row; }
      .tb-cell { display: table-cell; }
      .tb-adaptive .tb-cell { padding: 15px; }

/* .tb.t-adaptive */
@media all and (min-width: 768px) {
   .tb-adaptive .tb-cell:first-child { padding-left: 0; }
   .tb-adaptive .tb-cell:last-child { padding-right: 0; }
}
@media all and (max-width: 767px) {
   .tb-adaptive, .tb-adaptive .tb-row, .tb-adaptive .tb-cell { display: block; width: 100%; }
   .tb-adaptive .tb-cell { padding: 20px 0; }
}

/* for the entire width of the block */
.jf {text-align: justify; position: relative;}
   .jf:after {width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block;}
   .jf > * {display: inline-block; vertical-align: top; text-align: left;}

.ttu { text-transform: uppercase; }
.txt-black { font-family: 'DINProBlack'; }
.txt-orange { color: #ff931e; }

.quote { display: block; position: relative; margin: 27px 0 58px 30px; padding-left: 42px; border-left: 6px solid #fe745c; color: inherit; font-family: 'DINProLight'; font-size: 50px; line-height: 120%; }

/*----- buttons : start -----*/
.btn, .btn-base, .btn-base *, .btn-white, .btn-white *, .btn-hollow, .btn-hollow *, .btn-mini, .btn-mini * { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-align: center; cursor: pointer; }
a.btn {display: inline-block; text-decoration: none;}
a.btn span {display: inline-block; vertical-align: middle; line-height: 1;}

/* btn-base - RED */
.btn-base { display: inline-block; max-width: 100%; position: relative; background: none; padding: 3px; border: 1px solid #b3b3b3; border-radius: 30px; color: #fff; font-size: 0; line-height: 0; text-decoration: none; text-align: center; overflow: hidden; }
   .btn-base > span, .btn-base input[type="submit"], .btn-base button { display: inline-block; vertical-align: middle; min-width: 218px; max-width: 100%; height: 44px; background-color: #fe745c; border: 0; border-radius: inherit; padding: 0 15px; color: inherit; font-family: 'robotoregular'; font-size: 16px; line-height: 44px; text-transform: uppercase; }
   .btn-base:hover { color: #fff; }
      .btn-base:hover > span, .btn-base:hover input[type="submit"], .btn-base:hover button { background-color: #e56953; }

/* btn-base-2 - WHITE */
.btn-base-2 { display: inline-block; max-width: 100%; position: relative; background: none; padding: 3px; border: 2px solid #fff; border-radius: 30px; color: #000; font-size: 0; line-height: 0; text-decoration: none; text-align: center; overflow: hidden; }
   .btn-base-2 > span, .btn-base-2 input[type="submit"], .btn-base-2 button { display: inline-block; vertical-align: middle; min-width: 218px; max-width: 100%; height: 44px; background-color: #fff; border: 0; border-radius: inherit; padding: 0 15px; color: inherit; font-family: 'robotoregular'; font-size: 16px; line-height: 44px; text-transform: uppercase; }
   .btn-base-2:hover { color: #fff; }
      .btn-base-2:hover > span, .btn-base-2:hover input[type="submit"], .btn-base-2:hover button { background-color: #e56953; }

/* btn-hollow - TRANSPARENT */
.btn-hollow { display: block; width: 218px; max-width: 100%; height: 45px; background-color: transparent; border: 2px solid #e56953; border-radius: 30px; text-align: center; text-decoration: none; text-transform: uppercase; color: #000; font-family: 'robotoregular'; font-size: 16px; line-height: 41px; overflow: hidden; }
   .btn-hollow:hover { background-color: #e56953; color: #fff; }

/* btn-mini - MINI RED */
.btn-mini { display: inline-block; min-width: 92px; max-width: 100%; height: 27px; padding: 0 15px; background-color: #fe745c; border: 0; border-radius: 30px; text-align: center; text-decoration: none; text-transform: none; color: #fff; font-family: 'robotoregular'; font-size: 14px; line-height: 26px; overflow: hidden; }
   .btn-mini:hover { background-color: #e56953; color: #fff; }

/*btn-border*/
.btn-border {display: inline-block; padding: 0 25px; height: 36px; line-height: 29px; border: 1px solid #121212; border-radius: 2em; text-decoration: none; font-family: 'robotoregular'; font-size: 18px; color: #121212;}
.btn-border:hover {background: #121212; color: #fff;}
   .btn-border span {display: inline-block; vertical-align: middle; line-height: 1;}
/*----- buttons : end -----*/

/*----- SVG Icon : start -----*/
.svg-box { display: inline-block; vertical-align: middle; position: relative; z-index: 5; }
   .svg-el {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}

.cls-1 { fill: none; stroke: #043646; }
   .box-hover:hover .cls-1 { stroke: #fe745c; }

.cls-2 { fill: #043646; }
   .box-hover:hover .cls-2 { fill: #fe745c; }

.cls-3 { fill: #fff; stroke: #043646; }
   .box-hover:hover .cls-3 { stroke: #fe745c; }
/*--- SVG Icon : end -----*/


/*====================================================
   Modal windows
====================================================*/
#thanks-message { text-align: center; padding-top: 20px; }

.counters { height: 0; overflow: hidden; visibility: hidden; }


/*====================================================
   fancyBox
====================================================*/
/*! fancyBox v2.1.6 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 50020; }
.fancybox-opened { z-index: 50030; }
   .fancybox-skin { position: relative; background: #f9f9f9; color: #444; border-radius: 4px; }
   .fancybox-opened .fancybox-skin { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
      .fancybox-outer, .fancybox-inner { position: relative; }
      .fancybox-inner { overflow: hidden; }
      .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
         .fancybox-error { color: #444; font-family: inherit; font-size: 14px; line-height: 20px; margin: 0; padding: 15px; white-space: nowrap; }
         .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
         .fancybox-image { max-width: 100%; max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../i/fancybox/fancybox_sprite.png"); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 50060; }
   #fancybox-loading div { width: 44px; height: 44px; background: url("../i/fancybox/fancybox_loading.gif") center center no-repeat; }

/* Function buttons */
.fancybox-close  {position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 50040; }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../i/fancybox/blank.gif"); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 50040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
   .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 50040; visibility: hidden; }
   .fancybox-prev span { left: 10px; background-position: 0 -36px; }
   .fancybox-next span { right: 10px; background-position: 0 -72px; }
      .fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: visible !important; width: auto; }
   .fancybox-lock body { overflow: hidden !important; }

.fancybox-lock-test { overflow-y: hidden !important; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 50000; background: url("../i/fancybox/fancybox_overlay.png"); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; font-family: inherit; font-size: 13px; line-height: 20px; position: relative; z-index: 10050; }
.fancybox-opened .fancybox-title { visibility: visible; }
   .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 50050; text-align: center; }
      .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); border-radius: 15px; color: #fff; font-weight: bold; line-height: 24px; white-space: nowrap; }
      .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
      .fancybox-title-inside-wrap { padding-top: 10px; }
      .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/* Retina graphics! */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
   only screen and (min--moz-device-pixel-ratio: 1.5),
   only screen and (min-device-pixel-ratio: 1.5){
      #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
         /*background-image: url("../i/fancybox/fancybox_sprite@2x.png");*/
         background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
      }
      #fancybox-loading div {
         background-image: url("../i/fancybox/fancybox_loading@2x.gif");
         background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
      }
}

/*----- window-modal : start -----*/
.modal-window .fancybox-skin { background: #ededed; color: #043646; border-radius: 0; }
   .modal-window .fancybox-inner { background: #ededed; color: #043646; border-radius: 0; padding-top: 50px; }

   /* fancybox-close */
   .modal-window .fancybox-close { width: 35px; height: 35px; top: 10px; right: 10px; background: #000; border-radius: 50%; }
      .modal-window .fancybox-close:before, .modal-window .fancybox-close:after { display: block; content: ''; font-size: 0; line-height: 0; position: absolute; top: 16px; width: 19px; height: 3px; background: #ededed; }
      .modal-window .fancybox-close:before { left: 8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
      .modal-window .fancybox-close:after { right: 8px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }

/*--- modal-form ---*/
.modal-form { width: 1123px; max-width: 100%; padding: 10px 20px 30px; font-family: 'robotoregular'; font-size: 18px; line-height: 140%; }
   .modal-form-in { position: relative; margin: 0 auto; width: 850px; max-width: 100%; }
      .modal-form-head { margin-bottom: 25px; }
         .modal-form-icon { width: 140px; height: 140px; margin: 0 auto 25px; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; border: 7px solid #fd755b; border-radius: 50%; overflow: hidden; text-align: center; line-height: 190px; }
            .modal-form-icon > * { display: inline-block; vertical-align: middle; }
         .modal-form-title { font-family: 'DINProRegular'; font-size: 42px; line-height: 100%; text-transform: uppercase; text-align: center; margin-bottom: 18px; }
         .modal-form-text { margin: 0 auto; max-width: 450px; text-align: left; }
            .modal-form-tt { font-family: 'robotomedium'; font-size: 22px; line-height: 110%; margin-bottom: 3px; }
         .modal-form-line { font-size: 0; line-height: 0; text-align: center; }
         .modal-form input[type="text"], .modal-form input[type="name"], .modal-form input[type="email"], .modal-form input[type="url"], .modal-form  input[type="tel"] { display: inline-block; vertical-align: middle; width: 48.825%; margin-left: 2.35%; }
         .modal-form input[type="text"], .modal-form input[type="name"], .modal-form input[type="email"], .modal-form input[type="url"], .modal-form  input[type="tel"], .modal-form textarea { border: 0; margin-bottom: 20px; }
         .modal-form input[type="text"]:nth-child(2n+1), .modal-form input[type="name"]:nth-child(2n+1), .modal-form input[type="email"]:nth-child(2n+1), .modal-form input[type="url"]:nth-child(2n+1), .modal-form  input[type="tel"]:nth-child(2n+1) { margin-left: 0; }
         .modal-form textarea { display: block; width: 100%; height: 100px; }
         .modal-form .btn-red { display: inline-block; vertical-align: top; position: relative; margin-top: 30px; width: auto; border-color: #fe745c; }
            .modal-form .btn-red > span, .modal-form .btn-red input[type="submit"] { display: inline-block; vertical-align: top; width: auto; min-width: 234px; height: 48px; font-size: 20px; line-height: 50px; text-transform: none; }


@media all and (min-width: 768px) and (max-width: 1024px) {
   .modal-form { width: auto; padding-top: 10px; padding-bottom: 50px; font-size: 16px; line-height: 130%; }
      .modal-form-icon { width: 130px; height: 130px; margin-bottom: 25px; }
      .modal-form-title { font-size: 40px; line-height: 100%; margin-bottom: 20px; }
}
@media all and (max-width: 767px) {
   .modal-form { width: auto; padding: 0 20px 17px; font-size: 13px; line-height: 130%; }
      .modal-form-in { width: auto; }
         .modal-form-head { margin-bottom: 20px; }
            .modal-form-icon { display: none; width: 100px; height: 100px; border-width: 5px; margin-bottom: 15px; }
            .modal-form-title { font-size: 24px; line-height: 100%; margin-bottom: 7px; }
            .modal-form-tt { font-size: 16px; line-height: 120%; margin-bottom: 5px; }
         .modal-form input[type="text"], .modal-form input[type="name"], .modal-form input[type="email"], .modal-form input[type="url"], .modal-form  input[type="tel"] { display: block; width: 100%; }
         .modal-form textarea { height: 60px; }
         .modal-form input[type="text"], .modal-form input[type="name"], .modal-form input[type="email"], .modal-form input[type="url"], .modal-form  input[type="tel"], .modal-form textarea { margin: 0 0 15px; }
         .modal-form .btn-red > span, .modal-form .btn-red input[type="submit"] { min-width: 220px; }
         .modal-form .form-comment { padding-top: 5px; }
}

/* app-form, app-form2 */
#app-form .modal-form-icon, #app-form2 .modal-form-icon { background-image: url(../i/icons/icon-17.svg); -webkit-background-size: 80px auto; background-size: 60px auto; }

@media all and (max-width: 767px) {
   #app-form .modal-form-icon, #app-form2 .modal-form-icon { -webkit-background-size: 43px auto; background-size: 30px auto; }
}
/*----- window-modal : end -----*/

/*----- form-comment : start -----*/
.form-comment { padding-top: 10px; color: #7f8f97; font-family: 'robotolight'; font-size: 11px; line-height: 124%; text-align: center; }
   .form-comment > span { display: inline-block; vertical-align: top; }
   .form-comment a { color: inherit; text-decoration: underline; }
      .form-comment a:hover { color: inherit; text-decoration: none; }

@media all and (max-width: 767px) {
   .form-comment { padding-top: 20px; font-size: 9px; line-height: 124%; }
}
/*----- form-comment : start -----*/


/*====================================================
   slick slider
====================================================*/
/* slider */
.slick-loading .slick-list { background: url('../i/slider/ajax-loader.gif') center center no-repeat; }
.slick-slider { position: relative; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; margin: 0 auto; padding: 0; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
   .slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
   .slick-track:before, .slick-track:after { display: table; content: ''; }
   .slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline: none; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { max-width: 100%; height: auto; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

/* arrows */
.slick-arrow, .setout-slick-arrow{ display: block; font-size: 0; line-height: 0; content: ''; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 36px; height: 73px; padding: 0; cursor: pointer; color: transparent; border: none; background-color: transparent; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; opacity: 1; z-index: 998; }
.slick-prev, .setout-slide-prev { left: -50px; /*background-image: url("../i/slider/control-left.png"); background-position: 0 50%;*/ }
.slick-next, .setout-slide-next { right: -50px; /*background-image: url("../i/slider/control-right.png"); background-position: 100% 50%;*/ }
   .slick-arrow:before, .slick-arrow:after { display: block; content: ''; font-size: 0; line-height: 0; position: absolute;  width: 50px; height: 2px; background: #000; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
   .slick-arrow:hover:before, .slick-arrow:hover:after {background: /*#ff4c68*/ #fe745c;}
   .slick-prev:before, .slick-next:before { top: 18px; }
   .slick-prev:after, .slick-next:after { bottom: 18px; }
   .slick-prev:before, .slick-prev:after { right: -7px; }
   .slick-next:before, .slick-next:after { left: -7px; }
   .slick-prev:before, .slick-next:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
   .slick-prev:after, .slick-next:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }

   .team-slider-arrow:hover, .team-slider-arrow:focus { opacity: 0.6; }
   .team-slider-arrow.slick-disabled { opacity: 0.3; }

[dir='rtl'] .slick-prev { right: -50px; left: auto; }
[dir='rtl'] .slick-next { right: auto; left: -50px; }


/* dots */
.slick-dots { display: block; margin: 40px 0 0; padding: 0; list-style: none; text-align: center; font-size: 0; line-height: 0; }
   .slick-dots li { display: inline-block; position: relative; vertical-align: bottom; margin: 0 5px; padding: 0; }
      .slick-dots li button { display: block; width: 15px; height: 15px; background-color: transparent; border: 2px solid #000; cursor: pointer; font-size: 0; line-height: 0; outline: none; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
      .slick-dots li:hover button, .slick-dots .slick-active button { background-color: /*#ff4c68*/ #fe745c; border-color: /*#ff4c68*/ #fe745c; }


/*====================================================
   noUiSlider
====================================================*/
.noUi-target,
.noUi-target * {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -ms-touch-action: none;
   touch-action: none;
   -ms-user-select: none;
   -moz-user-select: none;
   user-select: none;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
.noUi-target { position: relative; direction: ltr; }
.noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; }
.noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; }
.noUi-handle { position: relative; z-index: 1; }
.noUi-stacking .noUi-handle { z-index: 10; }
.noUi-state-tap .noUi-origin {
   -webkit-transition: left 0.3s, top 0.3s;
   transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * { cursor: inherit !important; }

/* Painting and performance */
.noUi-base,
.noUi-handle {
   -webkit-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0);
}

/* Slider size and handle placement */
.noUi-horizontal { height: 18px; }
.noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; }
.noUi-vertical { width: 18px; }
.noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; }

/* Styling */
.noUi-background { background: #FAFAFA; box-shadow: inset 0 1px 1px #f0f0f0; }
.noUi-connect { background: #3FB8AF; box-shadow: inset 0 0 3px rgba(51,51,51,0.45); -webkit-transition: background 450ms; transition: background 450ms; }
.noUi-origin { border-radius: 2px; }
.noUi-target { border-radius: 4px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }
.noUi-target.noUi-connect { box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB; }

/* Handles and cursors */
.noUi-draggable { cursor: w-resize; }
.noUi-vertical .noUi-draggable { cursor: n-resize; }
.noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }
.noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }
.noUi-vertical .noUi-handle:after { top: 17px; }*/

/* Disabled state */
[disabled].noUi-connect,
[disabled] .noUi-connect { background: #B8B8B8; }
[disabled].noUi-origin,
[disabled] .noUi-handle { cursor: not-allowed; }


/*====================================================
   formstyler
====================================================*/
.jq-selectbox { vertical-align: middle; cursor: pointer; margin: 0 0 25px; width: 100%; color: #4d4d4d; font-family: 'DINProLight'; font-size: 18px; line-height: 130%; text-align: left; }
   /* jq-selectbox__select */
   .jq-selectbox__select { width: 100%; height: 42px; line-height: 42px; padding: 0 40px 0 10px; background: #fff; border: 1px solid #333; line-height: 40px; }
   .jq-selectbox.disabled .jq-selectbox__select { color: #b4b4b4; }
      .jq-selectbox__select-text { display: block; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; }
      .jq-selectbox .placeholder { color: #4d4d4d; }
      .jq-selectbox__trigger { position: absolute; top: 0; right: 0; width: 40px; height: 100%; }
         .jq-selectbox__trigger-arrow { position: absolute; top: 19px; right: 15px; width: 0; height: 0; border-top: 5px solid #999; border-right: 5px solid transparent; border-left: 5px solid transparent; }
         .jq-selectbox.disabled .jq-selectbox__trigger-arrow { border-top-color: #b4b4b4; }
            .jq-selectbox:not(.disabled):hover .jq-selectbox__trigger-arrow { border-top-color: #000; }

   /* jq-selectbox__dropdown */
   .jq-selectbox__dropdown { width: 100%; margin: 3px 0 0; padding: 0; border: 1px solid #333; background: #fff; }
      .jq-selectbox ul { margin: 0; padding: 0; list-style: none; }
         .jq-selectbox li { min-height: 18px; margin: 0; padding: 5px 10px 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; color: #222; }
            .jq-selectbox li:before { display: none; }
         .jq-selectbox li.disabled { color: #b4b4b4; }
            .jq-selectbox li.disabled:hover { background: none; }
         .jq-selectbox li.optgroup { font-family: 'DINProBold'; color: inherit !important; }
            .jq-selectbox li.optgroup:hover { background: none; cursor: default; }
         .jq-selectbox li.option { padding-left: 25px; }
         .jq-selectbox li.selected, .jq-selectbox li:hover, .jq-selectbox li.selected:hover { background-color: #b2b2b2; color: #fff; }

@media all and (max-width: 870px) {
   .jq-selectbox { font-size: 16px; line-height: 130%; }
}
@media all and (max-width: 767px) {
   .jq-selectbox { margin-bottom: 20px; }
}


/*====================================================
   Readmore
====================================================*/
.text-expand { display: block; }
.text-expand[aria-expanded="false"] { background: -webkit-linear-gradient(90deg, #fff, #323232 15%); background: -moz-linear-gradient(90deg, #fff, #323232 15%); -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; }

.text-expand + [data-readmore-toggle] { font-family: 'DINProMedium'; }


/*====================================================
   back-top
====================================================*/
#back-top { position: fixed; bottom: 130px; right: 2%; z-index: 1000; }
   #back-top a { display: block; position: relative; width: 54px; height: 54px; background: #000; border: 1px solid #fff; font-size: 0; line-height: 0; text-decoration: none; opacity: .3; }
      #back-top a:after { display: block; content: ''; font-size: 0; position: absolute; left: 50%; margin-left: -9px; top: 50%; margin-top: -10px; width: 18px; height: 16px; border-bottom: 16px solid #fff; border-left: 9px solid transparent; border-right: 9px solid transparent; }
      #back-top a:hover { opacity: .85; }

@media all and (max-width: 1024px) {
   #back-top { bottom: 30px; right: 25px; }
}


/*====================================================
   dop styles for admin panel
====================================================*/
.ved_panel_frame html, .ved_panel_frame body { height: auto; }
.ved_panel_list .ved_panel_listItem { padding: 0; font-size: 14px; line-height: 120%; }
   .ved_panel_list .ved_panel_listItem .quote { margin: 0; padding: 0 0 0 10px; font-size: inherit; line-height: inherit; }