/* Colors */

a { color: #ea3601;
    -webkit-transition: 0.3s all ease;
       -moz-transition: 0.3s all ease;
         -o-transition: 0.3s all ease;
            transition: 0.3s all ease; }
a:hover { color: #e5e5e5 !important; }
.bg-white a:hover { color: #222 !important; }

a img {
    border: none; outline: none;
}

.white  { color: #ffffff; }
.red   { color: #ea3601; }
.darkgray   { color: #91959a; }
.gray   { color: #857a83; }
.black  { color: #202123; }

.bg-white   { background: #ffffff; }
.bg-blue    { background: #38425b; }
.bg-gray    { background: #ebebeb; }
.bg-black   { background: #120f12; color: #ffffff; }


.br-gray-2 { border: 2px solid #eee; }


/* Margins & Paddings */

.m0 { margin: 0; }

.m1 { margin: 1px; }
.mt1 { margin-top: 1px; }
.mb1 { margin-bottom: 1px; }
.mr1 { margin-right: 1px; }
.ml1 { margin-left: 1px; }
.mh1 { margin-left: 1px; margin-right: 1px; }
.mv1 { margin-top: 1px; margin-bottom: 1px; }

.m5 { margin: 5px; }
.mt5 { margin-top: 5px; }
.mb5 { margin-bottom: 5px; }
.mr5 { margin-right: 5px; }
.ml5 { margin-left: 5px; }
.mh5 { margin-left: 5px; margin-right: 5px; }
.mv5 { margin-top: 5px; margin-bottom: 5px; }

.m10 { margin: 10px; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.mr10 { margin-right: 10px; }
.ml10 { margin-left: 10px; }
.mh10 { margin-left: 10px; margin-right: 10px; }
.mv10 { margin-top: 10px; margin-bottom: 10px; }

.m20 { margin: 20px; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.mr20 { margin-right: 20px; }
.ml20 { margin-left: 20px; }
.mh20 { margin-left: 20px; margin-right: 20px; }
.mv20 { margin-top: 20px; margin-bottom: 20px; }

.m30 { margin: 30px; }
.mt30 { margin-top: 30px; }
.mb30 { margin-bottom: 30px; }
.mr30 { margin-right: 30px; }
.ml30 { margin-left: 30px; }
.mh30 { margin-left: 30px; margin-right: 30px; }
.mv30 { margin-top: 30px; margin-bottom: 30px; }

.m40 { margin: 40px; }
.mt40 { margin-top: 40px; }
.mb40 { margin-bottom: 40px; }
.mr40 { margin-right: 40px; }
.ml40 { margin-left: 40px; }
.mh40 { margin-left: 40px; margin-right: 40px; }
.mv40 { margin-top: 40px; margin-bottom: 40px; }

.ma { margin-left: auto; margin-right: auto; }

.p0 { padding: 0; }

.p1 { padding: 1px; }
.pt1 { padding-top: 1px; }
.pb1 { padding-bottom: 1px; }
.pr1 { padding-right: 1px; }
.pl1 { padding-left: 1px; }
.ph1 { padding-left: 1px; padding-right: 1px; }
.pv1 { padding-top: 1px; padding-bottom: 1px; }

.p5 { padding: 5px; }
.pt5 { padding-top: 5px; }
.pb5 { padding-bottom: 5px; }
.pr5 { padding-right: 5px; }
.pl5 { padding-left: 5px; }
.ph5 { padding-left: 5px; padding-right: 5px; }
.pv5 { padding-top: 5px; padding-bottom: 5px; }

.p10 { padding: 10px; }
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }
.pr10 { padding-right: 10px; }
.pl10 { padding-left: 10px; }
.ph10 { padding-left: 10px; padding-right: 10px; }
.pv10 { padding-top: 10px; padding-bottom: 10px; }

.p15 { padding: 15px; }
.pt15 { padding-top: 15px; }
.pb15 { padding-bottom: 15px; }
.pr15 { padding-right: 15px; }
.pl15 { padding-left: 15px; }
.ph15 { padding-left: 15px; padding-right: 15px; }
.pv15 { padding-top: 15px; padding-bottom: 15px; }

.p20 { padding: 20px; }
.pt20 { padding-top: 20px; }
.pb20 { padding-bottom: 20px; }
.pr20 { padding-right: 20px; }
.pl20 { padding-left: 20px; }
.ph20 { padding-left: 20px; padding-right: 20px; }
.pv20 { padding-top: 20px; padding-bottom: 20px; }

.p30 { padding: 30px; }
.pt30 { padding-top: 30px; }
.pb30 { padding-bottom: 30px; }
.pr30 { padding-right: 30px; }
.pl30 { padding-left: 30px; }
.ph30 { padding-left: 30px; padding-right: 30px; }
.pv30 { padding-top: 30px; padding-bottom: 30px; }

.p40 { padding: 40px; }
.pt40 { padding-top: 40px; }
.pb40 { padding-bottom: 40px; }
.pr40 { padding-right: 40px; }
.pl40 { padding-left: 40px; }
.ph40 { padding-left: 40px; padding-right: 40px; }
.pv40 { padding-top: 40px; padding-bottom: 40px; }

.p80 { padding: 80px; }
.pt80 { padding-top: 80px; }
.pb80 { padding-bottom: 80px; }
.pr80 { padding-right: 80px; }
.pl80 { padding-left: 80px; }
.ph80 { padding-left: 80px; padding-right: 80px; }
.pv80 { padding-top: 80px; padding-bottom: 80px; }


/* Align */

.textright { text-align: right; }
.textcenter { text-align: center; }
.textleft { text-align: left; }


/* Fonts */

.fs10 { font-size: 10px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs24 { font-size: 24px; }
.fs30 { font-size: 30px; }
.fs36 { font-size: 36px; }
.fs40 { font-size: 40px; line-height: 1; }


.w100 {
    width: 100%;
}

.br {
    border-radius: 3px;
}

.icon { 
    font-family: 'yo'; 
    font-weight: 400 !important;
    font-style: normal !important;
    text-transform: none !important;
}

.caps { 
    text-transform: uppercase;
}

.tdnone { 
    text-decoration: none !important;
}


.light      {   font-weight: 300 !important; }
.medium     {   font-weight: 400 !important; }

b,
strong,
.strong     {   font-weight: bold; }


.clear { clear: left; }

.clearboth { clear: both; }

.clearfix:after { 
    content: ''; 
    display: block; 
    clear: both; 
}

.block { display: block; }

.inline { display: inline-block; }

.responsive {
    width: 100%;
    height: auto;
    display: block;
}

.lsnone {
    list-style: none;
}

.text { line-height: 1.7; }

h1 {
    font-weight: 400;
}

.text p,
.text h1,
.text h2,
.text h3,
.text ul,
.text li {
  margin-bottom: 10px;
  line-height: 1.7;
}

.line {
    background: #3d99e0;
    height: 2px;
}



.left {
    float: left;
}

.right { float: right; }




/* Images */

.zoom {
    position: relative;
    display: block;
}

.zoom:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    -webkit-transition: 0.3s ease all;
       -moz-transition: 0.3s ease all;
         -o-transition: 0.3s ease all;
            transition: 0.3s ease all;
}

.zoom:hover:after {
    opacity: 1;
}

.folio-item:hover .zoom:after {
    opacity: 1;
}





/* Buttons */

.button,
button {
    background: #38425b;
    padding: 0 20px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-size: 12px;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    border: 2px solid #38425b;
    height: 40px;
    line-height: 36px;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: 0.3s ease all;
       -moz-transition: 0.3s ease all;
         -o-transition: 0.3s ease all;
            transition: 0.3s ease all;
    outline:none;
    -webkit-appearance: none;
}

.button:hover,
button:hover {
    background: transparent;
    color: #fff;
}

input[type=text],
input[type=number],
input[type=email],
input[type=password],
input[type=search],
textarea {
    background: none;
    text-align: left;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    border: none;
    border-bottom: 2px solid #38425b;
    height: 40px;
    line-height: 36px;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    -webkit-transition: 0.3s ease all;
       -moz-transition: 0.3s ease all;
         -o-transition: 0.3s ease all;
            transition: 0.3s ease all; 
    -webkit-appearance: none;   
}

input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=search]:focus,
textarea:focus {
    border-color: #fff;
}

input.search {
    border-color: transparent !important;
}

textarea {
    height: 100px;
    resize: none;
}