@font-face { font-family: 'ge_ss_twomedium'; src: url('../type/ge_ss_two_medium-webfont.woff2') format('woff2'), url('../type/ge_ss_two_medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
header, section, article, aside, nav, footer, p, h1, h2, h3, h4, h5, ul, li details, figcaption, figure, footer, hgroup, main, summary { margin: 0; padding: 0; display: block; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
audio, canvas, video { display: inline-block; *display:inline;
 *zoom:1
}
audio:not([controls]) { display: none; height: 0 }
 [hidden] {
 display:none
}
html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
html, button, input, select, textarea { font-family: sans-serif }
body { margin: 0; margin: 0px; }
a:focus { outline: thin dotted }
a:active, a:hover { outline: 0 }
h6 { font-size: .67em; margin: 2.33em 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: bold }
blockquote { margin: 1em 40px }
dfn { font-style: italic }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 }
mark { background: #ff0; color: #000 }
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
dl, menu, ol, ul { margin: 0 0 }
dd { margin: 0 0 0 0px }
menu, ol, ul { padding: 0 0 0 0px }
nav ul, nav ol, li { list-style: none; list-style-image: none }
img { border: 0; -ms-interpolation-mode: bicubic }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
form { margin: 0 }
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em }
legend { border: 0; padding: 0; white-space: normal; *margin-left:-7px
}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align:middle
}
button, input { line-height: normal; border: none; }
button, select { text-transform: none }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow:visible
}
button[disabled], html input[disabled] { cursor: default }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height:13px;
 *width:13px
}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box }
 input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance:none
}
 button::-moz-focus-inner, input::-moz-focus-inner {
 border:0;
 padding:0
}
textarea { overflow: auto; vertical-align: top; resize: vertical; }
 input:valid, textarea:valid {
}
 input:invalid, textarea:invalid {
 background-color: #f0dddd;
}
 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {



    /* display: none; <- Crashes Chrome on hover */



-webkit-appearance: none;
 margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] { -moz-appearance: textfield; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
html, button, input, select, textarea { color: #222; }
html { font-size: 1em; line-height: 1.4; }



::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, img, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
html, body, form { width: 100%; height: 100%; }
html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
html, button, input, select, textarea { font-family: "Lato", sans-serif; font-size: 14px; }
html, body, form { width: 100%; height: 100%; }
html { overflow-y: scroll; }
body { margin: 0; font-family: "Lato", sans-serif; font-size: 14px; color: #828282; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/











* html .clearfix { height: 1%; }
.clearfix { display: block; }
a { text-decoration: none; }
a:focus { outline: thin dotted }
a:active, a:hover { outline: 0 }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }







:focus::-webkit-input-placeholder {
 color:transparent;
}



:focus::-moz-placeholder {
 color:transparent;
}



:-moz-placeholder {
 color:transparent;
}
a { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
/* ===== Main Style  ==================================================







========================================================================== */



.drop-menu:after { }
#wrapper { width: 100%; height: auto; float: left; min-height: 100%; height: 100%; }
.main-warp { width: 100%; height: auto; float: left; min-height: 100%; overflow: hidden; }
.page { width: 100%; height: auto; float: left; padding-bottom: 60px; }
.container { width: 100%; height: auto; max-width: 1170px; margin: 0px auto; position: relative; }
.logo-sec { width: 100%; height: auto; float: none; padding: 0px 0; position: absolute; z-index: 9999; }
.logo { width: 283px; height: 150px; float: none; z-index: 9999999; background-color: #FFF; background-image: url(../images/alyainternational.png); background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; left: 100px; position: relative; }
.logo a { width: 100%; height: 100%; float: left; }
.move-to-left .logo { left: 0px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
/* header*/




#canvas { position: absolute; display: block; top: 0; left: 0; z-index: -1; width: 100%; }
.menu-left { width: 100px; height: 100vh; position: fixed; background: #f47920; z-index: 9999; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }


.footer-right-block{
   width: 40%;
   float: right;
   height: auto;
}

.footer-right-block ul{
   width: 100%;
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
}

.footer-right-block li{
   margin:20px 0 0 30px;
   font-size: 14px;

}

.download{
 width:auto;
 height:auto;
 float:right;
 

color: #FFF;
text-transform:capitalize;
}


.download a{
 width:100%;
 height:auto;
 float:left;
color:#FFF;
    background:url(../images/download-icon.png) no-repeat top -5px left;
 padding:0 0 0 30px;
}

.download:hover a{
   background:url(../images/download-icon.png) no-repeat bottom 0px left;
   
}
.download a:hover{
 color:#f47920;
}

.download-move{
visibility:hidden;

}




.followus{
   width:auto;
   height:auto;
   float:right;
  color: #FFF;
  text-transform:capitalize;
  
  
  }
  
  
  .followus a{
   width:100%;
   height:auto;
   float:left;
  color:#FFF;
      background:url(../images/instagram-small.png) no-repeat top 0px left;
   padding:0 0 0 30px;
  }
  
  .followus:hover a{
     background:url(../images/instagram-small.png) no-repeat bottom 0px left;
     
  }
  .followus a:hover{
   color:#f47920;
  }



.menu-to-left { width: 0px; -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); }
.menu-small { width: 30px; }
main { z-index: 2; position: relative; height: 100%; background-color: #ffffff; -webkit-transition: transform .7s ease-in-out; -moz-transition: transform .7s ease-in-out; -ms-transition: transform .7s ease-in-out; -o-transition: transform .7s ease-in-out; transition: transform .7s ease-in-out; padding: 0 0 0 0; }
.sidebar { height: 100%; width: 350px; position: fixed; top: 0; z-index: 1; left: 0; background-color: #f47920; }
.bar { display: block; height: 5px; width: 50px; background-color: #FFF; margin: 10px auto; }
.button { cursor: pointer; display: inline-block; width: auto; margin: 0 auto; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; }
.nav-right { position: fixed; left: 23px; top: 20px; z-index: 999; }
.nav-right.visible-xs { z-index: 3; }
.middle { margin: 0 auto; }
.bar { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; }
.nav-right.visible-xs .active .bar { background-color: #FFF; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; }
.button.active .top { -webkit-transform: translateY(15px) rotateZ(45deg); -moz-transform: translateY(15px) rotateZ(45deg); -ms-transform: translateY(15px) rotateZ(45deg); -o-transform: translateY(15px) rotateZ(45deg); transform: translateY(15px) rotateZ(45deg); }
.button.active .bottom { -webkit-transform: translateY(-15px) rotateZ(-45deg); -moz-transform: translateY(-15px) rotateZ(-45deg); -ms-transform: translateY(-15px) rotateZ(-45deg); -o-transform: translateY(-15px) rotateZ(-45deg); transform: translateY(-15px) rotateZ(-45deg); }
.button.active .middle { width: 0; }
.move-to-left { -webkit-transform: translateX(350px); -moz-transform: translateX(350px); -ms-transform: translateX(350px); -o-transform: translateX(350px); transform: translateX(350px); }
nav { padding-top: 30px; }
.sidebar-list { padding: 0; margin: 0; list-style: none; position: relative; margin-top: 110px; text-align: left; padding-left: 40px; display: flex; flex-flow: column nowrap; overflow: auto; height:60vh; }

.sidebar-item { moz-box-flex: 1; flex: 1 1 0;   height:auto; float:left; margin: 0px 0; padding: 13px 0; opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all .7s .2s ease-in-out; -moz-transition: all .7s .2s ease-in-out; -ms-transition: all .7s .2s ease-in-out; -o-transition: all .7s .2s ease-in-out; transition: all .7s .2s ease-in-out; }
.sidebar-item.active { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
.sidebar-anchor { color: #FFF; text-decoration: none; font-size: 22px; text-transform: uppercase; position: relative; padding-bottom: 7px; }
.sidebar-anchor:before { content: ""; width: 0; height: 2px; position: absolute; bottom: 0; left: 0; background-color: #FFF; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; }
.sidebar-anchor:hover:before { width: 100%; }
 @media (min-width: 480px) {
.nav-list { display: block; }
}
 @media (min-width: 768px) {
.nav-right { position: absolute; }
.hidden-xs { display: block; }
.visible-xs { display: none; }
}
.head-top { width: 100%; height: 60px; float: none; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,0.5); z-index: 999; }
.head-top-cont { width: 82%; height: auto; padding: 0 60px; float: right; }
.head-top-cont .top-list { width: 100%; height: auto; float: right; }
.head-top-cont .top-list .top-style { width: auto; height: 60px; float: right; border-right: 1px solid rgba(255,255,255,0.3); position: relative; padding: 0 25px; position: relative; }
.head-top-cont .top-list .lang-box { width: 100px; border: none; padding-right: 0px; cursor: pointer; padding-top: 17px; }
.social { width: 100%; height: auto; float: left; padding: 20px 20px 0 50px; }
.social ul { width: 100%; height: auto; float: left; border-top: rgba(255,255,255,1) solid 1px; }
.social li { width: 40px; height: 40px; float: left; margin: 0 10px 0 0; padding: 15px 0 0 0; opacity: 0.8; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; position: relative; }
.social li img { width: 100%; max-width: 100%; }
.social li:hover { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.social li:hover:after { width: 30px; height: 3px; content: ''; float: none; position: absolute; bottom: -10px; left: 5px; box-shadow: rgba(0,0,0,0.5) 0 15px 5px; }
.social li a { width: 37px; height: 37px; float: left; }
#datebox, #timebox { width: auto; height: auto; float: right; font-size: 16px; color: #FFF; padding: 0 0 0 30px; line-height: 60px; }
#timebox { background: url(../images/time.png) no-repeat left center; }
#datebox { background: url(../images/calder.png) no-repeat left center; }
.language1 { float: right; height: auto; width: 100%; display: none; padding: 5px 0 0 0; }
.language { width: 100%; height: auto; float: left; position: relative; }
.language::after { background: rgba(0, 0, 0, 0) url("../images/toggle.png") no-repeat scroll right center; content: ""; float: none; height: 21px; margin: -9px 0 0; position: absolute; right: 0; top: 50%; transition: all 0.3s ease-out 0s; width: 32px; }
.language.add-arrow::after { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); }
/* Search */



.sb-search { position: absolute; right: 10px; margin-top: 5px; width: 0%; min-width: 32px; height: 50px; float: right; overflow: hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; }
.sb-search-input { position: absolute; top: 0; right: 0; border: none; outline: none; width: 100%; height: 50px; margin: 0; z-index: 10; padding: 10px 20px 10px 20px; font-family: inherit; font-size: 15px; color: #000; background: none; }
 .sb-search-input::-webkit-input-placeholder {
 color: #203d76;
}
 .sb-search-input:-moz-placeholder {
 color: #203d76;
}
 .sb-search-input::-moz-placeholder {
 color: #203d76;
}
 .sb-search-input:-ms-input-placeholder {
 color: #203d76;
}
.sb-icon-search, .sb-search-submit { width: 90px; height: 50px; display: block; position: absolute; right: 10px; top: 0; padding: 0; margin: 0; line-height: 50px; text-align: center; cursor: pointer; }
.sb-search-submit { background: #fff; /* IE needs this */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ opacity: 0; color: transparent; border: none; outline: none; z-index: -1; }
.sb-icon-search { color: #fff; background: url(../images/srch-icon-nrml.png) no-repeat center right; z-index: 90; font-size: 15px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; }
.sb-search.sb-search-open, .no-js .sb-search { width: 300px; }
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search { background: #FFF url(../images/srch-icon.png) no-repeat center right; color: #fff; z-index: 11; border-right: 0px; width: 50px; }
.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { z-index: 90; }
.sb-search.sb-search-open { background: #FFF; }
.banner { width: 100%; height: auto; float: left; position: relative; }
.banner img { width: 100%; }
.banner .slick-prev, .banner .slick-next { right: 100px; left: inherit; z-index: 9999; width: 60px; height: 60px; padding: 0 0 0 60px; margin: 0px 0 0 0px; top: inherit; bottom: 10%; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.banner .slick-prev { background: url(../images/banner-arrow1.png) no-repeat left top; margin: 0 60px 0 0; }
.banner .slick-prev:hover { background: url(../images/banner-arrow1.png) no-repeat right top; right: 110px; }
.banner .slick-next { margin: 0 0 0 0px; background: url(../images/banner-arrow2.png) no-repeat right top; }
.banner .slick-next:hover { background: url(../images/banner-arrow2.png) no-repeat left top; right: 90px; }
.banner-content {/* width: 50%; height: auto; position: absolute; left: 0; z-index: 9999; top: 50%; transform: translateY(-60%); margin:0px 0 0 100px;*/ width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.3); }
.banner-content h2 { width: 100%; height: auto; float: left; font-size: 60px; color: #FFF; font-weight: 600; text-transform: uppercase; text-shadow: rgba(0,0,0,0.5) 0 2px 1px; padding: 0 0 0 60px; line-height: 80px; display: none; }
.banner-nav { }
.midd-wrap { width: 100%; height: auto; float: left; }
.home-warap { display: flex; }
.left-cont { width: 100%; height: auto; float: right; padding: 0 0px 0 100px; background: url(../images/about-bg.png)repeat; position: relative; }
.move-to-left .left-cont { padding: 0 0px 0 0px; }
.home-about { width: 100%; height: auto; float: left; padding: 100px 60px 100px 60px; overflow: hidden; }
.icon-set { display: none; width: 100%; height: 109px; content: ''; position: absolute; top: 0px; right: 0px; background: url(../images/bg1.png) no-repeat right bottom; background-attachment: fixed; }
.about-content { width: 100%; height: auto; float: left; padding: 0 15%; text-align: center; }
.home-warap h1 { width: 100%; height: auto; float: left; font-size: 40px; color: #f47920; font-weight: 700; text-transform: uppercase; }
.home-warap h1 a{
  color: #f47920;
}

.home-warap h1 a:hover{
 color:#333;
}
.about-content p { width: 100%; height: auto; float: left; font-size: 16px; color: #2f2f2f; padding: 17px 0 0 0; line-height: 32px; }
.about-content p b { font-weight: 700; line-height: 27px; }
.about-more { width: auto; height: auto; float: none; display: inline-block; margin: 25px 0 0 0; }
.about-more a { width: auto; height: auto; float: left; font-size: 15px; color: #f47920; padding: 10px 45px; border: #f47920 solid 1px; }
.about-more:hover a { background: #f47920; color: #FFF; }
.home-services { width: 100%; height: auto; float: left; padding: 80px 60px 80px 60px; margin: 0px 0 0 0; position: relative; background-attachment: fixed; }
/*
.home-services:after { width: 100%; height: 349px; content: ''; position: absolute; top: 0px; right: 0px; background: url(../images/services-shape.png) no-repeat; }*/
.services-slider { width: 100%; height: auto; float: left; margin: 35px 0 0 0; position: relative; z-index: 999; }
.srv-slide { width: 101.2%; height: auto; float: left; margin: 0 0 0 -10px; }
.srv-slide .slick-prev, .srv-slide .slick-next { right: 8px; left: inherit; z-index: 9999; width: 55px; height: 45px; top: -80px; margin: 0px; }
.srv-slide .slick-prev { background: #f47920 url(../images/arrow1.png) no-repeat center center; }
.srv-slide .slick-prev:hover { background:#5a5a5a url(../images/arrow1.png) no-repeat center center; }
.srv-slide .slick-next { background: #f47920 url(../images/arrow2.png) no-repeat center center; right: 64px; }
.srv-slide .slick-next:hover { background:#5a5a5a url(../images/arrow2.png) no-repeat center center; }
.services-box { position: relative; clear: both; text-align: center; width: 100%; height: auto; float: left; padding: 0 10px; }
.services-box figure { position: relative; float: left; overflow: hidden; margin: 0; max-width: 410px; max-height: 500px; width: 100%; height: auto; text-align: center;  background: #000; }
figure.effect-hera img { max-width: none; width: -webkit-calc(100% + 50px); width: calc(100% + 50px); opacity: 0.6; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); }
figure.effect-hera figcaption > div { position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; height: 50%; }
figure.effect-hera h2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
figure.effect-hera h2 { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transform-origin: 50%; transform-origin: 50%; font-size:28px; font-weight: 400; padding: 10px 50px; color: #FFF; text-transform: uppercase; }
/*

figure.effect-hera figcaption::before { position: absolute; top: 50%; left: 50%; width: 180px; height: 180px; border: 3px solid #fff; content: ''; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1); transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1); -webkit-transform-origin: 50%; transform-origin: 50%; opacity: 1; -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1); transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1); }

*/
figure.effect-hera:hover img, figure.effect-hera:hover p { opacity: 1; }
figure.effect-hera:hover img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
figure.effect-hera:hover figcaption::before { background: rgba(32,61,118,0.8); transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -65deg) scale3d(1, 1, 1); }
.home-projects { width: 100%; height: auto; float: left; position: relative; padding: 0 0 0 60px; }
.projects-cont { width: 100%; height: auto; float: left; padding: 0px; }





.home-projects h2, .projects-cont h2 { width: 100%; height: auto; float: left; font-size: 28px !important; color: #333 !important; margin: 200px 0 10px 0; font-weight: 700; text-transform: capitalize !important; line-height: 60px; }

.home-projects h2 a, .projects-cont h2 a {
  color: #333 !important;
}

.home-projects h2:hover a, .projects-cont h2:hover a {
  color: #f47920 !important;
}
.home-projects h3, .projects-cont h3 { width: 100%; height: auto; float: left; font-size: 22px; color: #252525; margin: 10px 0 0 0; text-transform: uppercase; font-weight: 600; }
.home-projects h4, .projects-cont h4 { width: 100%; height: auto; float: left; font-size: 20px; color: #252525; margin: 10px 0 0 0; text-transform: uppercase; }
.home-project-slider { width: 100%; height: auto; float: left; }
.home-project-content { width: 46%; height: auto; float: left; padding: 0 40px 0 0; }


.pro-slide { width: 100%; height: auto; float: left; }
.home-project-slider .slick-prev, .home-project-slider .slick-next { z-index: 9999; width: 55px; height: 45px; }
.home-project-slider .slick-prev { background: #FFF url(../images/arrow6.png) no-repeat center center; left: 46%; margin-left: -55px; }
.home-project-slider .slick-prev:hover { background: #FFF url(../images/arrow6.png) no-repeat center center; }
.home-project-slider .slick-next { background: #FFF url(../images/arrow3.png) no-repeat center center; right: 54%; margin-right: -55px; }
.home-project-slider .slick-next:hover { background: #FFF url(../images/arrow3.png) no-repeat center center; }
.view-details { width: 100%; height: auto; float: left; padding: 15px 0 0 0; }
.view-details a { width: auto; height: auto; float: left; font-size: 15px; color: #f47920; padding: 0 30px 0 0; background: url(../images/view-details-arrow.png) no-repeat right 0px top 3px; }
.view-details a:hover { color: #f47920; padding: 0 40px 0 0px; }
.home-pro-image { width: 54%; height: auto; float: right; }
.home-pro-image img { width: 100%; }
.bottom-part { width: 100%; height: auto; float: left; padding: 0 0 0 0px; background: #f3f3f3; margin: 0px 0 0 0; }
.bottom-part h1 { margin-top: 50px; }


.inner-cont .home-project-content, .inner-cont .home-pro-image {
 width:50%;
}
/* inner page */







.inner-area { display: flex; }
.inner-banner { width: 100%; height: auto; float: left; min-height: inherit; }
.inner-banner img { width: 100%; }
.page-head { width: 580px; height: auto; float: left; padding: 25px 0 35px 60px; }
.page-head h1 { width: 100%; height: auto; float: left; font-size: 40px; text-transform: uppercase; color: #3D3D3C; }
.inner-cont { width: 100%; height: auto; float: left; padding: 0 0 0px 0; margin: 0px 0 0 0; overflow: hidden; }
.inner-cont h2 { height: auto; float: left; font-size: 28px; font-weight: 700; color: #414141; text-transform: uppercase; }
.breadCrumb { width: 100%; height: auto; float: left; }
.breadCrumb ul { float: left; list-style: none; margin: 0px 0 0 0px; }
.breadCrumb ul li { float: left; color: #3D3D3C; margin: 0px 8px 0 0; padding: 0 14px 0 0; background: url(../images/bread.png) no-repeat right 4px; text-transform: uppercase; font-size: 13px; }
.breadCrumb ul li:last-child { background: none; }
.breadCrumb ul li a { color: #3D3D3C; float: left; }
.breadCrumb ul li a:hover { color: #0c0c0c; }
/* about page */



.about-part { width: 100%; height: auto; float: left; background: url(../images/abt-bg.png) no-repeat center bottom; padding: 20px 60px 100px 60px; }
.about-part h3 { width: 100%; height: auto; float: left; font-size: 18px; font-weight: 700; color: #303030; padding: 15px 0 0 0; line-height: 28px; }
.abt-contet { width: 50%; height: auto; float: left; padding: 50px 60px 0 0; }
.abt-contet p { width: 100%; height: auto; float: left; color: #5e5e5e; font-size: 16px; line-height: 28px; }
.abt-last { padding-right: 0px; }
.about-titile { position: relative; float: left; margin-top: 20px; width: 100%; }
.about-titile:after { content: ''; position: absolute; width: 100px; border-bottom: 1px solid #CCC; top: 18px; right: -110px; }
.about-head { }
.business-list { width: 100%; height: auto; float: left; padding: 0 0 0 15px; }
.business-list li { width: 100%; height: auto; float: left; color: #5e5e5e; font-size: 16px; line-height: 28px; list-style-type: disc; padding: 0 0 0 10px; }

.md-message { width: 100%; height: auto; float: left; background: #e0e0e0; display: flex; padding: 100px 0px 100px 60px; }
.md-right { width: 80%; height: auto; float: left; padding: 0px  50px 0 50px; }
.msg-box { width: 100%; height: auto; float: right; position: relative; margin: 50px 0 0 0; padding: 25px 0 60px 0; }
.msg-box p { width: 100%; height: auto; float: left; font-size: 18px; color: #2f2f2f; font-style: italic; font-weight: 400i; padding: 20px 0 0 0; line-height: 29px; }
.msg-box:after { content: ''; width: 37px; height: 34px; position: absolute; top: 0px; left: 0px; background: url(../images/quotes1.png) no-repeat; }
.msg-box:before { content: ''; width: 37px; height: 34px; position: absolute; bottom: 0px; right: 0px; background: url(../images/quotes.png) no-repeat; }


.md-bttom { width: 100%; height: auto; float: left;  margin: 0px 0 0 0; }
.md-bttom h3 { width: 100%; height: auto; float: left; color: #f47920; font-size: 18px; font-weight: 700; padding: 25px 0 0 0; }
.md-bttom h4 { width: 100%; height: auto; float: left; color: #2f2f2f; font-size: 18px; padding: 5px 0 0 0; }
.md-left { width: 20%; min-width:200px; max-width:260px; height: auto; float: right;  padding:0px 0 0 0; }
.md-image { width: 100%;  height: auto; float: left; position: relative; margin: 0 0 0 0px; border: #FFF solid 2px; }
.md-image img { width: 100%; }
.md-image:after { content: ''; background: url(../images/md-shadow.png) no-repeat; width: 100%; height: 66px; position: absolute; bottom: -85px; left: 50%; margin: 0 0 0 -150px; }
.abt-bottom { width: 100%; height: auto; float: left; padding: 0 60px; margin: 80px 0 50px 0; }
.abt-bottom-box { width: 62%; height: auto; float: left; margin: 0 0 0 0; }
.abt-bottom-box .abt-image { width: 37%; height: auto; float: left; max-width:340px; }
.abt-pad { margin: 0px; width: 38%; }
.abt-bottom-box .abt-image img { width: 100%; }
.abt-btm-right { width: 63%; height: auto; float: left; padding: 0px 30px 0 25px; }

.abt-pad .abt-btm-right{
 width:100%;
}
.abt-btm-right p { width: 100%; height: auto; float: left; color: #5e5e5e; font-size: 16px; padding: 10px 0 0 0; line-height: 25px; }
.vision-area { width: 100%; height: auto; float: left;  display: flex; padding: 100px 60px; }
.abt-btm-right h3 { font-size: 22px; color: #f47920; width: 100%; float: left; padding: 10px 0 0 0; }




/* career page */





/* our services */





.services-part { width: 100%; height: auto; float: left; padding: 0 0px; margin: 30px 0 0px 0; }
.services-cont { width: 100%; height: auto; float: left; }
.serv-box { width: 30%; height: auto; float: left; padding: 50px 0 0 0; margin: 0 0 0 3%;  }
.main-services{ width:103%; margin-left:-3%; float:left;display: flex;flex-wrap: wrap;}
.main-services li{flex: 1 0 1;}
.slider-cont{ width:100%; float:left; padding:0 60px;}

.slider-cont p{
 width:100%;
 height:auto;
 float:left;
 padding:0 0 30px 20px;
 font-size:28px;
 color:#f47920;
}
.srv-left .srv-image { width: 100%; height: auto; float: left; margin: 0px 0 0 60px; }
.srv-left .srv-image img { width: 100%; }
.srv-image img { width: 100%; }
.cont-top { margin-top: 180px; }

.srv-image-box{
 width:100%;
 height:auto;
 float:left;
 position:relative;
}
.srv-left .srv-image-box h4 { width: 100%; height: 60px; float: left; font-size: 16px; color: #2a2a2a; text-transform: uppercase; font-weight: 700; padding: 0 0 0 60px; line-height: 60px; }
.srv-right { width: 100%; height: auto; float: left; padding: 0px 0 0 0px; }
.srv-right h2 { padding-bottom: 10px; color: #f47920; font-size: 22px; padding: 20px 0 0 0; text-transform:inherit; }
.srv-right h3 { width: 100%; height: auto; float: left; font-size: 17px; color: #5e5e5e; padding: 30px 0 0 0; line-height: 25px; }
.srv-right .srv-list { width: 100%; height: auto; float: left; margin: 15px 0 15px 0; }
.srv-right .srv-list li { width: 100%; height: auto; float: left; font-size: 17px; color: #5e5e5e; padding: 10px 0 0 25px; background: url(../images/srv-arrow.png) no-repeat top 18px left 0; }
.srv-right p { width: 100%; height: auto; float: left; color: #333; font-size: 17px; padding: 10px 0 0 0; line-height: 25px; }
.srv-btm { width: 100%; height: 200px; float: left; padding: 100px 0 0 0; text-align: center; }
.srv-btm h4 { width: 100%; height: auto; float: left; text-align: center; color: #203d76; font-size: 15px; text-transform: uppercase; }
.srv-btm .line-icon { width: 11px; height: 68px; background: url(../images/srv-line.png) no-repeat bottom; float: none; display: inline-block; margin: 15px 0 0 0; }
.srv-bg { background: #ededed; }
.srv-bg .srv-left { float: right; padding-left: 50px; padding-right: 0px; }
.srv-bg .srv-right { float: left; padding-right: 70px; padding-left: 0px; }
.srv-bg .srv-left .srv-image { float: right; margin: -60px 60px 0 0; }
.srv-bg .srv-left .srv-image-box h4 { text-align: right; padding: 0 60px 0 0; }
.srv-last { padding-bottom: 100px; }
.prod-features { width: 100%; float: left; padding: 0 60px 50px 60px; font-size: 16px; line-height: 30px; color: #2f2f2f; }
.features-list { width: 100%; float: left; }
.features-list li { padding: 10px 0; list-style:disc; margin-left: 20px; }
.features-left { width: 100%; float: left; margin-right: 35px; }
.features-right { width: 100%; float: left; }

.srv-image-box:hover .zoom{
 opacity:1;
}
/* contact  page */



.contact-cont { width: 100%; height: auto; float: left; padding: 0 60px; }
.contact-top { width: 100%; height: auto; float: left; box-shadow: 0 0 3px rgba(0,0,0,0.5); margin: 75px 0 150px 0; display: flex; position: relative; z-index: 9999; }
.contact-cont .contact-left { width: 50%; height: auto; float: left; padding: 0 0; background: #FFF; }
.contact-cont .contact-left h2 { color: #203d76; background: url(../images/message_icon.png) no-repeat right top 5px; width: 100%; min-height: 40px; }
.contact-cont .contact-left .form-list li { width: 100%; margin: 25px 0 0 0 px; }
.contact-cont .contact-left .field { width: 100%; border: none; border-bottom: #d3d3d3 solid 1px; color: #393939; border-radius: 0px; font-size: 16px; padding: 25px 0; font-weight: 700; opacity: 1; position: relative; }
 .contact-cont .contact-left input.field::placeholder {
 color:#393939;
 opacity:1;
}
 .contact-cont .contact-left textarea.field::placeholder {
 color:#393939;
 opacity:1;
}
.contact-cont .contact-right { width: 50%; height: auto; float: right; background: #f47920; padding: 45px 40px; }
.contact-cont .contact-right h2 { color: #fff; text-transform:capitalize; }
.contact-address { width: 100%; height: auto; float: left; }
.contact-address { width: 100%; height: auto; float: left; margin: 35px 0 0 0; }
.contact-address li { width: 100%; height: auto; float: left; color: #FFF; font-size: 18px; padding: 30px 0 30px 70px; background-position: left center ; background-repeat: no-repeat; margin: 0; }


.contact-address li a { color: #FFF; }
.contact-address li a:hover { text-decoration: underline; }
.contact-address li.location { background-image: url(../images/location-icon-white.png); }
.contact-address li.phone { background-image: url(../images/phone-icon-white.png); }
.contact-address li.instagram{ padding: 30px 0;}
.contact-address li.phone1 { background-image: url(../images/phone-icon-white.png) no-repeat center left; }
.contact-address li.msg { background-image: url(../images/mail-icon-white.png); }
.contact-address li.fax { background-image: url(../images/fax-icon-white.png)  }
.contact-address li.web { background-image: url(../images/cont-web.png); }
.contact-address li.instagram a{
   padding: 30px 0 30px 70px;
   background-image: url(../images/insatagram-white.svg); 
    background-repeat: no-repeat; opacity: 0.9; 
    background-position: left 8px center;
    background-size: 40px;
}

.contact-address li.clock{
 background:url(../images/clock.png) no-repeat top 48px  left 0 !important;
}
.contact-right .social ul { border: none; margin: 20px 0 0 0; }
.contact-map { width: 100%; height: auto; float: left; margin: 0px 0 0 0; }
#map { width: 100%; height: 600px; float: left; }
.place-desc-large { margin: 100px !important; padding: 100px !important; }
/* gallery page */

.image-gallery { width: 100%; height: auto; float: left; margin: 50px 0 0 0; padding: 0 60px 100px 60px; }
.image-gallery h3 { width: 100%; height: auto; float: left; color: #666; font-size: 18px; color: #252525; margin: 15px 0 0 0; text-transform: uppercase; }
.gallery-sec { width: 100%; height: auto; float: left; }
.image-gallery .gimage-list { width: 105%; height: auto; float: left; margin: 0 0 0 -5% }
.image-gallery .gimage-list li { width: 45%; height: auto; margin: 40px 0 0 5%; float: left; position: relative; overflow: hidden; }
/* Common style */
.gimage-list figure { position: relative; float: left; overflow: hidden; min-width: 320px; max-width: 700px; max-height: 530px; width: 100%; background: #3085a3; text-align: center; cursor: pointer; }
.gimage-list figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.7; background: #203d76; }
.gimage-list figure figcaption { color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; padding: 15px 40px 15px 40px; }
.gimage-list figure figcaption::before, .grid figure figcaption::after { pointer-events: none; }
.gimage-list figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.gimage-list figure figcaption { width: 85%; height: auto; float: none; position: absolute; bottom: 0; right: 0px; background: #FFF; }
.gimage-list figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
figure.effect-lily img { max-width: none; width: -webkit-calc(100% + 50px); width: calc(100% + 50px); opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); }
figure.effect-lily figcaption { text-align: left; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
figure.effect-lily h3 { width: 100%; height: auto; float: left; font-size: 25px; font-weight: 700; color: #203d76; text-transform: uppercase; }
figure.effect-lily p { width: 100%; height: auto; float: left; font-size: 20px; color: #252525; text-transform: uppercase; }
figure.effect-lily .more-photo { -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); }
figure.effect-lily h3 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
figure.effect-lily .more-photo { color: rgba(255,255,255,0.8); opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s; }
figure.effect-lily:hover img, figure.effect-lily:hover .more-photo { opacity: 1; }
figure.effect-lily:hover img, figure.effect-lily:hover .more-photo { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
figure.effect-lily:hover .more-photo { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; }
figure.effect-lily:hover figcaption { background: #203d76; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; width: 90%; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
figure.effect-lily:hover figcaption h3, figure.effect-lily:hover figcaption p { color: #FFF; }
/* gallery list */


.gallery-area { width: 100%; height: auto; float: left; }
.gallery-area h2 { width: 100%; height: auto; float: left; font-size: 20px; color: #333; margin: 30px 0 10px 0; }
.gallery { width: 103%; height: auto; float: left; }
.gallery .grid { max-width: 100%; list-style: none; padding: 0; margin: 0 0 0 -1%; }
.gallery .grid li { display: block; float: left; padding: 15px; width: 33%; opacity: 0; }
.gallery .grid li.shown, .no-js .grid li, .no-cssanimations .grid li { opacity: 1; }
.gallery .grid li a, .gallery .grid li img { outline: none; border: none; display: block; max-width: 100%; }
/* Effect 2: Move Up */



.grid.effect-2 li.animate { -webkit-transform: translateY(200px); transform: translateY(200px); -webkit-animation: moveUp 0.65s ease forwards; animation: moveUp 0.65s ease forwards; }
 @-webkit-keyframes moveUp { 0% {
}
 100% {
 -webkit-transform: translateY(0);
 opacity: 1;
}
}
 @keyframes moveUp { 0% {
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
}
}
.bottom-new { width: 100%; height: auto; float: left; }
.details-head { width: 100%; height: auto; float: left; }
.details-head h2 { width: auto; height: auto; float: left; font-size: 22px; font-weight: 700px; color: #203d76; text-transform: uppercase; }
.footer-contact { width: 100%; height: auto; float: left; position: relative; background: #333 url(../images/srv-bg.png) no-repeat right bottom; background-attachment: fixed; padding: 80px 60px 150px 60px; color: #FFF; }
.footer-contact h1 { color: #FFF; margin: 0px; }

.footer-contact h1 a{
 color:#FFF;
}

.footer-contact h1 a:hover{
 color:#f47920;
}
.footer-contact ul { width: 100%; height: auto; float: left; margin-top: 50px;display: flex;
flex-wrap: wrap;}
.footer-contact li { width: 25%; height: auto; float: left; font-size: 16px; padding: 0 30px 0 80px; margin: 10px 0 0 0;flex: 1 0 1; line-height: 30px; }
.footer-contact li a { color: #FFF; }

.footer-contact  li.block2{
   padding-left: 0;

}
.footer-contact li a:hover { color: #f47920; text-decoration: underline; }
.footer-contact li.address { background: url(../images/location-icon.png) no-repeat top 8px left 0; }
.footer-contact li.mail { background: url(../images/mail-icon.png) no-repeat top 5px left 0; }
.footer-contact li .instagram{ background: url(../images/instagram.png) no-repeat top 5px left 0; background-size: 40px; padding-left: 70px; padding-bottom: 16px; line-height: 45px; opacity: 0.8; }
.footer-contact li .phone { width: 100%; background: url(../images/phone-icon.png) no-repeat top 8px left 0; padding-left: 80px; }
.footer-contact li .fax {  width: 100%; background: url(../images/fax-icon.png) no-repeat top 25px left 0;  padding-left: 80px; padding-top: 35px; padding-bottom:20px; }
.view-map { width: 100%; height: auto; float: left; color: #203d76; margin: 15px 0 0 0; }
.footer-contact li .view-map a { border: #203d76 solid 1px; padding: 6px 20px; color: #203d76; font-size: 12px; }
.footer-contact li .view-map a:hover { background: #203d76; color: #FFF; text-decoration: none; }
footer { background: #242424 none repeat scroll 0 0; float: left; height: 60px; position: relative; width: 100%; }
.footer-area { width: 100%; height: auto; float: right; padding: 0 60px 0 160px; background: #242424; }
.footer-area p { width: auto; height: auto; float: left; font-size: 14px; color: #FFF; line-height: 60px; }
.projects-cont .product-list { margin-top: 55px; margin-bottom: 0px }



/* ----- pagesnation Area end ----- */



/* ==========================================================================



   Media Queries



   ========================================================================== */


@media only screen and (max-width:1170px) {
footer .footer-top { width: 104%; margin-left: -4%; }
footer .footer-top .footer-blk { margin-left: 4%; }
}
 @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
}
/* ==========================================================================



   Helper classes



   ========================================================================== */


.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;
}
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}



/* ==========================================================================



   Print styles



   ========================================================================== */


@media print {
* { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
 @page {
 margin: 0.5cm;
}
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
/*AJESH CSS*/



/*product page*/



.product-list { width: 100%; float: left; margin-bottom: 55px; }
.right-tab { float: right; padding: 0 0 0 40px; }
.left-img { float: left; }
.menu__tabs { list-style: none; overflow: hidden; border: 1px solid #e0e0e0 }
.menu__tabs li { float: left; font-size: 1.3em; }
.menu__tabs a { padding: 1em; background: #fff; display: inline-block; color: #000; text-decoration: none; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.menu__tabs a:hover { background: #E2E2E2; }
.menu__tabs a.active { color: #fff; background: #203d76; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.menu__tabs a.active:before { width: 30px; height: 17px; content: ''; background: url(../images/tab-active.png) no-repeat; position: absolute; top: 60px; z-index: 999; }
.menu__tabs a.active i { color: #fff; }
.menu__tabs a i { margin-right: 3px; color: #fff; }
/*--------------------------

* MENU WRAPPER

---------------------------*/

.menu { margin: 55px auto; width: 100%; position: relative; }
.menu__wrapper { padding: 2em; position: relative; z-index: 400; background: #FFF; min-height: 300px; -webkit-border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; border-radius: 0 4px 4px 4px; }
.menu__wrapper .menu__item { line-height: 1.3; color: #76716f; display: none; }
.menu__wrapper .menu__item.item-active { display: block; }
.menu__wrapper .menu__item h3 { font-size: 1.8em; color: #333b48; padding-bottom: 5px; margin-bottom: 12px; }
.menu__wrapper .menu__item p { font-size: 1.3em; line-height: 1.6em; color: #76716f; }
/*product page Details*/



.product-detail-img { width: 45%; float: left; }
.product-detail-img img { width: 100%; }
.product-cont { width: 55%; float: left; padding-left: 30px; }
.product-cont h2 { font-size: 20px !important; color: #203d76; font-weight: 600; width: 100%; margin: 0px 0 0 20px !important; padding-bottom: 15px; }
.product-cont ul li { padding: 5px 20px; color: #333; }
.product-cont ul li b { font-size: 15px; color: #000; font-weight: 600; }
.our-product { width: 100%; float: left; margin: 40px 0px; }
.our-product h2 { font-size: 28px !important; }
.proj-details { width: 100%; float: left; margin: 0; margin-top: 50px; padding: 10px 0px; height: auto; font-size: 13px; color: #000; line-height: 20px; }
.proj-details h2 { width: 100%; float: left; font-size: 30px; color: #203d76; font-weight: 600; padding: 10px 15px; }
.proj-details p { width: 100%; float: left; padding: 10px 15px; margin-bottom: 100px; }
.projects { width: 100%; height: auto; float: left; position: relative; padding: 0 0 0 60px; }
.btn-view { margin-left: 20px; width: 100%; height: auto; float: left; }
.icon-camera { background: url(../images/icon-camera.png); position: relative }
.btn-view a { background: #203d76; padding: 15px 35px; display: inline; color: #FFF; font-size: 18px; margin-top: 0px; text-transform: uppercase; border-radius: 4px; height: auto; width: auto; float: left; }
.btn-view a:hover, .apply-btn:hover { background: #0174f4; }
.btn-view h2 { font-size: 18px !important; color: #000; font-weight: normal; padding: 15px 0px; margin: 10px 0px !important; width: 100%; height: auto; float: left; }
.project-content-details { width: 100%; }
.project-content-details h2 { color: #33518a; font-size: 50px; padding-bottom: 0px; text-transform: uppercase; }
.project-content-details h3 { color: #252525; font-size: 25px; padding: 0px 20px; text-transform: uppercase; font-weight: 600; padding-bottom: 8px }
.project-content-details h4 { color: #252525; font-size: 20px; padding: 0px 20px; text-transform: uppercase; padding-bottom: 30px; }
/*Quation page check-box css ajesh*/
#check input[type="checkbox"] { display: none; }
#check { }
.q-radio-list { width: 100%; height: auto; float: left; }
.q-radio-list li { width: auto; height: auto; float: left; padding: 0 30px 0 0; }
.q-radio-list input[type=checkbox]:not(old), input[type=radio ]:not(old) { width : 28px; margin : 0; padding : 0; opacity : 0; }
.q-radio-list input[type=radio ]:not(old) + label { display : inline-block; margin-left : -28px; padding-left : 30px; background : url('../images/checks.png') no-repeat 0 0; cursor: pointer; font-size: 16px; color: #101010; line-height : 24px; }
.q-radio-list input[type=checkbox]:not(old) + label { display: inline-block; margin-left: 0; padding-left : 30px; background : url('../images/checks2.png') no-repeat 0 0; cursor: pointer; font-size: 16px; color: #101010; line-height : 24px; }
.q-radio-list input[type=checkbox]:not(old):checked + label { background-position : 0 -48px; }
.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: #203d76 url(../img/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; -webkit-transition: opacity .0s 0s, visibility 0s .3s; -moz-transition: opacity .0s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 0; z-index: 9999; }
.cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: 0; }
.no-touch .cd-top:hover { background-color: rgb(32, 61, 118); opacity: 1; }
.cd-top { display: none; }
 @media only screen and (min-width: 768px) {
.cd-top { right: 20px; bottom: 70px; }
}
 @media only screen and (min-width: 1024px) {
.cd-top { height: 60px; width: 60px; right: 30px; bottom: 70px; }
}
 @media (min-width:320px) and (max-width:1024px) {
.cd-top.cd-fade-out { opacity: 9; }
.cd-top { display: block; }
}
/*Mouse*/


@-webkit-keyframes scroll-inner { from {
 margin-top: 15%;
}
to { margin-top: 50%; }
}
@keyframes scroll-inner { from {
 margin-top: 15%;
}
to { margin-top: 50%; }
}
@-webkit-keyframes scroll-mouse { from {
 margin-top: 0;
}
to { margin-top: 15px; }
}
@keyframes scroll-mouse { from {
 margin-top: 0;
}
to { margin-top: 15px; }
}
div.mouse-container { position: absolute; display: block; height: 100px; z-index: 99999; bottom: 50px; left: 50%; }
div.mouse { position: relative; margin: 0 auto; display: block; width: 20px; height: 30px; border: solid 1px #fff; border-radius: 25px; -webkit-animation: scroll-mouse 2s; animation: scroll-mouse 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
div.mouse span.scroll-down { display: block; width: 3px; height: 3px; background: #fff; border-radius: 50%; margin: 15% auto auto auto; -webkit-animation: scroll-inner 2s; animation: scroll-inner 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease; animation-timing-function: ease; }



.small-product-list{
 width:100%;
 height:auto;
 float:left;
 background:#ededed;
 padding: 50px 30px;
 margin:80px 0 0 0;
 }


.small-product-list h2{
 
 padding-left:30px;
 
}
.small-product-list ul{
 width:100%;
 height:auto;
 float:left;
 padding:20px 0 0 0;
 display: flex;flex-wrap: wrap;
}

.small-product-list li{
 width:25%;
 height:auto;
 float:left;
 font-size:20px;
 text-transform:capitalize;
 color:#333;
  padding:15px 0 15px 60px;
  flex: 1 0 1;
  position:relative;

  
}

.small-product-list li:after{
 content:'';
 width:8px;
 height:8px;
 background:#f47920;
 position:absolute;
 left:30px;
 top:25px;
 border-radius:5px;
}

.products-list { width: 101%; float: left; margin: 80px 0 100px -1%;     padding: 25px 0 0 0;   }


.products-list li{
 width:24%;
 height:auto;
 float:left;
 padding:0;
 position:relative;
 margin:1% 0 0 1%;

}

.products-list li img{
 width:100%;
}


.zoom{
 width:100%;
 height:100%;
 background:rgba(0,0,0,0.8) url(../images/plus.png) center center no-repeat;
 position:absolute;
 top:0px;
 left:0px;
 opacity:0;
 transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;
}

.products-list li:hover .zoom{
 opacity:1;
}


.works .grid li:hover .zoom{
  opacity:1;
  z-index:9;
}


.product-slider .slick-prev, .banner .slick-next { right: 100px; left: inherit; z-index: 9999; width: 60px; height: 60px; padding: 0 0 0 60px; margin: 0px 0 0 0px; top: inherit; bottom: 10%; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; z-index: 99 !important; }
.product-slider .slick-next { right: 100px; left: inherit; z-index: 9999; width: 60px; height: 60px; padding: 0 0 0 60px; margin: 0px 0 0 0px; top: inherit; bottom: 10%; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; z-index: 99 !important; }
.product-slider .slick-prev { background: #FFF url(../images/banner-arrow2.png) no-repeat left top; margin: 0 0px 0 0; right:-35px; top:35%; z-index: 99; }
.product-slider .slick-prev:hover { background: #f47920 url(../images/banner-arrow2.png) no-repeat right top; right:-35px; }
.product-slider .slick-next { background: #FFF url(../images/banner-arrow1.png) no-repeat right top; margin: 0 60px 0 0; width: 60px; height: 60px; top:35%; left:-30px; }
.product-slider .slick-next:hover { background: #f47920 url(../images/banner-arrow1.png) no-repeat left top; margin: 0 60px 0 0; width: 60px; height: 60px; }
.project-banner { width: 100%; float: left; padding: 30px 0 50px 0px; }
.project-slider img { width: 100%; }


.slider-nav .pro-smll-img {
 width: 97%;
    border: #d9d9d9 solid 1px;
    overflow: hidden;
    cursor: pointer;
    margin: 2px;
    text-align: center;
}


.pro-smll-img img {
 width:100%;
}
.project-slider .slick-dots { bottom: -25px; }

.sldr-arrow{
 
 width: 100%;
 height: auto;
 float: left;
 position: relative;
}

.sub-product { position: relative; text-align: center; z-index: 999; color: #000; bottom: 42px; background: #FFF; padding: 10px 20px; margin: 0 0 10px 5px; text-transform: uppercase; font-size: 18px; }


.project-slider .slick-prev, .project-slider .slick-next {  z-index: 9999; width: 50px; height: 50px; padding: 0 0 0 60px; margin: 0px 0 0 0px;  transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }


.project-slider .slick-next { right: 60px; left: inherit; z-index: 9999; width: 50px; height: 50px; padding: 0 0 0 60px; margin: 0px 0 0 0px;  transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }


.project-slider .slick-prev { background: #f47920 url(../images/banner-arrow1.png) no-repeat left top -5px;  left: 40px; top:inherit; margin-top:0; bottom: 20px; }
.project-slider .slick-prev:hover { background: #FFF url(../images/banner-arrow1.png) no-repeat right top -5px;  }




.project-slider .slick-next { background: #f47920 url(../images/banner-arrow2.png) no-repeat right top -5px; top:inherit; right:40px; margin-top:0;  bottom:20px;}
.project-slider .slick-next:hover { background: #FFF url(../images/banner-arrow2.png) no-repeat left top -5px;  }



.project-slider .slick-disabled{
opacity:0.3;
}

/*.project-slider .slick-prev.slick-disabled:hover{
cursor:inherit;
background: #f47920 url(../images/banner-arrow1.png) no-repeat left top -5px;
}
*/
.project-slider .slick-next.slick-disabled:hover{
cursor:inherit;
background: #f47920 url(../images/banner-arrow2.png) no-repeat right top -5px;
}



.project-details { width: 100%; float: left; margin: 50px auto; padding: 0 60px 100px 60px; }
.project-details h2 { border-top: 2px solid #414141; border-bottom: 2px solid #414141; width: 100%; float: left; padding: 20px 0; }
.const-details { width: 100%; float: left; margin: 0 auto; padding: 0; border-bottom: 1px solid #414141; border-top: 1px solid #414141; }
.const-details h3 { font-size: 22px; color: #f47920; font-weight: 600; padding: 0 0 10px 0; }
.const-details p { color: #414141; font-size: 18px; }
.const-details p sup{
 font-size:12px;
 padding-left:2px;
}
.const-details li { width: 25%; float: left; padding: 20px 0; }
.clients { width: 100%; float: left; margin: 0 auto; padding:50px 60px 80px 60px; }

.clients p{
 width:100%;
 height:aut;
 float:left;
 font-size:34px;
 color:#f47920;
 padding-bottom:40px;
}
.brands { width: 100%; float: left; margin: 0 auto; padding: 0; }
.brands li { float: left; padding: 20px 5px; background: #FFF; border: 1px solid #b9b9b9; margin: 2px; box-shadow: 1px 1px 1px #dedede; width: 16%; }
.brands li:hover { border: 1px solid #e3e3e3; box-shadow: 1px 1px 1px #e3e3e3; cursor: pointer; }
.brands li img { width: 100%; }
.works { width: 100%; float: left; margin: 0 auto; padding: 80px 60px 80px 60px; }
.works .grid { max-width: 100%; list-style: none; padding: 0; margin: 0 0 0 -1%; }
.works .grid li { display: block; float: left; padding: 15px; width: 33%; }
.works .grid li.shown, .no-js .grid li, .no-cssanimations .grid li { opacity: 1; }
.works .grid li a, .gallery .grid li img { outline: none; border: none; display: block; max-width: 100%; position:relative; }
.sucess-proj { width: 100%; float: left; margin: 50px 0 150px 0; padding: 0 50px; }
.sucess { width: 33.3%; float: left; padding: 0px 0 60px 0; border-right: 1px solid #999; margin: 0; }
.sucess-cont { width: 100%; float: left; padding: 0; margin: 0 auto; background: #FFF; margin: 50px 0 0 0; }
.sucess-cont h2 { margin-top: 40px !important; }
.sucess li { padding: 10px 40px; color: #d2d2d2; font-size: 14px; }
.sucess li h2 { font-size: 22px !important; margin: 0 0 20px 0; padding: 0; position: relative; }
.sucess li h2:after { content: ''; width: 50px; height: 4px; background: #f47920; position: absolute; bottom: 0; left: 0; }
.sucess li h2:before { content: ''; width: 100%; height: 1px; background: #f47920; position: absolute; bottom: 0; left: 0; }
.sucess-proj h2 { padding: 0 0 0 0px; }


.table { width: 100%; height: auto; display: table; margin: 30px 0 0 0; padding:0px 0px; background:#FFF; float:left; }
.heading { display: table-row;  }
.row { display: table-row; }
.cell { display: table-cell;  padding: 20px 10px 20px 30px; vertical-align: top; color:#333; font-size:18px;  font-weight: 400;border-right:#bababa solid 1px; }
.heading .cell { font-weight: 700; font-size: 22px !important; color:#f47920 !important; text-transform: uppercase;padding: 15px 10px 15px 30px; border-bottom:#f47920 solid 2px;     background: #ededed;
  }
  
  .cell:last-child{
   
   border-right:none;

}
  
.row:nth-child(odd) {
    background: #ededed;
}




.ba-slider { position: relative; overflow: hidden; margin: 0px 0 20px 0; width:100%;
height:auto;
float:left; }
.ba-slider img { width: 100%; display: block; }
.resize { position: absolute; top: 0; left: 0; height: 100%; width: 50%; overflow: hidden; }
.handle { /* Thin line seperator */ position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; margin-left: -2px; background: rgba(0, 0, 0, 0.5); cursor: ew-resize; }
.handle:after { /* Big orange knob  */ position: absolute; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; content: '\21d4'; color: white; font-weight: bold; font-size: 36px; text-align: center; line-height: 64px; background: #f47920; /* @orange */ border: 1px solid #f47920; /* darken(@orange, 5%) */ border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 2px 0 rgba(255, 255, 255, 0.5), inset 0 60px 50px -30px #f47920;/* lighten(@orange, 20%)*/ }
.draggable:after { width: 48px; height: 48px; margin: -24px 0 0 -24px; line-height: 48px; font-size: 30px; }
.concept-comp { width: 100%; float: left; padding: 50px 60px; }
.digram { width: 100%; float: left; position: relative; margin: 80px 0 0 0; }
.digram h2 { color: #f47920;  text-transform:inherit; padding-bottom:30px; }

.slick-current .pro-smll-img{
 width: 97%;
 border: #f47920 solid 1px;
}