/************************************************************************************/
/* Html 
/************************************************************************************/
@-ms-viewport {width: device-width;}
html {box-sizing: border-box; -ms-overflow-style: scrollbar; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; height: 100%;}
*, *::before, *::after {box-sizing: inherit;}
body {height: 100%; font-weight:normal !important; background:#DC3066; padding:0; color:#fff; min-height: 100vh; font-family: 'open_sansregular'; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size:20px;}
a:link {color:#fff; text-decoration:none;}
a:visited {color:#fff; text-decoration:none;}
a:hover {color:#fff; text-decoration:none; transition: .5s;}
a:active {color:#fff; text-decoration:none;}
.stack {position:relative; display:inline-block; height:1.2em; line-height:1em; vertical-align:middle;}
* {-webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; outline: none !important;}
p {padding:0; margin:0; font-size:20px;}
/************************************************************************************/
/* Main 
/************************************************************************************/
section, .wiz {height:100vh;}
section.auto {height: auto;}
.pad {padding:20px 65px 30px 55px;}
.pad-a {padding:30px 50px;}
section#zero {background:#000 url(../images/city3.jpg) center; background-size:cover; flex: 1 0 auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;}
section#zero img {height:80px;}
section#four .logosa img {height:50px; margin-bottom:20px;}
section#zero h1 {font-family: 'open_sansbold'; font-size:24px; font-weight:normal; text-transform:uppercase; color:#fff;}
section#zero h2 {font-family: 'open_sansregular'; font-size:22px; font-weight:normal; color:#fff;}
section#one p {padding:0 10px 10px 10px;}
section#two {background: url(../images/123.png) bottom right no-repeat;}
section#one {background:#FBAE40; flex: 1 0 auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;}
section#three {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;}
section#four {background:#982F69; flex: 1 0 auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;}
.port {flex: 1 0 auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;}
.port-a {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;}
.ass {display: -webkit-box; padding:0 15px 60px 15px; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; -ms-flex-align: end !important; align-items: flex-end !important;}
.port-b {display: -webkit-box; padding:0 15px 60px 15px; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; -ms-flex-align: center !important; align-items: center !important;}
h2 {font-family: 'open_sansregular'; font-size:20px; padding-bottom:20px; font-weight:normal;}
.btn-a .btn {color:#fff !important;}
.btn-a, .btn-a:focus {color: #fff; background-color: transparent; border-color:#fff; padding:8px 20px; margin:0; font-size:14px; }
.btn-a:hover {color: #fff; background-color: #FE8570; border-color:#FE8570;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline: none; outline-offset:0;}
.btn:active, .btn.active {background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none;}
.masonry .port-a {cursor:pointer; -webkit-transition: .8s opacity; transition: .8s opacity;}
.masonry:hover .port-a {opacity: 1;}
.masonry:hover .port-a:hover {opacity: 1;} 
.outer {overflow: hidden;}
.inner {height: 100%; width: 100%; transition: all 0.7s ease;}
.inner:hover {transform: scale(1.03);}
.logo img {padding:0 50px 0 50px;}
.left h3 {font-family: 'open_sansregular'; font-size:18px; padding-bottom:20px; font-weight:normal;}
.left p {padding-bottom:30px; font-size:18px;}
.btn-b {padding:10px 20px; font-size:16px; color:#fff !important; text-transform:uppercase;}
.btn-b {color: #fff; background-color: transparent; border-color:#fff;}
.btn-b:focus, .btn-b:hover {color: #fff; background-color: transparent; border-color:#fff;}
.btn-b:hover {color: #fff; background-color: transparent; border-color:#fff;}
.btn-c {padding:10px 20px; font-size:16px; color:#fff !important; text-transform:uppercase;}
.btn-c {color: #982F69; background-color: transparent; border-color:#fff;}
.btn-c:focus, .btn-c:hover {color: #982F69; background-color: transparent; border-color:#fff;}
.btn-c:hover {color: #982F69; background-color: transparent; border-color:#fff;}
.port-a .logo {padding:0 120px 0 120px; text-align:center;}
.port-a h2 {font-family: 'open_sansregular'; font-size:20px; padding-bottom:30px; font-weight:normal;}
.port-a:hover {cursor:pointer;}
.trans-a  {list-style:none; text-decoration: none;}
.trans-a li, .trans-a li a {color:#fff; padding-bottom:7px; font-size:18px;}
.trans-a li a+a {padding-left:10px;}
.trans-a li a:hover {color: #fff;}
.trans-a li span {color:#fff; padding-right:7px; opacity:.5}
.form-control-a {color:#fff; margin-bottom:20px; display: block; width: 100%; height: 36px; padding: 3px 12px; font-size: 16px; line-height: 1.42857143; background:none; background-image: none; border: 1px solid #fff; border-radius: 0;}
.form-control-a:focus {border: 1px solid #fff; outline: 0; -webkit-box-shadow: none; box-shadow: none; background:none;}
.form-control-a::-moz-placeholder {color: #fff; opacity: .5; background:none;}
.form-control-a:-ms-input-placeholder {color: #fff; opacity: .5; background:none;}
.form-control-a::-webkit-input-placeholder {color: #fff; opacity:.5; background:none;}
.form-group input[type="text"] {margin-bottom:10px; background:none;}
textarea {resize: none; height:97px !important; padding: 15px;}
.one h2 {font-family: 'open_sansbold'; font-size:65px; padding-bottom:20px; font-weight:normal; text-transform:uppercase; opacity:.4; color:#fff;}
.color-bg-1 {background:#C9DC50;}
.color-bg-2 {background:#FBAE40;}
.color-bg-3 {background:#DF783B;}
.color-bg-4 {background:#EE3439;}
.color-bg-5 {background:#DC3066;}
.color-bg-6 {background:#982F69;}
.service h3 {font-family: 'open_sansbold'; font-size:30px; padding-bottom:10px; font-weight:normal; color:#fff; opacity:.5; text-transform:uppercase;}
.50vh {height:50vh;}
.100vh {height:100%;}
.pass {padding:110px 0;}
.logos img {width:280px;}
.top {margin-top:-110px;}
.pad-b {padding:20px 65px 30px 55px;}
.ft {padding:35px 0 35px 0;}
/************************************************************************************/
/* Scroll 
/************************************************************************************/
.scroll {width: 30px; height: 50px; position: absolute; bottom: 20px; left: 50%; cursor: pointer; margin-top: -25px; margin-left: -15px;}
.scroll .mouse {width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; border: 2px solid #fff; border-radius: 18px !important;}
.scroll .wheel {width: 10px; height: 10px; top: 8px; left: 50%; position: absolute; background: #fff; display: block; border-radius: 50% !important; margin-left: -5px; animation-name: scroll-wheel; animation-duration: 1s;
 animation-iteration-count: infinite;}
@keyframes scroll-wheel {
from {transform: translate3d(0, 0, 0); opacity: 1;}
to {transform: translate3d(0, 20px, 0); opacity: 0;}
}
.tel {position: absolute; bottom: 30px; left: 55px; cursor: pointer; font-size:15px;}
.mail {position: absolute; bottom: 30px; right: 55px; cursor: pointer; font-size:15px;}
.tel i, .mail i, .city i {font-size:22px; padding-right:10px; color:#fff;}
.burgers {position: fixed; top: 30px; right: 55px; cursor: pointer; z-index:9; font-size:25px;}
.city {position: absolute; top: 30px; left: 55px; cursor: pointer; font-size:15px;}
.menu ul li {font-size:30px; color:#fff; padding:10px 20px; font-family: 'open_sansregular'; font-weight:normal; text-transform:uppercase;}
/************************************************************************************/
/* Vertical Fixed Navigation 
/************************************************************************************/
.fp-nav {position: fixed; margin-top: -45px; top: 45%; opacity: 1; -webkit-transform: translate3d(0,0,0); z-index:9;}
.fp-nav.right {right: 30px;}
.fp-nav ul {margin: 0; padding: 0;}
.fp-nav ul li {display: block; width: 13px; height: 13px; margin: 12px 0; position:relative;}
.fp-nav ul li a {display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none;}
.fp-nav ul li a.active span, .fp-nav ul li:hover a.active span {height: 13px; width: 13px; background: #fff; opacity:1;}
.fp-nav ul li a span {position: absolute; z-index: 1; height: 13px; width: 13px; border: 0; background: #fff; opacity:.4; left: 50%; top: 50%; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
.fp-nav ul li:hover a span {width: 13px; height: 13px; margin:0;}
/************************************************************************************/
/* Modal
/************************************************************************************/
.modal-backdrop.in {opacity: .5;}
.modal-open .modal {padding-left: 0px !important; padding-right: 0px !important;}
.modal-header {color:#fff; border-bottom: none; padding: 0;}
.panel {margin:0; background:none; border:none;}
.modal-content {border:0;}
.modal-dialog, .modal-content {height: 100%; width:100%; margin:0;}
body.modal-open {overflow: visible;}
.modal-open {padding:0 !important; overflow-y: auto;}
.tt {position: absolute; top: 50%; left: 50%; width:100%; transform: translate(-50%, -50%) !important;}
.close {position: absolute; float: right; right:0; top:0; font-size: 18px; padding:10px 15px; font-weight: bold; line-height: 1; color: #fff; text-shadow: none; filter: alpha(opacity=100); opacity: 1; background:#B90003; z-index:999999;}
.close:hover, .close:focus {padding:10px 15px; background:#B90003; color: #fff; text-decoration: none; cursor: pointer; filter: alpha(opacity=100); opacity: 1;}
button.close {padding:10px 15px; background:#B90003; -webkit-appearance: none; cursor: pointer; border: 0;}
/************************************************************************************/
/* Slider
/************************************************************************************/
#slider-a .owl-carousel .item {position: relative; padding:0; text-align:center;}
#slider-a .owl-carousel .owl-item {float: left; text-align:center; width: 100%;}
#slider-a .owl-pagination {margin:0}
.owl-theme .owl-controls {margin-top: 50px;}
.owl-theme .owl-controls .owl-page span {display: block; width: 11px; height: 11px; margin: 0 6px; filter: Alpha(Opacity=40); opacity: 0.4; background: #fff;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span, .owl-page span {filter: Alpha(Opacity=100); opacity: 1; background: #fff;}
.owl-theme .owl-controls .owl-buttons div {display: inline-block; zoom: 1; *display: inline; font-size: 35px; filter: Alpha(Opacity=100); opacity: 1; position: absolute; top: 50%; margin-top: -50px;}
.owl-theme .owl-controls .owl-buttons .owl-prev {left: 20px;}
.owl-theme .owl-controls .owl-buttons .owl-next {right: 20px;}
/************************************************************************************/
/* Media 
/************************************************************************************/
/* --- Mobile --- (col-mx) */
@media only screen and (min-width: 320px) and (max-width: 480px) {
.pad, .pad-a {padding:40px 20px;}
.pad-b {padding:40px 20px 40px 20px;}
.tel, .city {left: 20px;}
.mail {right: 20px;}
.burgers {top: 20px; right: 20px;}
section#three {height: auto;}
p {padding:0; margin:0; font-size:16px;}
h1, .one h2 {font-size:22px;}
.service h3 {font-size:22px;}
section#one, section#four {height: auto;}
.pass {padding:60px 0;}
section#zero img {height:40px;}
}
/* --- Mobile portrait --- (col-mp) */
@media only screen and (min-width: 481px) and (max-width: 576px) {
.pad, .pad-a {padding:40px 20px;}
.pad-b {padding:30px;}
.tel, .city {left: 20px;}
.city {top: 20px;}
.mail {right: 20px;}
.burgers {top: 20px; right: 20px;}
section#three, section#one, section#four {height: auto;}
p {padding:0; margin:0; font-size:16px;}
h1, .one h2 {font-size:30px;}
.service h3 {font-size:22px;}
.pass {padding:60px 0;}
section#zero img {height:40px;}
}
/* --- Mobile landscape --- (col-ml) */
@media only screen and (min-width: 577px) and (max-width: 768px) {
.pad, .pad-a {padding:40px 20px;}
.pad-b {padding:20px 35px 15px 20px;}
.tel, .city {left: 20px;}
.city {top: 20px;}
.mail {right: 20px;}
.burgers {top: 30px; right: 20px;}
section#three, section#one, section#four {height: auto;}
p {padding:0; margin:0; font-size:16px;}
h1, .one h2 {font-size:30px;}
.service h3 {font-size:22px;}
.pad-a {padding:20px;}
.logos img {width:230px;}
.pass {padding:80px 0;}
section#zero img {height:50px;}
}
/* --- Tablet portrait --- (col-tp) */
@media only screen and (min-width: 769px) and (max-width: 992px) {
p {padding:0; margin:0; font-size:16px;}
h1, .one h2 {font-size:30px;}
.pass {padding:80px 0;}
section#three, section#one, section#four {height: auto;}
section#zero img {height:50px;}
.pad-b {padding:20px 65px 15px 20px;}
}
/* --- Note landscape --- (col-ts) */
@media only screen and (min-width: 993px) and (max-width: 1200px) {
section#zero img {height:60px;}
.pad-b {padding:20px 65px 15px 30px;}
}
/* --- Comp landscape --- (col-tl) */
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
section#zero img {height:70px;}
.pad-b {padding:20px 20px 15px 20px;}
}
/* --- Comp landscape --- (col-tb) */
@media only screen and (min-width: 1400px) and (max-width: 7680px) {
.pad-b {padding:20px 40px 15px 30px;}
}