@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800&display=swap');

body {margin: 0; padding: 0;}
body, table, input, textarea, select {font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 400; color: #000;}

a {color:#000;}
a:hover, a:focus {color: #000; text-decoration: none; outline:none;}
a, input, textarea, button,.tra {transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline:none !important;}

.row.no-gutters {margin-right: 0;margin-left: 0;}
.row.no-gutters > [class^="col-"],.row.no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0;}

textarea {resize: none;}

#header-outer{transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }

#logo{float: left; margin:25px 0 0 20px;transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}
#logo a{display: inline-block; width:140px; }
#logo .brand-logo{margin:40px 0 0 40px; vertical-align: top;}

#top-right{float: right;margin:20px 25px 0 0; position1: fixed; left:auto; right: 0;}
#top-right a.search-icon{background: url(../images/search-icon.png) no-repeat 0 0; width:25px; height:25px; display: inline-block; margin-top: 12px; background-size: cover;}
#top-right a.back-icon{background: url(../images/back-icon.png) no-repeat 0 0; width: 32px; height: 32px; display: inline-block; margin-top: 12px; margin-right: 10px;}
#top-right a.brand-logo{display: inline-block; margin: 20px 0 0 15px; vertical-align: top; padding-left: 15px; border-left: 1px solid #fff;}

#wrapper{position: relative;}
#wrapper.active{position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #fff; height: 100%;}


.creative-block{margin-bottom: 50px; display: table; width: 100%;}
.creative-block [class^="col-"]{display: table-cell; vertical-align: middle; float: none; }
.creative-block:first-child{margin-top: 50px;}
.creative-content{margin-left:20px; margin-right:15px; }
.creative-content .title{font-size: 225%; font-weight:700; line-height: normal; margin-bottom:20px; position: relative; padding-left: 30px;}
.creative-content .title:before {content: ''; width: 7px; height: 95%; background-color: #da2128; position: absolute; left: 0; top: 5%;}
.creative-content .desc{font-size: 112%; font-weight:400; padding-left: 30px;}
.creative-content a{color: #da251d; font-size: 170%; line-height: normal; font-weight: 300; margin-top: 30px; display: inline-block; border-bottom: 1px solid; margin-left: 30px;}
.creative-content a:hover{color: #000;}
.image-wrap{max-width: 100%;overflow: hidden; position: relative;}
.image-wrap:before{content: ""; position: absolute; left: 0; top:0; bottom:0; height:100%; width: 30%;
background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
}
.image-wrap:after{content: ""; position: absolute; right: 0; top:0; bottom:0; height:100%; width: 30%;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=1 );
}
.image-wrap span.bg:before{content: ""; position: absolute; left: 0; right: 0; top:0; width:100%; height: 15%;
background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=0 );
}
.image-wrap span.bg:after{content: ""; position: absolute; left: 0; right: 0; bottom:0; width:100%; height: 15%;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );
}

.image-wrap{margin-left:35px;}
.image-wrap ul{overflow: hidden;}
.image-wrap ul{margin: 0; padding: 0; list-style: none;}
.image-wrap .bx-wrapper .bx-next{background: url(../images/next-arrow.png) no-repeat center center;}
.image-wrap .bx-wrapper .bx-prev{background: url(../images/prev-arrow.png) no-repeat center center;}
.image-wrap .main-banner{margin:0 auto;}
.image-wrap .banner-logo{position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 40px; top: auto;}
.image-wrap .banner-logo img{-webkit-filter:drop-shadow(1px 1px 4px rgba(255, 255, 255,1)) drop-shadow(1px 1px 4px rgba(255, 255, 255,1)); filter:drop-shadow(1px 1px 4px rgba(255, 255, 255,1)) drop-shadow(1px 1px 4px rgba(255, 255, 255,1));}
.image-wrap .info{position: absolute; right: 20px; bottom: 20px; text-align: right; z-index: 10;}
.image-wrap .info span{font-size:120%; padding:8px 15px; display:inline-block;background-color: #000; color: #fff;}
.image-wrap .play-icon{position: absolute; left: 0; right: 0; top:40%; z-index: 99; margin:0 auto;  width: 0; height: 0; border-top: 30px solid transparent; border-bottom:30px solid transparent; border-left:50px solid rgba(255,255,255,0.8);}
.image-wrap:hover .play-icon{border-left-color: rgba(255,255,255,1);}
.video-wrap{display: none; position: relative; left: 0; right: 0; top: 0; margin:0 auto; margin-left: 35px;  z-index1:0 ;}

#header-outer{position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 10;}

#banner { position:relative;margin:0 auto; z-index:9;  clear: both; max-width2: 1920px; height1: 820px; overflow: hidden; }
#banner ul.slides { margin:0 auto; padding: 0; list-style: none;}
#banner ul.slides li {height1:820px;position:relative; background-position: center top; background-repeat: no-repeat; background-size:100%;}
#banner .banner-title { width:88%; opacity:1; bottom:50px; left:0; right:0; margin: 0 auto; position:absolute; z-index:999;  text-align: right; color: #fff;}
#banner .banner-title .title{font-size:180%; font-weight: 600;}
#banner .banner-title .sub-title{font-size:150%; font-weight: 300;}

#banner .owl-dots{bottom: 15px; position: absolute; width: 100%; left: 0; right: 0; margin: 0 auto; text-align: center;}
#banner .owl-dots .owl-dot{ padding: 0 10px; margin:0; height: auto; width: auto; display: inline-block; vertical-align: bottom; position: relative; }
#banner .owl-dots .owl-dot span:after{content: ""; position: absolute; top: -9px;; left: 9px; width: 2px; height: 25px;background-color: rgba(255,255,255,0.5); display: inline-block;transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}
#banner .owl-dots .owl-dot.active span:after{height: 45px; top: -29px; background-color: rgba(255,255,255,1);}
#banner .item .container{position: absolute; left:0; right: 0; bottom: 0; margin: 0 auto; height: 150px; background-color: #000; color: #fff; }

#banner .item:before{content: ""; position: absolute; left: 0; top:0; bottom:0; height:100%; width: 20%;
background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
}
#banner .item:after{content: ""; position: absolute; right: 0; top:0; bottom:0; height:100%; width: 20%;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=1 );
}
#banner .item span.bg:before{content: ""; position: absolute; left:0; right:0; top:0; width:100%; height: 15%;
background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=0 );
}
#banner .item span.bg:after{content: ""; position: absolute; left:0; right:0; bottom:0; width:100%; height: 15%;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.7) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );
}

#banner .item.wow .banner-title {text-shadow: 0 0 15px rgba(255,255,255,0.7); color: #000;}
#banner .item.wow:before, #banner .item.wow:after, #banner .item.wow span.bg:before, #banner .item.wow span.bg:after {background: none;}

.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  background: #000;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
  color: white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}


.form-group{position: relative; transition: all 0.3s;}
.form-group.full-width{width: 100%;}
.form-group .form-control{height: 50px; border: none; background:transparent; border-bottom: 1px solid #d7d6d7; box-shadow: none; border-radius: 0;color: #737171;}
.form-group .form-control .control-label{color: #737171; }
.form-group textarea.form-control{height: 120px; padding:15px 12px;}
.form-group .input-group-addon:last-child{padding: 0; border-radius: 0;}
.form-group .input-group-addon .refresh{ width: 40px; display: inline-block;}
.form-group .input-group-addon .refresh i{vertical-align: middle;}
.error-inline{font-size: 90%; color: #B94A48;}

/* form effect */
.control-label { font-weight:600; font-size: 130%; opacity: 1;  pointer-events: none; position: absolute; transform: translate3d(0, 22px, 0) scale(1); transform-origin: left top; transition: 240ms; left:0; margin: 0; top: -10px; color: #737171;}
.normal-label{ font-weight:600; font-size: 130%;color: #737171;}
.form-group.focused .control-label { opacity: 1; transform: scale(0.85); color:#ddd; left: 10px; top: -5px;}
.form-control {align-self: flex-end;}
#contact_loader{position:absolute; left: 0; right: 0; top: 0; bottom:100px;  margin:auto; background-color:rgba(0,0,0,0.4); text-align: center;padding-top: 30%; z-index: 9; }

.btn{border-radius: 0; color: #373435; font-weight:700; font-size: 140%; border: none; margin:20px 0; width: 140px;text-align: center; padding:8px 0 12px; display:inline-block; margin-right: 10px; position: relative;}
.btn:hover{color: #fff;}

footer #top{background: #373435; color: #fff;}
footer #top .block{max-width:550px; margin: 0 auto;text-align:center;}
footer #top .block .title{font-size: 420%; font-weight: 300;}
footer #top .block .desc{font-size:150%; margin-bottom: 80px;}
footer #top .address-info{text-align: center;}
footer #top .address-info a{color: #fff; display: inline-block;}
footer #top .address-info .number{font-weight: 300; font-size: 200%;}
footer #top .address-info .email{font-size: 160%;}
footer #top .address-info .location{font-size:150%; margin: 30px 0;}
footer #top .address-info .location span{font-weight:600;}
footer #top .address-info .map{ font-size:125%; color:rgba(255,255,255,.7); text-decoration:underline; padding-right:30px; background: url(../images/external-link-icon.png) no-repeat right top; line-height: 20px; display:inline-block; }
footer #top .address-info .map:hover{color: #fff;}

footer #bottom{background: #c5c5c5; font-size: 107%; padding:20px 0;}
footer #bottom .copyright{color: #000000;}
footer #bottom .info,footer #bottom .info a{color: #000000;}
footer #bottom .info{text-align: right;}
footer #bottom .info a{display: inline-block; vertical-align: middle; }
footer #bottom .info a:hover{color: #fff;}



/* search overlay */
.menu-icon {width:30px; height:30px; position: absolute; float: right; margin:0; right:40px; top: 40px; z-index: 10;}
.menu-icon span, .menu-icon span:before, .menu-icon span:after {width: 30px; height: 2px; background-color: #fff; display: block; position: absolute; right: 0; left: auto; top: 10px; transition: all 0.3s; }
.menu-icon span{width: 27px;}
.menu-icon span:before {content: ''; top: -7px;}
.menu-icon span:after {content: ''; top: 7px; width: 24px;}
.menu-icon span {background-color: transparent;}
.menu-icon span:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); top: 0;}
.menu-icon span:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); top: 0; width:30px;}

#search-overlay{opacity: 0; visibility:hidden; background-color: rgba(0,0,0,0.8); display: table; width: 100%; height:100%; position: fixed; left: 0; top: 0; right: 0; bottom:0; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s;}
#search-overlay.active{opacity: 1; visibility: visible; z-index: 99999999;}
#search-overlay .search-content{display: table-cell; left: 0; right: 0; top: 0; bottom: 0; margin: auto; text-align: center; width: 100%; height:100%;  vertical-align: middle;}
#search-overlay .search-content .content-inner{width: 50%; margin: 0 auto;}
#search-overlay .search-content h2{color: #fff; margin: 0 0 20px 0; font-weight: 300;}


#search-box {border: 1px solid #fff; margin:0;}
#search-box .form-control{height:47px; color:#fff; box-shadow:none; padding:0 10px;font-size:16px; }
#search-box .form-control:focus{border-color:#cacaca; box-shadow:none;transition:none;}
#search-box .btn-secondary {width: auto; padding:10px 12px;  font-size: 14px; line-height:28px; min-width:60px; margin:0 0 0 -1px; border: none; border-right:1px solid #c5c5c5; border-radius: 0;}
#search-box .btn-secondary:hover,#search-box .btn-secondary:focus{color: #333;}
#search-box .btn-secondary .caret{margin-left:10px; color:#9f9f9f;}
#search-box .input-group-addon {background:transparent;border-radius:0; padding: 0;}
#search-box .input-group-addon button {background:#fff; margin:0; width: 70px; }
#search-box .input-group-addon button:hover{color: #333;}
#search-box .input-group-addon button:focus, #search-box .input-group-addon button:active { box-shadow: none; -webkit-box-shadow: none; }

#search-box .dropdown-menu{border-radius:0; border:1px solid #c5c5c5; margin:0; background:#f3f3f3; top:103%;}
#search-box .dropdown-menu li a{font-size:92.9%; color:#222222; display:block; position: relative; padding:3px 30px 3px 20px;}
#search-box .dropdown-menu li a[data-toggle]:after{ content: '-'; position: absolute; right: 10px; top: 2px; color: #222; }
#search-box .dropdown-menu li a.collapsed[data-toggle]:after{ content: '+'; }
#search-box .dropdown-menu li a:hover:after{color: #fff; }
#search-box .dropdown-menu li ul li a{font-weight:400; font-size:13px; color:#3e3e3e; display:block; padding:0 5px;}
#search-box .dropdown-menu li ul li a:before{content:''; width:5px; height:1px; background:#222222; display:inline-block; vertical-align:middle; margin-right:5px;}
#search-box .dropdown-menu li ul li a:after{content: ''; }
#search-box .dropdown-menu li ul{padding:0; margin: 12px 0; list-style: none;}
#search-box .dropdown-menu li ul li a{padding:0 0 0 20px;}
#search-box .dropdown-menu li a:hover:before{background:#fff;}
#search-box .dropdown-menu li a:hover,#search-box .dropdown-menu li a:focus,#search-box .dropdown-menu li a:active{background:#222222; color:#fff;}

#search-box .form-control, #search-box .input-group-addon { background:transparent; border: none; border-radius:0; }
#search-box .form-control{background-color: #000;}
#search-box .dropdown-menu li a{}

.wow-content {width: 450px; background-color: rgba(0,0,0,0.5); padding: 15px; text-align: left;}
.wow-content p.large {font-size: 121%; font-weight: 600; margin-bottom: 0;}
.wow-content p.text {font-size: 107%; margin-bottom: 0;}