/*STANDARDS------------*/
body {
    font-family: "exo2_light"; font-size: 14px !important;
    padding: 0; margin: 0;
    overflow-y: hidden; overflow-x: hidden; height: 100%;
    word-wrap: break-word; -webkit-text-size-adjust: none;
    font-smooth: always; font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
}

html {font-size: 100%}

html, body, p, h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, input, select, textarea, figure, img, figcaption, span, div, label, form, footer, header, section, article, nav, button {
    
    box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;
}

input, select, textarea {
    font-family: "exo2_light";
    font-weight: normal; font-size: 14px;
    border-radius: 0 !important;
}

label {font-weight: normal !important}
input[type='button'], input[type='submit'] {box-shadow: none; cursor: pointer; border-radius: 0}
input[type='button']:focus, input[type='submit']:focus {box-shadow: none}
input[type='number'] {-moz-appearance: textfield}
input[type='checkbox'] {appearance: checkbox; -webkit-appearance: checkbox; -moz-appearance: checkbox}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none}

select {appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none}
:focus {outline: none}

button{border: 0; box-shadow: none}

h1, h2, h3, h4, h5, h6 {
    font-family: "exo2_regular";
    font-weight: normal !important;
    word-break: normal; white-space: nowrap;
    margin-left: -2px;
}
h1.light, h2.light,h3.light,h4.light,h5.light,h6.light{font-family: "exo2_light"}
h1.loose, h2.loose,h3.loose,h4.loose,h5.loose,h6.loose{white-space: normal !important;}

h1 {
    /*font-size: 50px !important;
    line-height: 55px !important;
    text-transform: uppercase;*/
}

h1 {
    /*font-size: 40px !important;*/
    font-size: 4.8vmin !important;
    line-height: 4.8vmin !important;
}
@media screen and (max-width: 1200px) {
    h1 {
        /*font-size: 40px !important;*/
        font-size: 4vmin !important;
        line-height: 4vmin !important;
    }
}
h2 {
    font-size: 3.8vmin !important;
    line-height: 3.8vmin !important;
}
h3 {
    font-size: 18px !important;
    line-height: 18px !important;
}
h4 {
    font-size: 16px !important;
    line-height: 16px !important;
}
p {
    font-size: 14px !important;
    line-height: 16px !important;
    font-family: "exo2_regular";
}
b{
    font-family: "exo2_medium"; font-weight: normal !important;
}
a, a:hover, a:focus, a:active, a:visited {
    text-decoration: none !important;
    color: inherit !important;
    transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease;
}

ul, ol, li {
    list-style: none;
    -webkit-padding-start: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    font-family: "exo2_regular";
}
li{line-height: 16px}
/*li{margin-top: 0.8em}*/

address {font-style: normal}

label{-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: inherit;
}

@media screen and (max-width: 640px){
    h1 {
        /*font-size: 40px !important;*/
        font-size: 5.5vmin !important;
        line-height: 5.2vmin !important;
    }

    h2 {
        font-size: 26px !important;
        line-height: 24px !important;
    }
    h3 {
        font-size: 18px !important;
        line-height: 18px !important;
    }
    h4 {
        font-size: 16px !important;
        line-height: 16px !important;
    }
}
@media screen and (max-width: 320px){
    h1 {
        /*font-size: 40px !important;*/
        font-size: 5.5vmin !important;
        line-height: 5.2vmin !important;
    }

    h2 {
        font-size: 22px !important;
        line-height: 20px !important;
    }
    h3 {
        font-size: 16px !important;
        line-height: 14px !important;
    }
    h4 {
        font-size: 14px !important;
        line-height: 12px !important;
    }
}
/*TRANSITIONS------------*/
.transition_2 {
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
}
.transition_3 {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
}
.transition_4 {
    transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
}
.transition_6 {
    transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    -ms-transition: 0.6s ease;
    -o-transition: 0.6s ease;
}
.transition_6i {
    transition: 0.6s ease-in;
    -webkit-transition: 0.6s ease-in;
    -moz-transition: 0.6s ease-in;
    -ms-transition: 0.6s ease-in;
    -o-transition: 0.6s ease-in;
}
.transition_6o {
    transition: 0.6s ease-out;
    -webkit-transition: 0.6s ease-out;
    -moz-transition: 0.6s ease-out;
    -ms-transition: 0.6s ease-out;
    -o-transition: 0.6s ease-out;
}

.transition_3io {
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.transition_3i {
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
}
.transition_3o {
    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
}
.transition_4e{
    -o-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
/*FONT*/

/*GLOBAL*/
.bt{
    display: table; width: auto; min-width: 95px;
    border-radius: 0; padding: 10px 20px;
    text-transform: uppercase; font-size: 16px; text-align: center; letter-spacing: 0.6px;
    transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease;
}

.bt-icon{
    width: 50px; height: 50px;
    border: 0; border-radius: 0;
    position: relative; text-align: center;
    overflow: hidden;

}
.bt-icon>i{
    position: absolute; top: 50%; transform: translateY(-50%);
    margin: auto; display: block; left: 0; right: 0; margin: auto;
    font-size: 1.3em; text-align: center;
}
.bt-icon:hover>i{
    animation-name: bt-icon-over;
    animation-duration: 0.4s;
    pointer-events: none;
}

@keyframes bt-icon-over {
    0% {margin-left: 0; opacity: 1}
    33% {margin-left: 60px; opacity: 0}
    66% {margin-left: -30px; opacity: 0}
    100% {margin-left: 0; opacity: 1}
}

.ic{
    display: inline-table; font-size: 16px;
    transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease;
}
.ic_2x{font-size: 18px}
.ic_3x{font-size: 22px}

.bdg{
    padding: 4px 6px 3px; border-radius: 12px;
    text-align: center; font-size: 13px; line-height: 10px;
    white-space: nowrap;
    font-family: 'appideal_medium';
    position: absolute; right: 20px; top: 50%;
    transform: translateY(-50%);
}

.float-right{float: right}
.float-left{float: left}

a i{transition: 0.3s ease; -webkit-transition: 0.3s ease;}
/*scrollbar ----------------*/
.scroll-wrapper {
    overflow: hidden !important;
    position: relative;
}
.scroll-wrapper > .scroll-content {
    width: auto !important; height: auto;
    max-width: none !important; max-height: none;
    position: relative !important; top: 0; left: 0;
    margin: 0; border: none !important; padding: 0;
    box-sizing: content-box !important;
    overflow: scroll !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0; width: 0}
.scroll-element {display: none}
.scroll-element, .scroll-element div {box-sizing: content-box}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {display: block}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {cursor: default}
.scroll-textarea {border: 1px solid #cccccc; border-top-color: #999999}
.scroll-textarea > .scroll-content {overflow: hidden !important}
.scroll-textarea > .scroll-content > textarea {
    width: 100% !important; height: 100% !important;
    max-width: none !important; max-height: none !important;
    position: relative !important; top: 0;
    margin: 0; padding: 2px;
    border: none !important; outline: none;
    box-sizing: border-box; overflow: scroll !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {height: 0; width: 0}
/*------*/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
    border: none; margin: 0; padding: 0;
    position: absolute; z-index: 5000;
}
.scrollbar-inner > .scroll-element div {
    display: block; height: 100%; width: 100%;
    left: 0; top: 0;
}
.scrollbar-inner > .scroll-element.scroll-x {
    width: 100%; height: 6px;
    bottom: 0; left: 0;
    transition: 0.3s ease;
}
.scrollbar-inner > .scroll-element.scroll-y {
    width: 6px; height: 100%;
    right: 0; top: 0;
    transition: 0.3s ease;
}
.scrollbar-inner > .scroll-element.scroll-y:hover,
.scrollbar-inner > .scroll-element.scroll-y:active{
    width: 10px;
}
.scrollbar-inner > .scroll-element.scroll-x:hover,
.scrollbar-inner > .scroll-element.scroll-x:active{
    height: 10px;
}
.scrollbar-inner > .scroll-element .scroll-element_outer {overflow: hidden}
.scroll-x .scroll-element_outer {bottom: 0 !important; top: auto !important}
.scroll-y .scroll-element_outer {right: 0 !important; left: auto !important}
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    /*-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;*/
}
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;*/
}
.scrollbar-inner > .scroll-element .scroll-element_track {background-color: transparent}
/*.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }*/
/*.scrollbar-inner > .scroll-element:hover .scroll-bar {background-color: #231f20}*/
/*.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {background-color: #231f20}*/
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {left: -12px}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {top: -12px}
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {left: -12px}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {top: -12px}

/*FORMS----------------------------------------*/
.control-form{
    width: 100%; height: 48px;
    border-width: 0 0 3px 0; border-style: solid;
    padding: 10px; position: relative;
    background-color: transparent;
    transition: 0.3s ease-out;
}
.control-form:focus,.control-form:active{font-size: 18px}

textarea.control-form{
    resize: none;
}
textarea.control-form:focus,
textarea.control-form:active,
textarea.control-form.has-content{height: 100px}

.control-form>option{border: 0;}

select.control-form{

}

@media screen and (max-width: 640px){
    h1 br,h2 br,h3 br{display: none}
    p{font-size: 12px !important; line-height: 14px !important;}
}
@media screen and (max-width: 414px){
    p{font-size: 10px !important; line-height: 12px !important;}
}
@media screen and (max-width: 320px){
    p{font-size: 9px !important; line-height: 10px !important;}
}