@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Share+Tech);
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video-block{border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
article,aside,figure,footer,header,hgroup,nav,section{display:block}
object,embed{max-width:100%}
html{overflow-y:scroll}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{background:transparent;font-size:100%;margin:0;padding:0;vertical-align:baseline}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0;font:100%;font-size:inherit}
th{font-weight:700;vertical-align:bottom}
td{font-weight:400;vertical-align:top}
hr{border:0;border-top:1px solid #585858;display:block;height:1px;margin:20px 0;padding:0}
input,select{vertical-align:middle}
pre{white-space:pre-line;word-wrap:break-word}
:focus{outline:0}
input[type=checkbox]{vertical-align:baseline}
select,input,textarea{font:99% sans-serif}
a{color: #484848;}
a:hover,a:active,a:focus{outline:none;text-decoration: none;}
small{font-size:85%}
strong,th{font-weight:700}
td,td img{vertical-align:top}
sub,sup{font-size:75%;line-height:0;position:relative}
sup{top:-.5em}
sub{bottom:-.25em}
pre,code,kbd,samp{font-family:monospace, sans-serif}
.clickable,label,input[type=button],input[type=submit],button{cursor:pointer}
button,input,select,textarea{margin:0}
button{overflow:visible;width:auto}
.ie7 img{-ms-interpolation-mode:bicubic}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}
.clearfix:after,.clear{clear:both}

body,select,input,textarea{color:#444}
a:link{-webkit-tap-highlight-color:#fcd700}
ins{background-color:#fcd700;color:#000;text-decoration:none}
mark{background-color:#fcd700;color:#000;font-style:italic;font-weight:700}
.ie6 input{vertical-align:text-bottom}


/* ==========================*/
body{background:#fff;color:#000;font-size:15px;line-height:20px;font-family: 'Lato', sans-serif;padding-right: 0!important;-webkit-font-smoothing: antialiased !important;-moz-osx-font-smoothing: grayscale;}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-transform: uppercase;font-weight: bold;letter-spacing: -2px;font-family: 'gotham_boldregular', sans-serif;}
h1, h1 a{font-size: 44px;line-height: 48px;letter-spacing: -2px;}
h2, h2 a{font-size: 38px;line-height: 45px;}
h3, h3 a{font-size: 20px;line-height: 28px;letter-spacing: 0;}
h4, h4 a{font-size: 18px;line-height: 26px;}
h5, h5 a{font-size: 17px;line-height: 25px;}
h6, h6 a{font-size: 16px;line-height: 24px;}
ul, ol, h1, h2, h3, h4, h5, h6, figure {margin-bottom: 10px;}
p{margin-bottom: 20px;}


/*=============== basic css ===================*/
.btn{font-family: 'gotham_boldregular', sans-serif;color: #000;font-size: 16px;border-radius: 0;text-transform: uppercase;padding:3px 10px;background: transparent;border: 1px solid #000;}
.btn:hover{color: #fff;background: #da213a;border: 1px solid #da213a!important;}
.btn.white{border: 1px solid #fff;}
.underline{text-decoration: underline;}
img{vertical-align: bottom;}
.white-txt, .white-txt a, .white-txt span, .white-txt h1, .white-txt h2, .white-txt h3, .white-txt h4, .white-txt h5, .white-txt h6, .white-txt li{color: #fff;}
section{padding: 80px 0;}
section h2{position: relative;}
section h2:before{position: absolute;top: -40px;margin: auto;left: 0;right: 0;background: url(../images/cut1.png);content: '';width: 38px;height: 18px;}
section>.container h2+p {width: 100%;margin-left: auto; margin-right: auto;}

/*=============== transitions ===================*/
.portfolio-grid li img, a.btn, .submit {transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}


/*=============== image hover effects ===================*/
.portfolio-grid li figure img:hover{transform: scale(1.2);filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: gray;-webkit-filter: grayscale(100%);}


/*=============== block elements design ===================*/

/********* header **************/
header{background: #d91e3e;padding-bottom: 10px;color: #fff;}
.contact-link{font-weight: 700;margin-top: 53px;}
.contact-link a{margin-left: 5px;}
.contact-link a:hover{text-decoration: underline;}

/************ banner **************/
.banner-content.text-center {width: 60%;margin: 4% auto 0;position: absolute;top: 0;left: 0;right: 0;}
section.banner{padding: 0;    height: 990px;margin-top: 0;position: relative;overflow: hidden;}
.banner-content h1{color: #d91e3e;}
.banner-content>p { width: 90%;margin: 0 auto 20px;}
.services .container>span, .services .container>ul{display: inline-block;}
.banner .bx-viewport, .banner .bx-wrapper{position:absolute;width:100%;height:100% !important;top:0;left:0;}
.banner .bxslider1, .banner .bxslider1 li{height: 100% !important;}
.banner .bxslider1 li{}
.banner .bx-wrapper .bx-viewport{border: none !important;left: 0;}
.banner .bx-controls{display: none;}
.banner .bx-wrapper {width: 100%; height: 100%;margin-bottom: 0;}
.zoom-group {overflow: hidden;}
.zoom-images {width: 2000px!important;height: 1080px!important;overflow: hidden!important;position: relative!important;}
.zs-img {width: 2000px!important;position: absolute!important;left: 9%!important;top: -90px!important;margin-left: -500px!important;}
.zs-img img {display: block!important;margin: 0 auto!important;}


/************ services block **************/
.services{background: url(../images/white.bg.jpg) 50% 0 repeat fixed;}
.services ul li{display: inline-block;position: relative;padding-left: 18px;margin-right: 15px;}
.services ul li:before{position: absolute;left: 0;top: 6px;content: '';background: #000;border-radius: 50px;width: 8px;height: 8px;}
.services h2+p {margin-bottom: 5px;}
.services a.btn{margin-top: 10px;}
.services .container>span {margin-right: 10px;}
.services h2+p+span {display: block;margin-bottom: 10px;width: 100%;}


/************ reasons block **************/
.reasons{background: url(../images/image2.jpg) 50% 0 no-repeat fixed;background-size: cover;padding-top: 100px;background-color: #4db1f1;}
.reasons .bxslider li h2{font-family: 'gotham_lightregular';}
span.round {border-radius: 50%;border: 1px solid #fff;width: 38px;height: 38px;display: inline-block;font-size: 27px;line-height: 37px;vertical-align: middle;text-align: center;margin-top: -8px;}
.reasons .bxslider li p{font-weight: 400;width: 70%;margin: 0 auto 25px;}
.reasons h2:before{content: none;}
.reasons .bxslider{float: left;width: 865%!important;}

/**** bx slider edit ***/
.bx-wrapper .bx-viewport{background: transparent;border: 0;box-shadow: none;}
.reasons .bx-wrapper{margin: 20px 0 0;max-width: 100%!important;}
.reasons .bx-wrapper .bx-viewport{left: 0;/******height: auto!important;********/}
.reasons .testimonials .bx-wrapper .bx-viewport{height: auto!important;}
.reasons .bx-wrapper .bx-pager{display: none;}
.reasons .bx-wrapper .bx-prev {background: url(../images/prev.png) no-repeat left!important;}
.reasons .bx-wrapper .bx-next {background: url(../images/next.png) no-repeat right!important;}
.reasons .bx-wrapper .bx-controls-direction a {height: 48px;}
.reasons .bx-wrapper .bx-prev {left: 40px;}capabili
.reasons .bx-wrapper .bx-next {right: 40px;}
.reasons .bx-wrapper .bx-controls-direction a{top: 10%;}


/************ portfolio block **************/
.portfolio{background: url(../images/white.bg.jpg) 50% 0 repeat fixed;}
.portfolio{padding-bottom: 0;}
.portfolio-grid ul{font-size: 0;}
.portfolio-grid ul li{float: left;width: 20%;    vertical-align: bottom;position: relative;}
.portfolio-grid ul li figure{width: 100%;overflow: hidden;margin-bottom: 0;background: #000;    height: 266px;}
.portfolio-grid {margin-top: 60px;}
.portfolio-grid ul li i{position: absolute;color: #fff;opacity: 0;top: 44%;left: 0;right: 0;margin: auto;font-size: 25px;}
.portfolio-grid ul li:hover img{opacity: 0.5;}
.portfolio-grid ul li:hover i{opacity: 1;}
.portfolio-grid ul{margin-bottom: 0;}
.portfolio-grid .modal-content{display: inline-block;}
.portfolio-grid .modal {margin-top: 3%;padding: 15px 10px 0;}
.portfolio-grid .modal-body figure{margin-bottom: 0;}
.portfolio-grid .modal-body figure img{transform: none;filter: none;}
.portfolio-grid .modal-footer button {position: absolute;top: -10px;right: -10px;border-radius: 50px;width: 20px;height: 20px;text-align: center;padding: 0;color: #fff;background: #d91e3e;border: 0;line-height: 10px;}
.portfolio-grid .modal-footer button i {font-size: 12px;}
.portfolio-grid .modal-footer {padding: 0;border-top: 0;}
.portfolio-grid .modal-footer button:focus{border: 0!important;}
.img-responsive{width: 100%;}


/************ capabilities block **************/
.capabilities{background: #d5cbc3;padding-bottom: 60px;float: left;width: 100%;}
.capabilities ul li{margin-bottom: 5px;}
.box-content{border: 2px solid #fff;padding: 15px 30px;margin-bottom: 40px;}
.box-content ul li:before{position: absolute;left: 0;top: 8px;content: '';background: #000;border-radius: 50px;width: 4px;height: 4px;}
.box-content ul li{display: inline-block;width: auto;margin: 0 15px 0 0;position: relative;padding-left: 10px;}
.text-block>strong, .service-listing>span{font-family: 'gotham_boldregular', sans-serif;font-size: 0.97em;}
.capabilities .text-block, .capabilities .service-listing {margin-bottom: 40px;}
.box-content ul {height: 32px;overflow: auto;}
.box-content .listing{height: 30px;width: 100%;overflow: hidden;}
.box-content .listing ul{width: 100%;height: 100px;overflow: auto;padding-right: 15px; /* Increase this value for cross-browser compatibility */}
.box-content ::-webkit-scrollbar {display: none;}
.box-content ul { /* these are default, can be replaced by hex color values */-ms-overflow-style: none;}


/************ contact block **************/
.contact{background: #3d3d3c;padding-bottom: 10px;}
.map-wrap{overflow: hidden;height: 255px;margin-top: 5px;}
.contact .container>h2 {margin-bottom: 30px;}
.contact-desc-wrap>div a:hover{text-decoration: underline;}
.map-wrap iframe{width: 100%;}
.mail a{display: block;}
.contact-details, .mail, .address{margin-bottom: 20px;}
.contact-desc-wrap>div h3 {margin-bottom: 0;}
.contact h2:before{background: url(../images/cut2.png);}

/************ footer block **************/
footer{padding: 40px 0 0;background: #fcaf31;}
.footer-left, .footer-middle, .footer-right{margin-bottom: 15px;}
.form-wrap fieldset{margin-bottom: 8px;}
.form-wrap input, .form-wrap textarea{background: #3d3d3c;border: 0;width: 100%;padding: 5px 5px 13px 5px;font-size: 10px;color: #f0f0f0;}
.form-wrap textarea{height: 105px;vertical-align: bottom;}
.btn.submit {background: #fed496;color: #fcaf31;border: 0!important;padding: 4px 20px 2px;display: inline-block!important;float: right!important;width: auto;font-size: 13px;}
.btn.submit:hover{background: #fff;}
.footer-left>strong {margin-bottom: 10px;display: block;font-family: 'gotham_boldregular', sans-serif;font-size: 0.97em;}
.footer-middle>p {line-height: 19px;}
footer .bottom{background: #3d3d3c;padding: 20px 0;}
.copyright {font-size: 12px;color: #ccc;}


/*====================== responsive styles ============================*/

@media (min-width: 1370px){
    .zoom-images {width: 3070px!important;}
    .zs-img {width: 3070px!important;left: 6%!important;top: -90px!important;margin-left: -900px!important;}
}

@media (max-width: 1369px) and (min-width: 1201px){
    .portfolio-grid ul li figure {height: 236px;}
}

@media (max-width: 1200px) and (min-width: 1024px){
    .portfolio-grid ul li figure {height: 196px;}
}

@media (max-width: 1024px) and (min-width: 881px){
    .portfolio-grid ul li figure {height: 175px;}
}

@media (max-width: 880px) and (min-width: 768px){
    .portfolio-grid ul li {width: 25%;}
    .portfolio-grid ul li figure {height: 185px;}
}

@media (max-width: 1200px){
    h1, h1 a {font-size: 32px;line-height: 38px;letter-spacing: -2px;}
    h2, h2 a{font-size: 21px;line-height: 27px;}
    h3, h3 a{font-size: 17px;line-height: 24px;}
    h4, h4 a{font-size: 17px;line-height: 24px;}
    h5, h5 a{font-size: 17px;line-height: 22px;}
    h6, h6 a{font-size: 17px;line-height: 21px;}
    h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{letter-spacing: -1px;}
    span.round {width: 23px;height: 23px;font-size: 16px;line-height: 21px;margin-top: -4px;}
}

@media (max-width: 992px){
    .banner-content.text-center{width: 100%;padding: 0 10px;}
    .zs-img {left: -1%!important;}
    section.banner {height: 800px;}
    .zs-img { top: -200px!important;}
}

@media (max-width: 768px){
    h1, h1 a {font-size: 18px;line-height: 25px;letter-spacing: -1px;}
    h3, h3 a {font-size: 14px;line-height: 20px;}
    .portfolio-grid .modal-content, .portfolio-grid .modal-body figure img, .service-listing>span, .service-listing ul li, .reasons .bxslider li p{width: 100%;}
    .col-xs-12.col-sm-6.logo img{width: 80%;}
    .service-listing>span strong br {display: none;}
    .portfolio-grid ul li figure, .portfolio-grid ul li figure img{width: auto;}
    .service-listing>span, .contact .container>h2{margin-bottom: 10px;}
    .box-content, .left-map, .footer-middle, .footer-right, section>.container h2+p{margin-bottom: 20px;}
    .footer-left{margin-bottom: 30px;}
    .banner-content.text-center {margin: 10% auto 0;background: rgba(255,255,255,.8);padding: 20px 10px;}
    .box-content, footer .bottom{padding: 10px;}
    .box-content .listing ul{padding-right: 0;}
    .reasons .bx-wrapper .bx-prev{left: -10px;}
    .reasons .bx-wrapper .bx-next{right: -10px;}
    .reasons{padding: 50px 0;}
    .portfolio-grid {margin-top: 30px;}
    .reasons .bx-wrapper .bx-controls-direction a {top: 3%;}
    .capabilities {padding-bottom: 30px;}
    section.banner {height: 340px;}
    .modal-body {padding: 5px;}
    .col-xs-12.col-sm-6.logo, .copyright {text-align: center;}
    .contact-link {margin-top: 10px;text-align: center;font-size: 12px;}
    section {padding: 30px 0;}
    section h2:before, .contact h2:before {top: -16px;width: 20px;height: 9px;background-size: 100%;}
    .portfolio-grid ul li {width: auto;float: none;border: 1px solid #ddd;border-radius: 3px;padding: 5px;display: inline-block;margin: 0 5px 10px;}
    .portfolio-grid .modal {width: 90%;margin: 3% auto 0;}
    .service-listing ul {list-style: inherit;list-style-position: outside;margin-left: 15px;}
    footer {padding: 20px 0 0;}
    .zs-img {width: 2090px!important; left: 119%!important;top: -350px!important;margin-left: -1520px!important;}
    .zoom-images {width: 750px!important;height: 1210px!important;}
    .reasons .bx-wrapper .bx-next, .reasons .bx-wrapper .bx-prev {background-size: 90%!important;width: 11px;}
    .services ul li:before {top: 8px;width: 5px;height: 5px;}
}

@media (max-width: 500px){
    .zs-img {left: 94%!important;}
    .banner-content>p {font-size: 13px;line-height: 19px;margin: 0 auto 10px;}
    .banner-content h1{font-size: 16px;line-height: 20px;}
}


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */ 
@media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    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; }
}