﻿
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - GLOBAL SETTINGS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; }

.bg img { position: absolute; top: 0px; width: 100%; height: 100%; }

.bg video { position: absolute; }

.bg-bg { background-position: 50% 0px; background-repeat: no-repeat; -moz-background-size: cover; background-size: cover; }

.bg-bg-bag { background-attachment: scroll; -moz-background-origin: initial; background-origin: initial; -moz-background-clip: initial; background-clip: initial; -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: 50% 0; position: relative; }

.bg-bg-chrome { background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -moz-background-size: cover; -ms-background-size: cover; background-size: cover; }

.bg-bg-chrome.act { position: absolute; }

.clip { clip: rect(auto, auto, auto, auto); height: 100%; position: absolute; width: 100%; }

.background-block { -moz-background-size: cover; background-size: cover; background-position: center center; }

body.background-block { background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -moz-background-size: cover; background-size: cover; }

.img-full { display: block; width: 100%; }

.full-width { position: relative; float: left; width: 100%; }

.full-height { height: 100vh; position: relative; float: left; width: 100%; }

.vertical-center { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; position: absolute; }

.vertical-align { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; position: absolute; width: 100%; left: 0px; }

.vertical-align.p-148 { margin-top: 35px; }

.vertical-bottom { position: absolute; bottom: 0px; left: 0px; width: 100%; }

.vertical-top { position: absolute; left: 0px; top: 0px; width: 100%; }

.table-view { height: 100%; width: 100%; display: table; }

.row-view { display: table-row; }

.cell-view { display: table-cell; vertical-align: middle; }

.row10 { margin-right: -5px; margin-left: -5px; }

.col10 { padding-right: 5px; padding-left: 5px; }

.row30 { margin-right: -30px; margin-left: -30px; }

.wide-container { position: relative; padding-right: 30px; padding-left: 30px; margin-right: auto; margin-left: auto; }

.no-padd > div { padding-left: 0px; padding-right: 0px; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - TEXT STYLE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
body { font-family: 'Open Sans', sans-serif; position: relative;}
h1 { font-size: 60px; font-weight: 700; line-height: 70px; text-transform: uppercase; letter-spacing: 10px; }
h2 { font-size: 32px; line-height: 32px; font-weight: 700; text-transform: uppercase; letter-spacing: 5px; }
h3 { font-size: 22px; line-height: 30px; font-weight: 700; text-transform: uppercase; letter-spacing: 5px; }
h4 { font-size: 16px; line-height: 22px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; }
h5 { font-size: 14px; line-height: 18px; font-weight: 400; letter-spacing: 1px; }
h6 { font-size: 13px; line-height: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
p { font-size: 14px; line-height: 26px; font-weight: 400;}
ul li { font-size: 16px; line-height: 32px; font-weight: 300; }
ol li { font-size: 16px; line-height: 32px; font-weight: 300; list-style-position: outside; }
b, strong { font-weight: 700; }
.thin { font-weight: 300; }
.normal { font-weight: 400; }
.medium { font-weight: 600; }
.bold { font-weight: 700; }
.ex-bold { font-weight: 800; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.tt { text-transform: uppercase; }
.bg-white { background: #fff; }
.bg-black-o { background: rgba(0, 0, 0, 0.2); }
.bg-dark { background: #1b1b1b; }
.bg-dark-2 { background: #343434; }
.bg-black { background: #141414; }
.bg-aqua { background: #ff6600; }
.bg-orange { background: #ff6600; }
.bg-dr-blue { background: #2d3e50; }
.bg-blue { background: #23b0e8; }
.bg-blue-light { background: rgba(35, 176, 232, 0.6); }
.bg-blue-2 { background: #1593d0; }
.bg-blue-3 { background: #206ab0; }
.bg-blue-7 { background: #1e4389; }
.bg-blue-8 { background: #28a9e2; }
.bg-dr-blue-2 { background: #022c54; }
.bg-bluejeans { background: #5d9cec; }
.bg-sea { background: #00e5ff; }
.bg-green { background: #66bb6a; }
.bg-grey-2 { background: #f8f8f8; }
.bg-grey-3 { background: #bebebe; }
.bg-grey-6 { background: #f1f1f1; }
.bg-red { background: #ef4836; }
.bg-red-3 { background: #d73240; }
.bg-dark-blue {background: #022c54;}
.color-white { color: #fff; }
.color-white-op { color: rgba(255, 255, 255, 0.6); }
.color-dark { color: #000; }
.color-dark-2 { color: #222; }
.color-dark-2-light { color: rgba(34, 34, 34, 0.6); }
.color-grey { color: #191919; }
.color-grey-2 { background: #f8f8f8; }
.color-grey-3 { color: #1e1e1e; }
.color-grey-4 { color: #cdcdcd; }
.color-grey-5 { color: #a4a4a4; }
.color-grey-6 { color: #f1f1f1; }
.color-grey-7 { color: #777777; }
.color-grey-8 { color: #999999; }

.color-grey-9 { color: #bfbfbf; }

.color-yellow { color: #ffde00; }

.color-aqua { color: #ff6600; }

.color-orange { color: #ff6600; }

.color-blue { color: #23b0e8; }

.color-blue-2 { color: #1593d0; }

.color-blue-3 { color: #206ab0; }

.color-blue-4 { color: #bde9ff; }

.color-blue-5 { color: #a2b5c2; }

.color-blue-6 { color: #28a9e2; }

.color-blue-7 { color: #1e4389; }

.color-blue-8 { color: #28a9e2; }

.color-dr-blue-2 { color: #022c54; }

.color-sea { color: #00e5ff; }

.color-white-light { color: rgba(255, 255, 255, 0.6); }

.color-green { color: #66bb6a; }

.color-dark-green { color: #002222; }

.color-red { color: #ef4836; }

.color-red-2 { color: #ff1515; }

.color-red-3 { color: #d73240; }

.color-pink { color: #ffc0c5; }

.link-dark-2:hover { color: #222; }

.link-white:hover { color: #fff; }

.link-blue:hover { color: #23B0E8; }

.link-blue-2:hover { color: #1593d0; }

.link-dr-blue:hover { color: #2d3e50; }

.link-dr-blue-2:hover { color: #022C54; }

.link-aqua:hover { color: #ff6600; }

.link-red:hover { color: #ef4836; }

.link-red-3:hover { color: #d73240; }

.link-green:hover { color: #66BB6A; }

.link-sea:hover { color: #00e5ff; }

.fl { float: left; }

.fr { float: right; }

.dis-in { display: inline-block; }

.f-14 { font-size: 14px; line-height: 24px; display: inline-block; }

.f-32 { font-size: 32px; }

.no-margin { margin-left: 0; margin-right: 0; }

.no-padding { padding-left: 0; padding-right: 0; }

.padd-0 { padding: 0px; }

.padd-10 { padding: 10px; }

.padd-15 { padding: 15px; }

.padd-40 { padding-bottom: 40px; }

.padd-70-70 { padding-top: 70px; padding-bottom: 70px; }

.padd-70-0 { padding-top: 70px; }

.padd-80 { padding-bottom: 80px; }

.padd-90 { padding-bottom: 90px; }

.padd-90-90 { padding: 90px 0px; }

.padd-94-94 { padding: 94px 0px; }

.padd-100 { padding: 100px 0px; }

.padd-110 { padding: 110px 0px; }

.padd-120 { padding-bottom: 120px; }

.col-no-padd > div { padding-left: 0px; padding-right: 0px; }

.vert-title { margin-top: -275px; }

.min-324 { max-width: 324px; }

.min-204 { max-width: 204px; }

.min-154 { min-height: 100px; }

.w_50 { width: 50%; position: relative; display: inline-block; }

.h_100 { height: 100%; }

.h_50 { height: 50%; }

/*.radius-0 { -moz-border-radius: 0px; border-radius: 0px; }*/

.radius-3 { -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; }

.radius-4 { -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; }

.radius-5 { -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }

.radius-5 .tour-layer { -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }

.input-style-1 { position: relative; float: left; display: block; width: 100%; }
.input-style-1.input-style-2 input {padding: 0px 25px; font-size: 14px;}

.input-style-1 img { position: absolute; left: 25px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.input-style-1 input { width: 100%; border: 1px solid rgba(255, 255, 255, 0.5); -moz-border-radius: 25px; border-radius: 25px; background: none; height: 60px; padding: 0px 20px 0px 50px; color: #fff; }

.submit input { padding: 21px 20px; letter-spacing: 1px; }

.input-style-1.color-2 input { border-color: rgba(219, 219, 219, 0.6); color: rgba(34, 34, 34, 0.6); }

.input-style-1.color-2 input::-webkit-input-placeholder { color: rgba(34, 34, 34, 0.6); opacity: 1; }

.input-style-1.color-2 input::-moz-placeholder { color: rgba(34, 34, 34, 0.6); opacity: 1; }

.input-style-1.color-2 input:-moz-placeholder { color: rgba(34, 34, 34, 0.6); opacity: 1; }

.input-style-1.color-2 input:-ms-input-placeholder { color: rgba(34, 34, 34, 0.6); opacity: 1; }

.input-style-1.color-3 input { border-color: #f8f8f8; background: #f8f8f8; color: #191919; opacity: 1; }

.input-style-1.color-3 input::-webkit-input-placeholder { color: #b9b9b9; opacity: 1; }

.input-style-1.color-3 input::-moz-placeholder { color: #b9b9b9; opacity: 1; }

.input-style-1.color-3 input:-moz-placeholder { color: #b9b9b9; opacity: 1; }

.input-style-1.color-3 input:-ms-input-placeholder { color: #b9b9b9; opacity: 1; }

.input-style-1.color-4 input { border-color: #fff; background: #fff; color: #b9b9b9; opacity: 1; }

.input-style-1.color-4 input::-webkit-input-placeholder { color: #b9b9b9; opacity: 1; }

.input-style-1.color-4 input::-moz-placeholder { color: #b9b9b9; opacity: 1; }

.input-style-1.color-4 input:-moz-placeholder { color: #b9b9b9; opacity: 1; }

.input-style-1.color-4 input:-ms-input-placeholder { color: #b9b9b9; opacity: 1; }

.input-style-1.color-5 input { border-color: #dfdfdf; background: #fff; color: #b9b9b9; opacity: 1; }

.input-style-1.color-5 input::-webkit-input-placeholder { color: #b9b9b9; opacity: 1; }

.input-style-1.color-5 input::-moz-placeholder { color: #b9b9b9; opacity: 1; }

.input-style-1.color-5 input:-moz-placeholder { color: #b9b9b9; opacity: 1; }

.input-style-1.color-5 input:-ms-input-placeholder { color: #b9b9b9; opacity: 1; }

.input-style-1.color-6 input { border-color: rgba(223, 223, 223, 0.6); background: transparent; color: rgba(255, 255, 255, 0.6); }

.input-style-1.color-6 input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); opacity: 1; }

.input-style-1.color-6 input::-moz-placeholder { color: rgba(255, 255, 255, 0.6); opacity: 1; }

.input-style-1.color-6 input:-moz-placeholder { color: rgba(255, 255, 255, 0.6); opacity: 1; }

.input-style-1.color-6 input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); opacity: 1; }

.input-style-1.b-50 input { font-size: 14px; height: 50px; padding: 0px 20px 0px 44px; }

.input-style-1.b-50 img { left: 22px; }

.input-style-1.type-2 input { padding: 0px 20px 0px 21px; }

.input-style-1.type-2.b-50 input { padding: 0px 20px 0px 21px; }

.input-style-1.brd-0 input { border: none; }

.area-style-1 { display: block; width: 100%; height: 216px; padding: 20px; -moz-border-radius: 4px; border-radius: 4px; }

.area-style-1.type-2 { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 18px; font-weight: 400; letter-spacing: 0.5px; height: 110px; padding: 20px; }

.area-style-1.color-1 { border: 1px solid rgba(219, 219, 219, 0.6); }

.area-style-1.color-1::-webkit-input-placeholder { color: rgba(34, 34, 34, 0.6); opacity: 1; }

.area-style-1.color-1::-moz-placeholder { color: rgba(34, 34, 34, 0.6); opacity: 1; }

.area-style-1.color-1:-moz-placeholder { color: rgba(34, 34, 34, 0.6); opacity: 1; }

.area-style-1.color-1:-ms-input-placeholder { color: rgba(34, 34, 34, 0.6); opacity: 1; }

.area-style-1.color-2 { background: #fff; color: #b9b9b9; }

.area-style-1.color-2::-webkit-input-placeholder { color: #b9b9b9; opacity: 1; }

.area-style-1.color-2::-moz-placeholder { color: #b9b9b9; opacity: 1; }

.area-style-1.color-2:-moz-placeholder { color: #b9b9b9; opacity: 1; }

.area-style-1.color-2:-ms-input-placeholder { color: #b9b9b9; opacity: 1; }

.area-style-1.color-3 { background: #f8f8f8; color: #b9b9b9; }

.area-style-1.color-3::-webkit-input-placeholder { color: #b9b9b9; opacity: 1; }

.area-style-1.color-3::-moz-placeholder { color: #b9b9b9; opacity: 1; }

.area-style-1.color-3:-moz-placeholder { color: #b9b9b9; opacity: 1; }

.area-style-1.color-3:-ms-input-placeholder { color: #b9b9b9; opacity: 1; }
.drop-wrap-s-2 .drop span {top: 40px;}