*{margin:0; padding:0; text-decoration:none; outline:none}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, select, legend, table, caption, tbody, tfoot, thead, tr, th, td, input {margin:0; padding:0; border:0; font-family:'Jost', sans-serif; }
body{font-size:100%; font-family:'Jost', sans-serif; background:#f8f8f8}
.fixed-right {
  position: fixed;
  right: -93px;
  top: 50%;
  background: #0a3e70;
  transform: rotate(90deg);
  padding: 0px 10px;
  cursor: pointer;
  box-shadow: 0px 0px 100px #888;
  z-index: 999;
}
.fixed-right p {
  color: #fff;
  font-size: 20px;
  letter-spacing: 5px;
  margin: 10px;
  font-weight: 900;
  text-transform: uppercase;
}
header.bg-logo {
  width: 100%;
  height: 75px;
  float: left;
}
.no-overflow{overflow:hidden}
.left{float:left}
.right{float:right}
.clear:after{display: block; content:""; clear: both}
.show{display:block}
.hide{display:none}
.inline{display:inline-block}
.ucase{text-transform:uppercase}
.calign{text-align:center}
.ralign{text-align:right}
.malign{vertical-align:middle}
.justify{text-align:justify;}
.box{box-sizing:border-box}
.relative{position:relative}
.container{padding:3em}
.container2,.container3{padding:2em 3em}
.container4{padding:3em 3em 0 3em}
.mauto{margin:auto}
.mwidth{max-width:100%; height:auto; margin:auto}
.relpar{height:0; width:100%; position:relative}
.switch{display:block}
.lheight{line-height:1.5}
.lspace{letter-spacing:2px}
.brred{border:5px solid #ba105f}
.button{padding:10px; line-height:1; display:block; margin:15px 0; border:1px solid #fff}
.fixed-mid-center{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%)}
.fixed-center{position:absolute; left:50%; transform: translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform: translateX(-50%)}
.fixed-middle{position:absolute; top:50%; transform: translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform: translateY(-50%)}

p,h6{margin:10px 0; line-height:1.75}
h2{font-size:2em; line-height:1}
.white{color:#fff}.black{color:#000}
.gray{color:#888}.yellow{color: #ffff00}
.green{color:#4db848}
.blue{color:#535552}
.red{color:#cd2122}
.golden{color:#D5AD6D; background: -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%); background: -o-linear-gradient(transparent, transparent); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.bg-white{background:#fff}
.bg-gray{background:#eee}
.bg-black{background:#222}
.bg-blue{background:#535552}
.bg-logo{background:#fff}
.bg-red{background:#cd2122}
.bg-green{background:#4db848}
header{top:0; left:0; right:0; z-index:3; padding:0 20px; position:fixed; box-shadow:0px 0px 100px #000}
header .ilogo {
  height: 55px;
  margin: 10px 0px;
  width: auto;
  display: block;
  line-height: 75px;
}
header .icontact {
  font-size: 30px;
  line-height: 40px;
  padding: 18px 0px;
  font-weight: 600;
}
header .icontact img {
  width: 25px;
}

.bg-gradient{background-color: rgba(0,0,0,0); background-image: linear-gradient(to right, rgba(0,0,0,1) , rgba(0,0,0,0));}
.home{margin-top:50px}

.col-401 {width:100%}
.col-501 {width:50%}
.col-501 {width:100%}
.col-601 {width:100%}
.col-651 {width:100%}
.col-701 {width:100%}
.col-751 {width:100%}
.col-801 {width:100%}
.container1 {padding:3em}
.container1 {padding:1.5em}
/*gallery*/
.gallery {
	display: block
}
.gallery img {
	display: block;
	width: 100%;
	height: auto
}
.call {
	font-size: 3em
}
.call a:hover { 
	color:#fff
}
/* fixed form */
form{width:100%; display:flex; justify-content:center; align-items:center;}
.form-col{margin:10px; width:50%; position:relative}
.form-col i{position:absolute; left:10px; top:0; line-height:40px; font-size:1em; color: 3444}
.inputxt{background:#fff; font-size:1em; padding:0 0 0 40px; line-height:40px; width:100%; color:#444}
.textbox{background:#fff; border:1px solid #ddd; font-size:1em; padding:0 0 0 40px; line-height:40px; width:100%; color:#444}
input{box-sizing:border-box}
input.error, textarea.error, select.error, .textbox.error {border:2px solid #ff6969 !important; color:#fff}input.error:focus, textarea.error:focus, select.error:focus, .textbox.error:focus {border:0; color: #fff}.inputxt::-webkit-input-placeholder{color: #444}.inputxt:-moz-placeholder{color: #444}.inputxt::-moz-placeholder{color: #444}.inputxt:-ms-input-placeholder{color: #444}

/*header gallery content*/
.ifeatures{position:absolute; left:50px; z-index:2; top:50px; width:400px; height:auto; padding:50px; background:rgba(30,61,244,0.5); box-shadow:5px 5px 10px rgba(0,0,0,.5); border-radius:0px 25px 0px 25px; }

.ifeatures ul{display:block; margin:0; padding:0; font-size:1.2em; list-style:none; }
.ifeatures ul li{list-style:none; display:block; opacity:1;}
.ifeatures h1{font-size:1.5em; padding-bottom:15px; margin-bottom:10px; position:relative; }
.ifeatures h1:after{position:absolute; left:0; bottom:0; width:100px; height:5px; background:#4db848;  content:""}



.btn,.modal-content,.modal-header{border-radius:0}
.btn-danger{background:#cd2122 !important}
.nopad{padding:0 !important}
.nomar{margin:0 !important}
.switch{display:block}
/*project*/
.project{margin:15px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); border-radius:5px;}
.project-pic{position: relative;}
.project .project-pic img{width:100%; height:auto; display:block; border-radius:5px 5px 0 0}
.project-status{position:absolute; top:15px; left:15px; line-height:20px; padding:0 1em; border-radius:10px; font-size:.6em; font-weight:bold; text-transform:uppercase; box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 8px !important; color:#b61a21; background:rgba(255, 255, 255, 0.95); border:0.5px solid rgba(0, 0, 0, 0.5)}
.trending{position:absolute; left:0; bottom:100px; z-index:2; padding:0 25px; background:#003cff; font-size:.8em; line-height:2}
.bestsel{position:absolute; left:0; bottom:100px; z-index:2; padding:0 25px; background:#0add00; font-size:.8em; line-height:2}
.newlaunch{position:absolute; left:0; bottom:100px; z-index:2; padding:0 25px; background:#9a00f2; font-size:.8em; line-height:2}
.project-pic .propname{position:absolute; left:0; right:0; bottom:0; padding:50px 25px 15px; background-image:linear-gradient(to top, rgba(0,0,0,1) , rgba(0,0,0,0)); text-shadow:1px 1px 3px rgba(0,0,0,1)}
.project-pic .propname .protitle{font-size: 1.2em; font-weight: 500; line-height:1.5; margin: 0}
.project-pic .propname .protype{font-size:0.8em; font-weight: 500; line-height: 1; margin:6px 0}
.project-pic .propname .proloc{font-size:1em; font-weight: 500; line-height: 1; margin:0}
.project-details ul{list-style:none; display:block; padding:25px}
.project-details ul li{list-style:none; font-weight: 500; line-height:2.5; display:block; border-bottom:1px solid #eee;}
/*About Slider*/
.flider{padding:1em 6em; background:rgba(0,0,0,.05);}
.flides{margin: 1em 0 2em;}
.flides .flide{background:#fff; padding:1em 1em 2em; border-radius:25px; margin:0 1em !important;  position:relative;}
.flides .flide:after{content:""; position:absolute; left:1.2em; bottom:1em; width:60px; height:2px; background:#50b648; z-index:2}
.flides .flide .bitle{margin: 0px; font-size: 65px !important; line-height:1; font-weight: 600; }
.flides .flide .sitle{font-size:.90em; margin-top:7px; line-height:1.25; font-weight: normal !important}
/* Slider */
.slider {width:100%; margin:auto}.slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent}.slick-list{ position: relative; display: block; overflow:hidden}.slick-list:focus{ outline: none}.slick-list.dragging{ cursor: pointer; cursor: pointer}.slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}.slick-track{ position: relative; top: 0; left: 0; display: block}.slick-track:before,.slick-track:after{ display: table; content: ''}.slick-track:after{ clear: both}.slick-loading .slick-track{ visibility: hidden}.slick-slide{display: none; float: left; margin:0; min-height: 1px}[dir='rtl'] .slick-slide{ float: right}.slick-slide img{ display: block}.slick-slide.slick-loading img{ display: none}.slick-slide.dragging img{ pointer-events: none}.slick-initialized .slick-slide{ display: block}.slick-loading .slick-slide{ visibility: hidden}.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent}.slick-arrow.slick-hidden { display: none}.slick-loading .slick-list{ background: #fff center center no-repeat}
.prev{position: absolute; right:-9px; cursor:pointer}
.next{position: absolute; left:-9px; cursor:pointer}
.next, .prev{font-size:1.2em; height:50px; width:50px; border:none; background:#fff; border-radius:25px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); box-shadow:2px 2px 5px rgba(0,0,0,.5); border:0; z-index:1; color:#000}
.next i, .prev i{line-height:50px;}
.slick-dotted.slick-slider{}
.slick-dots{text-align: left; bottom:-15px}
.slick-dots{position:absolute;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center; display: none !important;}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 0;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick'}.slick-dots li.slick-active button:before{opacity:.75;color:rgba(0,0,0,.9);border:solid 1px rgba(0,0,0,.9);border-radius:50%}
.slick-dots li:before{content:'';background:rgba(0,0,0,.9);width:7px;height:7px;position:absolute;border-radius:50%; position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%)}.slick-dots li.slick-active:before{content:'';background:rgba(0,0,0,.9);width:7px;height:7px}.slick-dots li.slick-active{border:solid 1px rgba(0,0,0,.9);border-radius:50%;text-align:center;left:0}.slick-dots li{margin:0 5px!important}.slick-slide:focus{outline:none;box-shadow:none}
@media screen and (min-width: 240px) and (max-width: 786px) {.container{padding:1.5em} .container3, .container4{padding:1em 1em 0 1em} header{padding:0}
header .icontact{font-size:1.2em}
.call{font-size:2em}
.ibanner{height:auto !important; min-height:auto}
.ifeatures{padding:25px; position:relative; margin-top:80px; top:0; left:0; right:0; width:auto; background:#005aab}
.ifeatures ul{font-size:1.2em}
.ifeatures h1{font-size:1.5em}
h2{font-size:1.25em}
li.red {
  left: 50%;
  bottom: 0%;
  transform: translate(-50%, -0%);
}
.project-pic.first {
  height: 220px;
}
.project{margin:10px}
.iform{
  width: 90%;
}
.home{margin-top:0}
.awards .clear {

  height: auto;
}
section#gallery {
  height: 220px;
  width: 100%;
  overflow: hidden;
  margin-top: 60px;
}
header.bg-logo {
  width: 100%;
  height: 60px;
  float: left;
}
header.bg-logo img.bar {
  width: 25px;
  float: left;
  line-height: 100px;
  margin: 18px 5px 18px 20px;
  cursor: pointer;
}
.slick-track {

  height: 220px;
}
.gallery img {
  height: 100% !important;
}
h2.ucase.calign.green.mb-3 {
  font-size: 22px;
}
h2.ucase.calign.green {
  font-size: 22px;
}
.awards {
  padding: 0px 10px;
}
.menu {
 
  width: 100%;
  height: 100%;
}
.flider p.justify.h6 {
  width: 100%;
  line-height: 30px;
}
.clear {
  text-align: center;
}
.flides .flide:after{
  display: none;
}
section#gallery .slick-track {
  height: 200px;
}
.slick-initialized .slick-slide {
  display: block;
  height: auto
}
.col-sm.nopad.project.clear {
  height: 400px;
}
}
/* fixed form */
    .fixed-form{position: fixed; z-index: 111; bottom: 10px; right: 20px; width:230px; text-align: center; font-family: 'Montserrat',sans-serif; box-shadow: 0 5px 10px rgba(0,0,0,.6)}
  .fixed-form .fixed-btn{position: relative; background: #3e24db; cursor: pointer;}
  .fixed-form .fixed-btn img{position: absolute; left: -25px; top: -5px; width: 60px; height: auto; border-radius: 50%}
  .fixed-form .fixed-btn .fixed-title{line-height: 50px; font-size: 14px; color: #fff; text-align: center;}
  .fixed-form .fixed-body{padding: 15px 10px; background: #fff}
  .fixed-form .fixed-body iframe{padding: 0; margin: 0; border: none; height:210px; width: 100%; overflow: hidden;}
  .fixed-form .fixed-btn:before {content: "+"; font-size:32px; color: #fff; position: absolute; right: 10px; top:0; line-height: 50px}
  .fixed-form .expanded:before {content: "-"; font-size:32px; color: #fff; position: absolute; right: 10px; top:0; line-height: 50px}
  @media screen and (min-width: 240px) and (max-width: 1024px){.fixed-form{bottom:25px; right: 10px;} 
    header .ilogo{height:40px; padding:5px; width:auto; display:block} 
    header .icontact{font-size:20px; padding:10px;} .ifeatures{padding:25px; position:relative; margin-top:50px; top:0; left:0; right:0; width:auto; background:#005aab} .justify{text-align:justify; text-rendering: optimizeLegibility; word-break: break-all;} .justify{text-align:justify; text-rendering: optimizeLegibility; word-break: break-all;}}