@charset 'utf-8';
@import (reference) 'color';
@import (reference) 'size';
@import (reference) 'font';

.container-fluid,
.contaienr {
    padding: 0;
}

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

img {
    display: block;
    margin-bottom: 10px;
    max-width: 100%;
}

.img-responsive {
    margin: auto;
}

ul,
li {
    list-style: none;
    padding: 0;
    @media screen and (max-width: 768px) {
        padding: 0;
    }
}

a {
    text-decoration: none;
    border-bottom: none;

    &:visited,
    &:active,
    &:link{
        text-decoration: none;
    }
    &:hover{
        // border-bottom: 1px solid @color-10;
        text-decoration: none;
    }
}
.nav>li>a{
    position: relative;
    display: block;
    padding: 4px 20px;
    margin-bottom: 0;
    width: 100%;
    height: auto;
}
form {
    position: relative;
}

.form-control {
    height: 40px;
}

input,
textarea {
    border-radius: 0;
    outline: 0 none !important;
}

label~input,
label~textarea {
    margin-top: 3.3333333333333px;
    outline: 0 none !important;
}

input:focus,
textarea:focus,
a:focus {
    outline: none !important;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

body,
button,
input,
select,
textarea {
    font: 12px/1.5, arial;
}

h1,
h2,
h3,
h4,
h5,
h6,
b,
p,
li,
a {
  color: @color-black;
  font-style: normal;
}



h1{
    font-weight: @fw-700;
    font-size: @fs-16 * 4.0625; // 65
    line-height: 1.13;
    letter-spacing: -.5px;
    @media(max-width:1679px) {
        font-size: @fs-16 * 3; // 48
    }
    @media (max-width:850px){
        font-size: @fs-16 * 2; // 32
        line-height: 1.31
    }
}


h2{
    font-weight: @fw-600;
    font-size: @fs-16 * 2.625; // 42
    line-height: 1.23;
    letter-spacing: -.5px;
    @media(max-width:1679px) {
        font-size: @fs-16 * 2; // 32
        line-height: 1.22;
    }
    @media (max-width:850px){
        font-size: @fs-16 * 1.75; // 28
        line-height: 1.38
    }
}

h3{
    font-weight: @fw-500;
    font-size: @fs-16 * 2; // 32
    line-height: 1.22;
    letter-spacing: -.5px;
    @media (max-width:850px){
        font-size: @fs-16 * 1.75; // 28
        line-height: 1.38
    }
}

h4{
    font-weight: @fw-400;
    font-size: @fs-16 * 1.75; // 28
    line-height: 1.36;
    letter-spacing: -.5px;
    @media (max-width:850px){
        font-size: @fs-16 * 1.5; // 24
        line-height: 1.33
    }
}

h5{
    font-weight: @fw-400;
    font-size: @fs-16 * 1.5; // 24
    line-height: 1.45;
    letter-spacing: -.3px;
    @media (max-width:850px){
        font-size: @fs-16 * 1.25; // 20
        line-height: 1.5
    }
}

h6{
    font-weight: @fw-400;
    font-size: @fs-16 * 1.25; // 20
    line-height: 1.5;
    letter-spacing: -.3px;
    @media (max-width:850px){
        font-size: @fs-16;  // 16
        line-height: 1.55;
    }
}

h7{
    font-weight: @fw-400;
    font-size: @fs-16 + 2; // 18
    line-height: 1.5;
    letter-spacing: -.3px;
    @media (max-width:850px){
        font-size: @fs-16; // 16
        line-height: 1.5;
    }
}

b{
    font-weight: @fw-400;
    font-size: @fs-16  + 2; // 18
    line-height: 1.33;
    letter-spacing: -.3px;
    @media (max-width:850px){
        font-size: @fs-16; // 16
        line-height: 1.6;
    }
}

p,li{
    font-weight: @fw-400;
    font-size: @fs-16 + 2; // 18
    line-height: 1.6;
    letter-spacing: -.3px;
    @media (max-width: 850px){
        font-size: @fs-16;  // 16
        line-height: 1.67;
    }
}
a{
    font-weight: @fw-400;
    font-size: @fs-16 + 2; // 18 
    line-height: 1.88;
    @media (max-width:850px){
        font-size: @fs-16;
        line-height: 1.42;
        letter-spacing: -.2px;
    }
}
p{
    margin: 10px 0 25px;
}
address,
cite,
dfn,
var {
    font-style: normal;
}
code,
kbd,
pre,
samp {
    font-family: @default-font;
    //"Montserrat-Regular",couriernew, courier, monospace;
}

small {
    font-size: 16px;
}

ul,
ol {
    list-style: none;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

legend {
    color: #000;
}

fieldset,
img {
    border: 0;
}

button,
input,
select,
textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html,
body {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    font-family: @default-font;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-synthesis: none;
    line-height: 1.5;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga", "kern";
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility !important;
}

body{
    overflow-y: auto;
    overflow-x: hidden;
}