@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.ico {
  display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  font-size: 1.333333em; line-height: 0.75em; vertical-align: -15%;
}

/* HTML5 RESET */
* {margin:0; padding:0;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent;}
body {line-height:1; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
html, body {height: 100%;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display:block;}
ol, ul { list-style: none; }
input, select {vertical-align:middle;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; cursor: pointer; text-decoration: none; }
p, h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; }
a.underline {text-decoration: underline;}

.wrapper {min-height: 100%; position: relative;}

.border-box, .wrapper, .row, .col, .right-pane, .left-pane, .ui-dialog-content.image img, .button, button, input[type="submit"], input[type="reset"], input[type="button"],
input[type="checkbox"], input[type="radio"], input[type="text"], input[type="number"], input[type="email"], input[type="date"], input[type="url"], input[type="password"], select, textarea
{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

/* IMAGES */
img {vertical-align: bottom;}
img.auto-scale {max-width: 100%; height: auto; }
img.full-width {width:100%; height:auto;}
img.img-left {float: left; margin: 10px 10px 10px 0px;}
img.img-right {float: right; margin: 10px 0px 10px 10px;}

/* BUTOANE */
.button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {
  width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center;
}
.button:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.button, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; cursor: pointer; line-height: normal; text-decoration: none; }

/* SCROLL */
.v-scroll { max-height:100%; overflow-x: hidden; overflow-y: auto; }

/* MENU COMMONS */
.desktop-menu .main-menu, .desktop-menu .second-menu { list-style: none; }
.desktop-menu .main-menu ul.lvl1, .desktop-menu .main-menu ul.lvl2,
.desktop-menu .second-menu ul.lvl1, .desktop-menu .second-menu ul.lvl2
{ opacity: .5; transform-origin:0% 0%; -webkit-transform-origin:0% 0%; white-space: nowrap; visibility: hidden; }
.desktop-menu .main-menu ul.lvl1, .desktop-menu .second-menu ul.lvl1
{-webkit-transform:scale(1,.7); transform:scale(1,.7);}
.desktop-menu .main-menu ul.lvl2, .desktop-menu .second-menu ul.lvl2
{ margin-left: 100%; -webkit-transform:scale(.5,1); transform:scale(.5,1);}
.desktop-menu .main-menu ul.lvl1 span.lvl2:after, .desktop-menu .second-menu ul.lvl1 span.lvl2:after
{ content: '>'; display: block; position: absolute; right: 10px; bottom: 10px; }
.desktop-menu .main-menu ul.lvl1.show, .desktop-menu .main-menu ul.lvl2.show,
.desktop-menu .second-menu ul.lvl1.show, .desktop-menu .second-menu ul.lvl2.show
{ visibility: visible; opacity: 1; -webkit-transform:scale(1,1); transform:scale(1,1); -webkit-transition:-webkit-transform 0.2s ease-out; transition:transform 0.2s ease-out; }
.desktop-menu .main-menu li .mi, .desktop-menu .main-menu ul.lvl1 li .mi, .desktop-menu .main-menu ul.lvl2 .mi,
.desktop-menu .second-menu li .mi, .desktop-menu .second-menu ul.lvl1 li .mi, .desktop-menu .second-menu ul.lvl2 .mi
{display:block;}

/* SLIDE MENU */
.slide-body { overflow-x: hidden; position: relative; left: 0; top:0; }
.slide-body.slide-right { left: 240px; }
.slide-body.slide-left { left: -240px; }
.slide-body.slide-bottom { top: 30px; }

.left-pane, .right-pane, .top-pane, .slide-body { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.left-pane, .right-pane, .top-pane { position: fixed; z-index: 10;}
.left-pane, .right-pane { height: 100%; top: 0; overflow-y: auto; }
.top-pane { width: 100%; right: 0; }
.left-pane.pane-slide { left: 0; }
.right-pane.pane-slide { right: 0; }
.top-pane.pane-slide { top: 0; }

.show-left-pane, .show-right-pane { cursor: pointer; }

/* TOOLTIP */
.theme-a .ui-element-inline { max-width: 35em; }
.dt-tooltip { cursor: help; }
.ui-tooltip-content.theme-a { padding: 10px; background: #222; color: #fff; }

/* DIALOGURI */
.ui-dialog-content.image img { max-width: 90%; max-height: 90%; border: 2px solid #fff; }
.ui-dialog .ui-dialog-content.image img {max-width: 100%; max-height: 100%;}
.ui-dialog .ui-dialog-content.image { text-align: center; }

/* DIALOG STERGE */
.ui-dialog-content.confirm-delete { background-color: #fff; border-bottom-left-radius : 10px; border-bottom-right-radius : 10px; }
.ui-dialog-content.success { color: #a7d247; background-color: #fff; border-bottom-left-radius : 10px; border-bottom-right-radius : 10px; }
.ui-dialog-content.error   { color: #d8304c; background-color: #fff; border-bottom-left-radius : 10px; border-bottom-right-radius : 10px; }
.ui-dialog-content.msg     { color: #555;    background-color: #fff; border-bottom-left-radius : 10px; border-bottom-right-radius : 10px; }

/* NOTIFICARE */
.ui-notificare { width: 33em; }

/* FORMATE TEXT */
.lite {font-weight: 300;}
.medium {font-weight: 400;}
.bold, b, strong {font-weight: 700;}

.italic {font-style: italic;}
.normal {font-style: normal;}

.ls-1px { letter-spacing: 1px; }

.fs-0  { font-size: 0 }
.fs-16 { font-size: 16px; }
.fs-14 { font-size: 14px; }
.fs-15 { font-size: 15px; }
.fs-12 { font-size: 12px; }
.fs-11 { font-size: 11px; }
.fs-10 { font-size: 10px; }

.fs-1x {font-size: 1em;}
.fs-2x {font-size: 2em;}
.fs-3x {font-size: 3em;}
.fs-4x {font-size: 4em;}
.fs-xs {font-size: 0.5em;}
.fs-s {font-size: 0.6666667em;}
.fs-l {font-size: 1.5em;}
.fs-xl {font-size: 2.25em;}
.fs-xxl {font-size: 3.375em;}
.fs-xxxl {font-size: 5em;}
.fs-gold {font-size: 1.618em;}

.lh-100 {line-height: 1;}
.lh-133 {line-height: 1.3333333;}
.lh-150 {line-height: 1.5;}
.lh-gold {line-height: 1.618;}

.bo-1px { border: 1px solid; }
.bo-1px-to { border-top: 1px solid; }
.bo-1px-ri { border-right: 1px solid; }
.bo-1px-bo { border-bottom: 1px solid; }
.bo-1px-le { border-left: 1px solid; }
.bo-1px-0 { border-top: 1px solid; border-bottom: 1px solid; }
.bo-0-1px { border-left: 1px solid; border-right: 1px solid; }

/* POZITIONARE */
.pad-1em { padding: 1em; }
.pad-1em-0 { padding: 1em 0; }
.pad-0-1em { padding: 0 1em; }
.pad-1em-to { padding-top: 1em; }
.pad-1em-ri { padding-right: 1em; }
.pad-1em-bo { padding-bottom: 1em; }
.pad-1em-le { padding-left: 1em; }

.pad-1pc { padding: 1%; }
.pad-1pc-0 { padding: 1% 0; }
.pad-0-1pc { padding: 0 1%; }
.pad-1pc-to { padding-top: 1%; }
.pad-1pc-ri { padding-right: 1%; }
.pad-1pc-bo { padding-bottom: 1%; }
.pad-1pc-le { padding-left: 1%; }

.pad-5px { padding: 5px; }
.pad-5px-0 { padding: 5px 0; }
.pad-0-5px { padding: 0 5px; }
.pad-5px-to { padding-top: 5px; }
.pad-5px-ri { padding-right: 5px; }
.pad-5px-bo { padding-bottom: 5px; }
.pad-5px-le { padding-left: 5px; }

.pad-10px { padding: 10px; }
.pad-10px-0 { padding: 10px 0; }
.pad-0-10px { padding: 0 10px; }
.pad-10px-to { padding-top: 10px; }
.pad-10px-ri { padding-right: 10px; }
.pad-10px-bo { padding-bottom: 10px; }
.pad-10px-le { padding-left: 10px; }

.pad-20px { padding: 20px; }
.pad-20px-0 { padding: 20px 0; }
.pad-0-20px { padding: 0 20px; }
.pad-20px-to { padding-top: 20px; }
.pad-20px-ri { padding-right: 20px; }
.pad-20px-bo { padding-bottom: 20px; }
.pad-20px-le { padding-left: 20px; }

.pad-0 { padding: 0 !important; }
.pad-0-to { padding-top: 0 !important; }
.pad-0-ri { padding-right: 0 !important; }
.pad-0-bo { padding-bottom: 0 !important; }
.pad-0-le { padding-left: 0 !important; }

.mar-1em { margin: 1em; }
.mar-1em-0 { margin: 1em 0; }
.mar-0-1em { margin: 0 1em; }
.mar-1em-to { margin-top: 1em; }
.mar-1em-ri { margin-right: 1em; }
.mar-1em-bo { margin-bottom: 1em; }
.mar-1em-le { margin-left: 1em; }

.mar-1pc { margin: 1%; }
.mar-1pc-0 { margin: 1% 0; }
.mar-0-1pc { margin: 0 1%; }
.mar-1pc-to { margin-top: 1%; }
.mar-1pc-ri { margin-right: 1%; }
.mar-1pc-bo { margin-bottom: 1%; }
.mar-1pc-le { margin-left: 1%; }

.mar-5px { margin: 5px; }
.mar-5px-0 { margin: 5px 0; }
.mar-0-5px { margin: 0 5px; }
.mar-5px-to { margin-top: 5px; }
.mar-5px-ri { margin-right: 5px; }
.mar-5px-bo { margin-bottom: 5px; }
.mar-5px-le { margin-left: 5px; }

.mar-10px { margin: 10px; }
.mar-10px-0 { margin: 10px 0; }
.mar-0-10px { margin: 0 10px; }
.mar-10px-to { margin-top: 10px; }
.mar-10px-ri { margin-right: 10px; }
.mar-10px-bo { margin-bottom: 10px; }
.mar-10px-le { margin-left: 10px; }

.mar-20px { margin: 20px; }
.mar-20px-0 { margin: 20px 0; }
.mar-0-20px { margin: 0 20px; }
.mar-20px-to { margin-top: 20px; }
.mar-20px-ri { margin-right: 20px; }
.mar-20px-bo { margin-bottom: 20px; }
.mar-20px-le { margin-left: 20px; }

.mar-0 { margin: 0 !important; }
.mar-0-to { margin-top: 0 !important; }
.mar-0-ri { margin-right: 0 !important; }
.mar-0-bo { margin-bottom: 0 !important; }
.mar-0-le { margin-left: 0 !important; }
.mar-0-auto { margin: 0 auto; }


.w-100 {width:100%;}
.h-100 {height:100%;}
.full-size {width:100%; height:100%;}
.w-50 {width:50%;}
.w-33 {width:33.333333%;}
.w-67 {width:66.666667%;}
.w-25 {width:25%;}
.w-75 {width:75%;}
.w-20 {width:20%;}
.w-80 {width:80%;}
.w-auto {width:auto !important;}
.text-width { max-width: 64em; }

.relativ { position: relative; }
.fixed { position: fixed; }
.absolut { position: absolute; }
.absolut-centru {position: absolute; top:0; right:0; width: 100%; height: 100%; text-align: center;}

.upp { text-transform: uppercase; }
.low { text-transform: lowercase; }
.cap { text-transform: capitalize; }

.block {display:block;}
.iblock {display:inline-block;}
.hide { display: none; }

.table {display:table;}
.table-row {display:table-row;}
.table-cell {display:table-cell;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}
.va-center { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.jos {bottom: 0;}
.sus {top: 0;}
.stanga {left: 0;}
.dreapta {right: 0;}

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

.rounded-full {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.rounded-10 {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.rounded-5 {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.rounded-3 {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.shadow { box-shadow: 2px 2px 10px #aaa; }
.v-shadow { box-shadow: 2px 0px 10px #aaa; }
.h-shadow { box-shadow: 0px 2px 10px #aaa; }

.no-wrap {white-space: nowrap; text-overflow:ellipsis; overflow: hidden}

.of-hidden {overflow: hidden;}
.ascuns {position: relative !important; width:0 !important; height:0 !important; padding:0 !important; margin:0 !important; border:0 none !important; overflow:hidden !important;}

.pointer { cursor: pointer; }
.zoom-in { cursor: zoom-in; }

/* EDITOR */
.wysiwyg:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; clear: both; width: 0; height: 0; }
.wysiwyg img { max-width: 100%; height: auto; }
.wysiwyg table { border-collapse: collapse; }
.wysiwyg td p { margin: 0; }

/* PAGINATIE */
.paginatie:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; clear: both; width: 0; height: 0; }
.paginatie li { display: inline-block; float: left; }
.paginatie li a, .paginatie li .pagina-selectata { display: inline-block; }

/* TABELE */
.tabel-1.full-width, .tabel-2.full-width { width: 100%; }
.tabel-1 { border-collapse: collapse; border-spacing: 0; background-color: transparent; }
.tabel-1 th { font-size: 1.1em; font-weight: bold; text-align: left; text-transform: uppercase; padding: 5px 3px; border-bottom: 3px solid #ccc; }
.tabel-1 tbody td { border-bottom: 1px solid #ccc; text-align: left; padding: 5px 3px; vertical-align: middle; }
.tabel-1 tbody tr:nth-child(2n+1) { background-color: #eee; }
.tabel-1 tr td:last-child, .tabel-1 tr th:last-child { text-align: right }
.tabel-1 tr td:last-child { padding-right: 10px; }
.tabel-1 .prev {vertical-align: middle; height: 40px; width: auto; margin-right: 5px;}

td input:last-child, td textarea:last-child, td select:last-child { margin-bottom: 0 !important; }

/* DRAG */
td.dropzone { background-color: rgba(235,147,92,.3); }

/* SOCIAL|SHARE|LANG BUTTONS */
.social-buttons-list, .lang-buttons-list, .share-buttons  { display: inline-block; }
.social-buttons-list:after, .lang-buttons-list:after, .share-buttons:after  { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.social-buttons-list li, .lang-buttons-list li, .share-buttons li { float: left; }
.share-buttons:after { overflow: hidden; width: 0; }

/* TABS */
.tabs-header:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; clear: both; width: 0; height: 0; }
.tabs-header .tab-trigger { cursor: pointer; display: inline-block; }
.dt-tabs .tab { position: relative;}

/* FORME */
input[type="text"].full-width, input[type="number"].full-width, input[type="email"].full-width, input[type="date"].full-width, input[type="url"].full-width, input[type="password"].full-width, select.full-width, textarea.full-width { width: 100%; margin-bottom: 15px; }
input[type="checkbox"], input[type="radio"] { margin-right: 5px; }
textarea { height: auto; }
.vertical label,.vertical .button, .vertical input[type="text"], .vertical input[type="number"], .vertical input[type="email"], .vertical input[type="date"], .vertical input[type="url"], .vertical input[type="password"], .vertical select, .vertical textarea {
    width: 100%; max-width: 100%; display: block;
}
.vertical .ck-box label { display: inline; }


/* WAIT... */
@keyframes wait-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg);}
}

@-webkit-keyframes wait-spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

.wait { padding: 10px; text-align: center; display: none; }
.wait:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; clear: both; width: 0; height: 0; }
.wait img { margin-right: 10px; vertical-align: middle;}
.wait img { animation: wait-spin 2s linear  infinite; -webkit-animation:wait-spin 2s linear infinite;  }
.wait span {font-size: 14px; font-weight: bold; }

/* Dialogul Adauga documente */
#add-doc-box { background: #fff; max-width: 35em; }

/* CLASE */
.lock { background: url(../images/lock.png) left no-repeat; padding-left: 40px; height: 28px; padding-top: 20px; color: #888; }
.cal { background: url(../images/icons/cal.png) left center no-repeat; padding-left: 20px; }

#form-search-query a { -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; }

/* MAINTAIN PROPORTION */
.flex-box { padding:0 !important; }
.flex-box:before {content: ""; display: block;}

/*responsive video*/
.embed-container, .wysiwyg.video p, .map-wrap { position: relative; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed,
.map-wrap iframe, .map-wrap object, .map-wrap embed,
.wysiwyg.video p iframe, .wysiwyg.video p object, .wysiwyg.video p embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*photoswipe video*/
.video-wrapper { display: inline-block; width:61.8%; overflow: visible; }
/*.pic-box { position: relative; top: 0; transition: all .5s ease-out; }*/
/*.pic-box .lightbox[data-type="youtube"] img, .pic-box .lightbox[data-type="vimeo"] img  { opacity: 0.5; filter: alpha(opacity=50); }*/
.play { background-image: url(../images/play.png); background-position: center; background-repeat: no-repeat; }
.bg-single { background-repeat: no-repeat; }
.bg-center { background-position: center; }
.bg-cover { background-size: cover; }
.bg-contain { background-size: contain; }
.bg-fixed { background-attachment: fixed; }

.video-icon {
    left: 50%; top: 50%; z-index: 1; width: 42px; height: 42px; margin: -21px 0 0 -21px; background-color: rgba(0, 0, 0, 0.618); color: white;
    -webkit-transition: border-color 0.375s ease-in-out, background-color 0.375s ease-in-out, color 0.375s ease-in-out;
    -moz-transition: border-color 0.375s ease-in-out, background-color 0.375s ease-in-out, color 0.375s ease-in-out;
    -o-transition: border-color 0.375s ease-in-out, background-color 0.375s ease-in-out, color 0.375s ease-in-out;
    transition: border-color 0.375s ease-in-out, background-color 0.375s ease-in-out, color 0.375s ease-in-out;
}
.video-box:hover .video-icon { background-color: rgba(255, 255, 255, 0.666); color: black; }
.video-icon:after { left: 5%; content: "\f04b"; display: block; position: absolute; left: 0%; top: 50%; width: 100%; margin-top: -0.5em; text-align: center; font-size: inherit; line-height: 1; font-family: FontAwesome; }

.ease, .ease-before:before, .ease-after:after, .ease:hover, .ease-before:before:hover, .ease-after:after:hover {-moz-transition: all 0.3s ease; transition: all 0.3s ease;}

.pad-multiline { display:inline; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; }

.livepic { transition: all.3s; -webkit-transition: all.3s; -moz-transition: all.3s; }
.livepic:hover, .video-icon:hover + .livepic { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); }

.bottom-overlay:before { bottom: 0; box-shadow: 0 -50px 80px rgba(0, 0, 0, 0.5) inset; content: ""; left: 0; position: absolute; right: 0; top: 0; }

.shadow-top, .shadow-bottom {position: relative;}
.shadow-top:after, .shadow-bottom:after { content:''; position: absolute; width:100%; height: 200px; }
.shadow-top:after { top:0px; background: url(../images/shadow.png) 0 -40px repeat-x; }
.shadow-bottom:after { bottom:0; background: url(../images/shadow-inversed.png) 0 0 repeat-x; }

#main-slider .slide-main { width: 100%; height: 100%; }

/* CLEAR */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* GRID SYSTEM */
.container { position: relative; margin: 0 auto; padding: 0; }
.col { float: left; }
.col.iblock { float: none; display: inline-block; }
.col.right { float:right; }

/* gutters */
.gut-1px { padding-top:1px; padding-right:1px; }
.gut-10px { padding-top:10px; padding-right:10px; }
.gut-1em { padding-top:1em; padding-right:1em; }
.gut-1pc { padding-top:1pc; padding-right:1pc; }

.xs-1 { width: 5%; }
.xs-2 { width: 10%; }
.xs-3 { width: 15%; }
.xs-4 { width: 20%; }
.xs-5 { width: 25%; }
.xs-6 { width: 30%; }
.xs-7 { width: 35%; }
.xs-8 { width: 40%; }
.xs-9 { width: 45%; }
.xs-10 { width: 50%; }
.xs-11 { width: 55%; }
.xs-12 { width: 60%; }
.xs-13 { width: 65%; }
.xs-14 { width: 70%; }
.xs-15 { width: 75%; }
.xs-16 { width: 80%; }
.xs-17 { width: 85%; }
.xs-18 { width: 90%; }
.xs-19 { width: 95%; }
.xs-20, .ideal { width:100%; }
.xs-1-third { width: 33.3333333333% }
.xs-2-third { width: 66.6666666667% }
.xs-1-off { left: 5%;  }
.xs-2-off { left: 10%; }
.xs-3-off { left: 15%; }
.xs-4-off { left: 20%; }
.xs-5-off { left: 25%; }
.xs-6-off { left: 30%; }
.xs-7-off { left: 35%; }
.xs-8-off { left: 40%; }
.xs-9-off { left: 45%; }
.xs-10-off { left: 50%; }
.xs-11-off { left: 55%; }
.xs-12-off { left: 60%; }
.xs-13-off { left: 65%; }
.xs-14-off { left: 70%; }
.xs-15-off { left: 75%; }
.xs-16-off { left: 80%; }
.xs-17-off { left: 85%; }
.xs-18-off { left: 90%; }
.xs-19-off { left: 95%; }
.xs-20-off { left: 100%; }
.xs-1-third-off { left: 33.3333333333% }
.xs-2-third-off { left: 66.6666666667% }
.centered, .centered.col { display:block; float:none; margin:0 auto; }
.flex-box.xs-w1h1:before, .xs-w1h1 {padding-top: 100%;}
.flex-box.xs-w1h2:before, .xs-w1h2 {padding-top: 200%;}
.flex-box.xs-w2h1:before, .xs-w2h1 {padding-top: 50%;}
.flex-box.xs-w3h2:before, .xs-w3h2 {padding-top: 66.6666667%;}
.flex-box.xs-w3h1:before, .xs-w3h1 {padding-top: 33.3333333%;}
.flex-box.xs-w4h3:before, .xs-w4h3 {padding-top: 75%;}
.flex-box.xs-w16h9:before, .xs-w16h9 {padding-top: 56.25%;}
.flex-box.xs-gold:before, .xs-gold {padding-top: 61.8%;}
.xs-go-l { text-align: left; }
.xs-go-c { text-align: center; }
.xs-go-r { text-align: right; }

@media only screen and (min-width: 320px) {
    .ss-10 { width:50%; }
}

@media only screen and (min-width: 640px) {
.s-stop { max-width: 640px; }
.s-stop-plus { max-width: 660px; }
.s-1 { width: 5%; }
.s-2 { width: 10%; }
.s-3 { width: 15%; }
.s-4 { width: 20%; }
.s-5 { width: 25%; }
.s-6 { width: 30%; }
.s-7 { width: 35%; }
.s-8 { width: 40%; }
.s-9 { width: 45%; }
.s-10, .ideal { width: 50%; }
.s-11 { width: 55%; }
.s-12 { width: 60%; }
.s-13 { width: 65%; }
.s-14 { width: 70%; }
.s-15 { width: 75%; }
.s-16 { width: 80%; }
.s-17 { width: 85%; }
.s-18 { width: 90%; }
.s-19 { width: 95%; }
.s-20 { width:100%; }
.s-1-third { width: 33.3333333333% }
.s-2-third { width: 66.6666666667% }
.s-1-off { left: 5%;  }
.s-2-off { left: 10%; }
.s-3-off { left: 15%; }
.s-4-off { left: 20%; }
.s-5-off { left: 25%; }
.s-6-off { left: 30%; }
.s-7-off { left: 35%; }
.s-8-off { left: 40%; }
.s-9-off { left: 45%; }
.s-10-off { left: 50%; }
.s-11-off { left: 55%; }
.s-12-off { left: 60%; }
.s-13-off { left: 65%; }
.s-14-off { left: 70%; }
.s-15-off { left: 75%; }
.s-16-off { left: 80%; }
.s-17-off { left: 85%; }
.s-18-off { left: 90%; }
.s-19-off { left: 95%; }
.s-20-off { left: 100%; }
.s-1-third-off { left: 33.3333333333% }
.s-2-third-off { left: 66.6666666667% }
.flex-box.s-w1h1:before, .s-w1h1 {padding-top: 100%;}
.flex-box.s-w1h2:before, .s-w1h2 {padding-top: 200%;}
.flex-box.s-w2h1:before, .s-w2h1 {padding-top: 50%;}
.flex-box.s-w3h2:before, .s-w3h2 {padding-top: 66.6666667%;}
.flex-box.s-w3h1:before, .s-w3h1 {padding-top: 33.3333333%;}
.flex-box.s-w4h3:before, .s-w4h3 {padding-top: 75%;}
.flex-box.s-w16h9:before, .s-w16h9 {padding-top: 56.25%;}
.flex-box.s-gold:before, .s-gold {padding-top: 61.8%;}
.s-go-l { text-align: left; }
.s-go-c { text-align: center; }
.s-go-r { text-align: right; }
}
@media only screen and (min-width: 960px) {
.m-stop { max-width: 960px; }
.m-stop-plus { max-width: 980px; }
.m-1 { width: 5%; }
.m-2 { width: 10%; }
.m-3 { width: 15%; }
.m-4 { width: 20%; }
.m-5 { width: 25%; }
.m-6 { width: 30%; }
.m-7 { width: 35%; }
.m-8 { width: 40%; }
.m-9 { width: 45%; }
.m-10 { width: 50%; }
.m-11 { width: 55%; }
.m-12 { width: 60%; }
.m-13 { width: 65%; }
.m-14 { width: 70%; }
.m-15 { width: 75%; }
.m-16 { width: 80%; }
.m-17 { width: 85%; }
.m-18 { width: 90%; }
.m-19 { width: 95%; }
.m-20 { width:100%; }
.m-1-third, .ideal { width: 33.3333333333% }
.m-2-third { width: 66.6666666667% }
.m-1-off { left: 5%;  }
.m-2-off { left: 10%; }
.m-3-off { left: 15%; }
.m-4-off { left: 20%; }
.m-5-off { left: 25%; }
.m-6-off { left: 30%; }
.m-7-off { left: 35%; }
.m-8-off { left: 40%; }
.m-9-off { left: 45%; }
.m-10-off { left: 50%; }
.m-11-off { left: 55%; }
.m-12-off { left: 60%; }
.m-13-off { left: 65%; }
.m-14-off { left: 70%; }
.m-15-off { left: 75%; }
.m-16-off { left: 80%; }
.m-17-off { left: 85%; }
.m-18-off { left: 90%; }
.m-19-off { left: 95%; }
.m-20-off { left: 100%; }
.m-1-third-off { left: 33.3333333333% }
.m-2-third-off { left: 66.6666666667% }
.flex-box.m-w1h1:before, .m-w1h1 {padding-top: 100%;}
.flex-box.m-w1h2:before, .m-w1h2 {padding-top: 200%;}
.flex-box.m-w2h1:before, .m-w2h1 {padding-top: 50%;}
.flex-box.m-w3h2:before, .m-w3h2 {padding-top: 66.6666667%;}
.flex-box.m-w3h1:before, .m-w3h1 {padding-top: 33.3333333%;}
.flex-box.m-w4h3:before, .m-w4h3 {padding-top: 75%;}
.flex-box.m-w16h9:before, .m-w16h9 {padding-top: 56.25%;}
.flex-box.m-gold:before, .m-gold {padding-top: 61.8%;}
.m-go-l { text-align: left; }
.m-go-c { text-align: center; }
.m-go-r { text-align: right; }
}
@media only screen and (min-width: 1280px) {
.l-stop { max-width: 1280px; }
.l-stop-plus { max-width: 1300px; }
.l-1 { width: 5%; }
.l-2 { width: 10%; }
.l-3 { width: 15%; }
.l-4 { width: 20%; }
.l-5, .ideal { width: 25%; }
.l-6 { width: 30%; }
.l-7 { width: 35%; }
.l-8 { width: 40%; }
.l-9 { width: 45%; }
.l-10 { width: 50%; }
.l-11 { width: 55%; }
.l-12 { width: 60%; }
.l-13 { width: 65%; }
.l-14 { width: 70%; }
.l-15 { width: 75%; }
.l-16 { width: 80%; }
.l-17 { width: 85%; }
.l-18 { width: 90%; }
.l-19 { width: 95%; }
.l-20 { width:100%; }
.l-1-third { width: 33.3333333333% }
.l-2-third { width: 66.6666666667% }
.l-1-off { left: 5%;  }
.l-2-off { left: 10%; }
.l-3-off { left: 15%; }
.l-4-off { left: 20%; }
.l-5-off { left: 25%; }
.l-6-off { left: 30%; }
.l-7-off { left: 35%; }
.l-8-off { left: 40%; }
.l-9-off { left: 45%; }
.l-10-off { left: 50%; }
.l-11-off { left: 55%; }
.l-12-off { left: 60%; }
.l-13-off { left: 65%; }
.l-14-off { left: 70%; }
.l-15-off { left: 75%; }
.l-16-off { left: 80%; }
.l-17-off { left: 85%; }
.l-18-off { left: 90%; }
.l-19-off { left: 95%; }
.l-20-off { left: 100%; }
.l-1-third-off { left: 33.3333333333% }
.l-2-third-off { left: 66.6666666667% }
.flex-box.l-w1h1:before, .l-w1h1 {padding-top: 100%;}
.flex-box.l-w1h2:before, .l-w1h2 {padding-top: 200%;}
.flex-box.l-w2h1:before, .l-w2h1 {padding-top: 50%;}
.flex-box.l-w3h2:before, .l-w3h2 {padding-top: 66.6666667%;}
.flex-box.l-w3h1:before, .l-w3h1 {padding-top: 33.3333333%;}
.flex-box.l-w4h3:before, .l-w4h3 {padding-top: 75%;}
.flex-box.l-w16h9:before, .l-w16h9 {padding-top: 56.25%;}
.flex-box.l-gold:before, .l-gold {padding-top: 61.8%;}
.l-go-l { text-align: left; }
.l-go-c { text-align: center; }
.l-go-r { text-align: right; }
}
@media only screen and (min-width: 1600px) {
.xl-stop { max-width: 1600px; }
.xl-stop-plus { max-width: 1620px; }
.xl-1 { width: 5%; }
.xl-2 { width: 10%; }
.xl-3 { width: 15%; }
.xl-4, .ideal { width: 20%; }
.xl-5 { width: 25%; }
.xl-6 { width: 30%; }
.xl-7 { width: 35%; }
.xl-8 { width: 40%; }
.xl-9 { width: 45%; }
.xl-10 { width: 50%; }
.xl-11 { width: 55%; }
.xl-12 { width: 60%; }
.xl-13 { width: 65%; }
.xl-14 { width: 70%; }
.xl-15 { width: 75%; }
.xl-16 { width: 80%; }
.xl-17 { width: 85%; }
.xl-18 { width: 90%; }
.xl-19 { width: 95%; }
.xl-20 { width:100%; }
.xl-1-third { width: 33.3333333333% }
.xl-2-third { width: 66.6666666667% }
.xl-1-off { left: 5%;  }
.xl-2-off { left: 10%; }
.xl-3-off { left: 15%; }
.xl-4-off { left: 20%; }
.xl-5-off { left: 25%; }
.xl-6-off { left: 30%; }
.xl-7-off { left: 35%; }
.xl-8-off { left: 40%; }
.xl-9-off { left: 45%; }
.xl-10-off { left: 50%; }
.xl-11-off { left: 55%; }
.xl-12-off { left: 60%; }
.xl-13-off { left: 65%; }
.xl-14-off { left: 70%; }
.xl-15-off { left: 75%; }
.xl-16-off { left: 80%; }
.xl-17-off { left: 85%; }
.xl-18-off { left: 90%; }
.xl-19-off { left: 95%; }
.xl-20-off { left: 100%; }
.xl-1-third-off { left: 33.3333333333% }
.xl-2-third-off { left: 66.6666666667% }
.flex-box.xl-w1h1:before, .xl-w1h1 {padding-top: 100%;}
.flex-box.xl-w1h2:before, .xl-w1h2 {padding-top: 200%;}
.flex-box.xl-w2h1:before, .xl-w2h1 {padding-top: 50%;}
.flex-box.xl-w3h2:before, .xl-w3h2 {padding-top: 66.6666667%;}
.flex-box.xl-w3h1:before, .xl-w3h1 {padding-top: 33.3333333%;}
.flex-box.xl-w4h3:before, .xl-w4h3 {padding-top: 75%;}
.flex-box.xl-w16h9:before, .xl-w16h9 {padding-top: 56.25%;}
.flex-box.xl-gold:before, .xl-gold {padding-top: 61.8%;}
.xl-go-l { text-align: left; }
.xl-go-c { text-align: center; }
.xl-go-r { text-align: right; }
}

@media only screen and (min-width: 1920px) {
.xxl-stop { max-width: 1920px; }
.xxl-stop-plus { max-width: 1940px; }
}

@media only screen and (max-width: 639px) {
.xs-hide { display: none; }
.hide.xs-show { display: block; }
.hide.xs-show.iblock { display: inline-block; }
.xs-centered.col, .xs-centered { display:block; float:none; margin:0 auto; }
.fs-l {font-size: 1em;}
.fs-xl {font-size: 1.5em;}
.fs-xxl {font-size: 2em;}
.fs-xxxl {font-size: 3em;}
.wrapper {font-size: 0.6666667em;}
.xs-relativ, .absolut.xs-relativ { position: relative; bottom:0!important; left:0!important; }
.xs-no-float, .xs-no-float.col { float:none; }
.xs-iblock { display:inline-block; }
}
@media only screen and (max-width: 959px) {
.s-hide { display: none; }
.hide.s-show { display: block; }
.hide.s-show.iblock { display: inline-block; }
.s-centered.col { display:block; float:none; margin:0 auto; }
.s-no-float, .s-no-float.col { float:none; }
.s-iblock { display:inline-block; }
}
@media only screen and (max-width: 1279px) {
.m-hide { display: none; }
.hide.m-show { display: block; }
.hide.m-show.iblock { display: inline-block; }
.m-centered.col { display:block; float:none; margin:0 auto; }
.m-no-float, .m-no-float.col { float:none; }
.m-iblock { display:inline-block; }
}
@media only screen and (max-width: 1599px) {
.l-hide { display: none; }
.hide.l-show { display: block; }
.hide.l-show.iblock { display: inline-block; }
.l-centered.col { display:block; float:none; margin:0 auto; }
.l-no-float, .l-no-float.col { float:none; }
.l-iblock { display:inline-block; }
}
@media only screen and (max-width: 1919px) {
.xl-hide { display: none; }
.hide.xl-show { display: block; }
.hide.xl-show.iblock { display: inline-block; }
.xl-centered.col { display:block; float:none; margin:0 auto; }
.xl-no-float, .xl-no-float.col { float:none; }
.xl-iblock { display:inline-block; }
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
  /*.fs-xl {font-size: 2em;}
  .fs-xxl {font-size: 3em;}
  .fs-xxxl {font-size: 4em;}*/
}

@media only screen and (max-width: 680px) {
  .s-stop-plus { padding:0 10px; }
}

@media only screen and (max-width: 1000px) {
  .m-stop-plus { padding:0 10px; }
}

@media only screen and (max-width: 1320px) {
  .l-stop-plus { padding:0 10px; }
}

@media only screen and (max-width: 1640px) {
  .xl-stop-plus { padding:0 10px; }
}

@media only screen and (max-width: 1960px) {
  .xxl-stop-plus { padding:0 10px; }
}