/*////////////////////////////////////////
//////////////////GLOBAL//////////////////
////////////////////////////////////////*/

html {height: 100%;}
body{
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-family: 'PT Sans',sans-serif;
    font-weight: 400;
    min-width: 303px;
    overflow-x: hidden;
}

div.epi-main-hold {padding: 0px; position: relative;}
div.epi-table div.epi-cell {border-spacing: 0px;}
div.epi-content {padding: 0px;}

.epi-input label.error, .epiCont label.error {color: #d00;}
#contactMessage {color: #f01a25; text-align: right;}

.overlay-map {
    background:transparent; 
    position:absolute; 
    top: 0px;
    left: 0px;
    width:100%;
    height: 200px; /* your iframe height */
    z-index: 100;
}

a {color: inherit;}
p {text-align: justify; color: #2b2b2b; font-size: 13px; line-height: 1.7; font-weight: 400;}
p.center {text-align: center;}
p.bold {font-weight: 700;}
p.no-top-margin {margin-top: 0px;}
p.italic {font-style: italic;}
p.large {font-size: 16px;}
.simpLink {color: #0078a5;}
.simpLink:hover {text-decoration: underline;}
strong {font-weight: 700;}

.flexslider {background: transparent; border: none; border-radius: 0px; box-shadow: none; margin: 0px;}
.flex-control-nav {position: relative; bottom: auto; left: auto; font-size: 0px; color: transparent; z-index: 500; font-size: 0px; margin: 0px; padding: 20px 0;}
.flex-control-nav li {margin: 0 5px;}
.flex-control-paging li a {
    background: #dcdcdc;
    border-radius: 2px;
    box-shadow: none;
    cursor: pointer;
    display: block;
    height: 13px;
    text-indent: -9999px;
    width: 13px;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

.flex-control-paging li a:hover {background: #cacaca;}
.flex-control-paging li a.flex-active {background: #39b14d;cursor: default;}
.flex-control-paging li a.flex-active:hover {background: #39b14d;}

.flex-direction-nav a {
    color: transparent;
    height: 29px;
    margin: -15px 0 0;
    text-shadow: none;
    width: 17px;
    background-position: 0 0;
    opacity: 1;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    background-size: 100%;
    background-position: 0 0;
}

.flex-direction-nav .flex-prev {background-image: url('../images/slider-arrow-left.png'); left: 15px;}
.flex-direction-nav .flex-prev:hover {background-position: 0 -29px;}
.flexslider:hover .flex-prev {left: 15px;}
.flex-direction-nav .flex-next {background-image: url('../images/slider-arrow-right.png'); right: 45px;}
.flex-direction-nav .flex-next:hover {background-position: 0 -29px;}
.flexslider:hover .flex-next {right: 45px;}

.btn-hold {position: relative; font-size: 0px;}
.btn-hold.center {text-align: center; font-size: 0px;}
.btn-hold.margin-top-10 {margin-top: 10px;}
.btn-hold.margin-top-15 {margin-top: 15px;}
.btn-hold.margin-top-20 {margin-top: 20px;}
.btn-hold.margin-top-25 {margin-top: 25px;}
.btn-hold.margin-top-40 {margin-top: 40px;}
.btn-hold.margin-top-30 {margin-top: 30px;}
.btn-hold.margin-top-50 {margin-top: 50px;}
.btn-hold.right {text-align: right;}
.btn-hold.left {text-align: left;}
.btn-hold a {display: inline-block; margin-right: 10px; margin-bottom: 10px;}
.btn-hold a:nth-last-child(1) {margin-right: 0px;}
.btn-hold.center a {margin: 5px;}
.btn-hold.right a {margin-right: 0px; margin-left: 10px;}
.btn-hold.right a:nth-child(1) {margin-left: 0px;}
.btn-hold a.right {float: right; margin-right: 0px; margin-left: 10px;}
.btn-hold .btn-group {display: inline-block; margin-right: 10px; text-align: center; font-size: 0px; white-space: nowrap;}
.btn-hold.right .btn-group {margin-right: 0px; margin-left: 10px;}
.btn-hold.center .btn-group {margin: 5px;}
.btn-hold .btn-group.right {float: right; margin-right: 0px; margin-left: 10px;}

.anythingHold {position: relative; text-align: center; font-size: 0px;}
.anythingHold.left {text-align: left;}
.anythingHold.right {text-align: right;}
.anythingHold .anything-inner {display: inline-block;}
.anythingHold.margin-bottom-10 {margin-bottom: 10px;}
.anythingHold.margin-bottom-25 {margin-bottom: 25px;}
.anythingHold.margin-bottom-30 {margin-bottom: 30px;}
.anythingHold.margin-bottom-50 {margin-bottom: 50px;}
.anythingHold.margin-top-10 {margin-top: 10px;}
.anythingHold.margin-top-15 {margin-top: 15px;}
.anythingHold.margin-top-25 {margin-top: 25px;}
.anythingHold.margin-top-30 {margin-top: 30px;}
.anythingHold.margin-top-50 {margin-top: 50px;}
.anythingHold .heading-underline {width: 100px; height: 2px; background-color: #0078a5;}
.anythingHold .heading-underline.white {background-color: #fff;}

.fancybox-overlay {z-index: 100000;}
.fancybox-opened {z-index: 100100;}
img.firefix {box-shadow: #000 0em 0em 0em;}
.responsive-fix {max-width: 1350px; margin: 0 auto;}
.responsive-fix-2 {max-width: 1000px; margin: 0 auto;}
.responsive-fix-3 {max-width: 700px; margin: 0 auto;}

/*////////////////////////////////////////
//////////////PROJECT GLOBAL//////////////
////////////////////////////////////////*/

.secHeading {color: #2b2b2b; font-weight: 400; font-size: 30px; text-align: center; margin-top: 30px; margin-bottom: 0px; text-transform: uppercase;}
.secHeading.margin-top-0 {margin-top: 0px;}
.secHeading.left {text-align: left;}
.szc-btn {
    font-size: 16px;
    display: inline-block;
    padding: 8px 20px;
    background-color: #0079a8;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    color: #fff;
    font-weight: 400;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

.szc-btn.green {background-color: #3db54b;}
.szc-btn:hover {opacity: 0.6;}
.szc-btn.transparent {background-color: rgba(255,255,255,0.3);}
.szc-btn.transparent:hover {background-color: rgba(255,255,255,0.5); opacity: 1;}
input.szc-btn {box-shadow: none; display: inline-block; border: none; cursor: pointer;}
.szc-btn.grey {background-color: #ccc; color: #333;}

/*////////////////////////////////////////
//////////////////TOPBAR//////////////////
////////////////////////////////////////*/

#topBar {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #ddd;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3);
    z-index: 11000;
}

#topBar .topBar-inner {position: relative; height: 100px;}
#topBar .nav-hold {text-align: center; font-size: 0px; position: relative;}
#topBar .nav-list {display: inline-block; margin: 0px; padding: 0px; text-align: center; font-size: 0px;}
#topBar .nav-item {display: inline-block; list-style: none; margin: 0 5px; position: relative; vertical-align: top;}
#topBar .NavLink {
    display: inline-block;
    padding: 8px 10px;
    padding-top: 45px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    font-size: 14px;
    color: #373737;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

#topBar .NavLink:hover {background-color: #e5e5e5;}
#topBar .NavLink.active {background-color: #f5f5f5; font-weight: 700;}
#topBar .NavLink.nav-logo {position: absolute; top: 0px; left: 0px; width: 100%; padding: 0px;}
#topBar .nav-item.nav-logo {width: 125px;}
#topBar .nav-item.menu {display: none;}
#topBar .logo-hold {padding: 8px; background-color: #fff; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; position: relative;}
#topBar .logo-hold img {position: relative; z-index: 10;}
#topBar .logo-underlay {
    position: absolute;
    left: -3px;
    bottom: -6px;
    width: 131px;
    height: 39px;
    background-image: url('../images/logo-underlay.png');
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
}

#topBar .NavLink.contact {padding-top: 8px; margin-top: 37px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-color: #3db54b; color: #fff;}
#topBar .NavLink.contact:hover {opacity: 0.6;}
#topBar .NavLink.menu {
    padding-top: 8px;
    margin-top: 25px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-color: #3db54b;
    color: #fff;
    font-size: 0px;
    width: 20px;
    height: 20px;
    position: relative;
}

#topBar .NavLink.menu img {width: 20px; display: block; position: absolute; top: 8px; left: 8px;}
#topBar .NavLink.menu:hover {opacity: 0.6;}
#topBar .NavLink.menu .menu {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1;
}

#topBar .NavLink.menu .close {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    opacity: 0;
}

#topBar.active .NavLink.menu .menu {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    opacity: 0;
}

#topBar.active .NavLink.menu .close {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1;
}

#topBar.minimiseBar .topBar-inner {height: 60px;}
#topBar.minimiseBar .NavLink {padding-top: 20px;}
#topBar.minimiseBar .NavLink.contact {padding-top: 8px;}
#topBar.minimiseBar .NavLink.menu {padding-top: 8px;}
#topBar.minimiseBar .NavLink.contact {margin-top: 13px;}
#topBar.minimiseBar .NavLink.nav-logo {padding-top: 0px;}
#topBar.minimiseBar .nav-item.nav-logo {width: 81px;}
#topBar.minimiseBar .logo-underlay {width: 87px;}
#topBar.minimiseBar .logo-hold {padding: 5px 8px;}
#topBar.minimiseBar .NavLink.menu {margin-top: 12px;}

/*////////////////////////////////////////
//////////////////STAGE///////////////////
////////////////////////////////////////*/

#stage {position: relative;}
#stage .stage-inner {position: relative;}
#stage .slide-hold {position: relative;}

#stage .large {display: block;}
#stage .small {display: none;}
.topBar-spacer {height: 100px; background-color: #ddd; position: relative;}

#stage .stage-txt-hold {position: absolute; bottom: 30px; left: 0px; width: 100%;}
#stage .stage-txt-inner {text-align: center; font-size: 0px; position: relative;}
#stage .stage-txt-item {background-color: #fff; display: inline-block; max-width: 600px; width: 100%; padding: 10px 0; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}
#stage .stage-txt-txt {font-size: 30px; color: #2b2c2c; display: block; text-align: center; padding: 0 10px; font-weight: 400;}

/*////////////////////////////////////////
/////////////////WELCOME//////////////////
////////////////////////////////////////*/

#welcomeSec {position: relative;}
#welcomeSec .welcomeSec-outer {padding-bottom: 60px; padding-top: 30px; position: relative;}
#welcomeSec .welcomeSec-outer-hold {position: relative;}
#welcomeSec .welcomeSec-inner {position: relative;}
#welcomeSec .welcomeSec-hold {position: relative;}

#welcomeSec p {text-align: center;}
#welcomeSec p.large {color: #858585; margin-top: 0px;}

#welcomeSec .welcomeSec-banner {position: absolute; top: 0px; left: 0px; height: 100%; background-color: #9b080e; padding-left: 10%; padding-right: 20px; }
#welcomeSec .welcomeSec-banner-inner {height: 100%; position: relative;}
#welcomeSec .welcomeSec-banner-inner img {width: 32px;}

#welcomeSec .welcomeSec-banner-second {position: relative; background-color: #9b080e; display: none; margin-bottom: 30px;}
#welcomeSec .welcomeSec-banner-second-inner {position: relative; padding: 20px 0;}
#welcomeSec .welcomeSec-banner-heading {font-size: 30px; color: #fff; font-weight: 400; text-align: center; display: block;}

/*////////////////////////////////////////
/////////////SERVICE SECTION//////////////
////////////////////////////////////////*/

#serviceSec {position: relative; margin-bottom: 60px;}
#serviceSec .serviceSec-inner {position: relative;}
#serviceSec .serviceSec-cell {width: 25%; position: relative;}
#serviceSec .serviceSec-hold {padding: 30px; padding-bottom: 118px;}
#serviceSec .serviceSec-outer {background-image: url('../images/services-section-bg.jpg'); background-size: 100%; background-repeat: repeat-y; position: relative;}
#serviceSec .serviceSec-outer-hold {position: relative;}

#serviceSec .serviceSec-cell.cell-1 {background-color: #3db54b;}
#serviceSec .serviceSec-cell.cell-2 {background-color: #0078a7;}
#serviceSec .serviceSec-cell.cell-3 {background-color: #9b090d;}
#serviceSec .serviceSec-cell.cell-4 {background-color: #fdba12;}

#serviceSec .serviceSec-icon {text-align: center; font-size: 0px;}
#serviceSec .serviceSec-icon-inner {display: inline-block; width: 50px;}
#serviceSec .serviceSec-heading {font-size: 20px; color: #fff; text-align: center; margin-top: 15px; margin-bottom: 30px; font-weight: 400;}

#serviceSec .serviceSec-list {display: block; margin: 0px; padding: 0px;}
#serviceSec .serviceSec-item {
    display: block;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

#serviceSec .serviceSec-item:nth-last-child(1) {margin-bottom: 0px; padding-bottom: 0px; border-bottom: none;}
#serviceSec .serviceSec-cell .btn-hold {position: absolute; bottom: 30px; left: 0px; width: 100%;}

#serviceSec .serviceSec-clear.first {display: none;}
#serviceSec .serviceSec-clear.second {display: none;}

/*////////////////////////////////////////
///////////////PROJECT SEC////////////////
////////////////////////////////////////*/

#projectSec {position: relative; margin-bottom: 60px;}
#projectSec .projectSec-inner {position: relative;}
#projectSec .projectSec-slider {position: relative;}
#projectSec .projectSec-slider-inner {padding: 0 50px;}

#projectSec .img-hold {margin: 15px; border: 2px solid #3d3d3d; padding: 2px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}
#projectSec .hold-inner {position: relative;}
#projectSec .projectSec-caption {display: block; padding: 5px 0; font-size: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #2b2b2b; text-align: center;}

/*////////////////////////////////////////
//////////////OWL CONTROLS////////////////
////////////////////////////////////////*/

.owl-carousel .owl-wrapper-outer {z-index: 1000;}
div.owl-controls {position: absolute; top: 50%; height: 94px; margin-top: -47px; left: 0px; width: 100%;}
div.owl-controls .owl-buttons {position: relative;}
div.owl-controls .owl-buttons div {
    width: 40px;
    height: 94px;
    position: absolute;
    top: 0;
    background-size: 100%;
    color: transparent;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
div.owl-controls .owl-buttons div:hover {opacity: 0.6;}
div.owl-controls .owl-buttons div.owl-prev {left: -50px; background-image: url('../images/owl-arrow-left.png');}
div.owl-controls .owl-buttons div.owl-next{right: -50px; background-image: url('../images/owl-arrow-right.png');}

/*////////////////////////////////////////
////////////COLLAGE SECTION///////////////
////////////////////////////////////////*/

#collageSec {position: relative;}
#collageSec .collageSec-inner {position: relative;}

#collageSec .collage-1 {display: none;}
#collageSec .collage-2 {display: block;}
#collageSec .collage-3 {display: none;}
#collageSec .collage-4 {display: none;}
#collageSec .collage-5 {display: none;}

@media (min-width: 1450px){
    #collageSec .collage-1 {display: block;}
    #collageSec .collage-2 {display: none;}
    #collageSec .collage-3 {display: none;}
    #collageSec .collage-4 {display: none;}
    #collageSec .collage-5 {display: none;}
}

@media (max-width: 1050px){
    #collageSec .collage-1 {display: none;}
    #collageSec .collage-2 {display: none;}
    #collageSec .collage-3 {display: block;}
    #collageSec .collage-4 {display: none;}
    #collageSec .collage-5 {display: none;}
}

@media (max-width: 850px){
    #collageSec .collage-1 {display: none;}
    #collageSec .collage-2 {display: none;}
    #collageSec .collage-3 {display: none;}
    #collageSec .collage-4 {display: block;}
    #collageSec .collage-5 {display: none;}
}

@media (max-width: 550px){
    #collageSec .collage-1 {display: none;}
    #collageSec .collage-2 {display: none;}
    #collageSec .collage-3 {display: none;}
    #collageSec .collage-4 {display: none;}
    #collageSec .collage-5 {display: block;}
}

/*////////////////////////////////////////
//////////////////ALLCONT/////////////////
////////////////////////////////////////*/

#allCont {position: relative; margin-bottom: 60px; margin-top: 20px;}
#allCont .allCont-inner {position: relative;}
#allCont .allCont-hold {position: relative;}

#allCont h2 {
    color: #2b2b2b;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 30px;
    text-transform: uppercase;
    text-align: left;
}

#allCont h3 {
    color: #0078a5;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
    margin: 0px;
    text-transform: uppercase;
    text-align: left;
}

#allCont h2.center,
#allCont h3.center {text-align: center;}

#allCont ul {display: block; margin: 20px 0px; padding: 0px;}
#allCont ul li {display: block; margin-bottom: 0px; padding-left: 15px; position: relative; text-align: left; color: #2b2b2b; font-size: 13px; line-height: 1.7; font-weight: 400;}
#allCont ul li:nth-last-child(1) {margin-bottom: 0px;}
#allCont ul li:after {
    content: url(../images/bullet-point.png);
    position: absolute;
    left: 0px;
    top: 1px;
    width: 8px;
}

#allCont ul li ul li:after {
    content: url(../images/bullet-point-inner.png);
    position: absolute;
    left: 0px;
    top: -4px;
    width: 5px;
}

#allCont ul li ul {margin: 0px;}

/*////////////////////////////////////////
/////////////////SERV LIST////////////////
////////////////////////////////////////*/

#servList {position: relative;}
#servList .servList-item {position: relative; margin-bottom: 30px;}
#servList .servList-item:nth-last-child(1) {margin-bottom: 0px;}

#servList .icon-cell {width: 30%; max-width: 30%; background-color: #515151; padding: 20px; min-width: 215px;}
#servList .icon-cell.second {display: none;}
#servList .icon-cell.green {background-color: #3db54b;}
#servList .icon-cell.blue {background-color: #0078a7;}
#servList .icon-cell.red {background-color: #9b090d;}
#servList .icon-cell.yellow {background-color: #fdba12;}
#servList .details-cell {padding: 20px 30px; background-color: #ebebeb; background-position: bottom right; background-repeat: no-repeat;}
#servList .water .details-cell {background-image: url('../images/service-bg-water.png'); background-size: 210px; background-position: center right;}
#servList .bridge .details-cell {background-image: url('../images/service-bg-bridge.png'); background-size: 400px;}
#servList .building .details-cell {background-image: url('../images/service-bg-building.png'); background-size: 380px;}
#servList .people .details-cell {background-image: url('../images/service-bg-people.png'); background-size: 220px;}

#servList .servList-icon-hold {text-align: center; font-size: 0px;}
#servList .servList-icon-inner {display: inline-block; width: 50px;}
#servList .servList-heading {font-size: 20px; color: #fff; text-align: center; font-weight: 400; margin: 0px; margin-top: 5px;}
#servList .servList-clear {display: none;}

#allCont #servList ul {margin: 0px;}
#allCont #servList ul.margin-bottom-20 {margin-bottom: 20px;}

/*////////////////////////////////////////
/////////////////THE TEAM/////////////////
////////////////////////////////////////*/

#theTeam {position: relative; margin-bottom: 50px;}
#theTeam .theTeam-list {display: block; margin: 0px; padding: 0px; text-align: center; font-size: 0px;}
#theTeam .theTeam-item {display: inline-block; width: 25%;}
#theTeam .TheTeam-item-inner {margin: 15px; padding: 2px; border: 2px solid #3d3d3d; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}
#theTeam .theTeam-caption {color: #515151; display: block; font-size: 12px; padding: 5px 0; text-align: center;}
#theTeam .theTeam-caption strong {font-size: 14px; color: #2b2b2b; display: block; text-align: center;}

/*////////////////////////////////////////
///////////////PROJECT LIST///////////////
////////////////////////////////////////*/

#porjlist {position: relative;}
#porjlist .porjlist-list {display: block; margin: 0px; padding: 0px; text-align: center; font-size: 0px;}
#porjlist .porjlist-item {display: inline-block; width: 25%;}
#porjlist .porjlist-item-inner {margin: 15px; display: block; padding: 2px; border: 2px solid #3d3d3d; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}

/*////////////////////////////////////////
////////////////CONTACT LIST//////////////
////////////////////////////////////////*/

.contact-hold {position: relative; margin-bottom: 50px; margin-top: 40px;}
.contact-page .contact-hold {padding: 0 8px;}
.contact-hold .contact-inner {position: relative;}

.contact-hold .contact-content {position: relative;}
.contact-hold .contact-list {display: block; margin: 0px; padding: 0px;}
#allCont .contact-hold .cont-item {display: block; list-style: none; margin-bottom: 10px; padding: 0px;}
#allCont .contact-hold .cont-item:after {content: none;}
#allCont .contact-hold .cont-item:nth-last-child(1) {margin-bottom: 0px;}

#contact-form ul li {padding: 0px; display: inline-block;}
#contact-form ul li:after {content: none;}
#contact-form ul li.streach-100 {display: block;}
#contact-form ul.epi-list.center {text-align: center;}
#contact-form ul.epi-list.center li {text-align: center;}

.contact-hold .cont-box {
    border: 1px solid #989494;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    background-color: #fff;
    font-size: 14px;
    color: #5a5a5a;
    font-weight: 300;
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
}

.contact-hold .cont-head {
    background-color: #eee;
    max-width: 150px;
    width: 150px;
    text-align: left;
    padding: 5px 20px;
    border-right: 1px solid #989494;
}

.contact-hold .cont-info {padding: 5px 10px;}
.contact-hold .cont-head img {width: 12px; display: inline-block; margin-right: 5px; margin-bottom: -0.5px;}
.contact-hold .cont-head.address img {margin-bottom: -1px;}
.contact-hold strong {font-weight: 400;}

@media (max-width: 730px){
    .contact-hold .cont-box {font-size: 12px;}
}

@media (max-width: 530px){
    .contact-hold .cont-box {font-size: 12px;}
    .contact-hold .cont-head {max-width: 125px; padding: 5px 10px; width: 125px;}
    .contact-hold .cont-info {padding: 5px 10px;}
}

@media (max-width: 350px){    
    .contact-hold .cont-head strong {display: none;}
    .contact-hold .cont-head {max-width: 12px; width: 12px;}
}

/*////////////////////////////////////////
//////////////////footer//////////////////
////////////////////////////////////////*/

#footer {position: relative; background-color: #2b2b2b;}
#footer .footer-inner {position: relative; padding: 20px 0; text-align: center; font-size: 0px;}

#footer .footer-item {display: inline-block; font-size: 13px; color: #909090; font-weight: 400; margin: 5px;}
#footer .footer-item.left {float: left;}
#footer .footer-item.right {float: right;}
#footer a.footer-item:hover {text-decoration: underline;}

@media (max-width: 900px){
    #footer .footer-item.left {float: none;}
    #footer .footer-item.right {float: none;}
}

/*////////////////////////////////////////
////////////////RESPONSIVE////////////////
////////////////////////////////////////*/

@media (min-width: 1450px){
    .secHeading {font-size: 35px;}
    #topBar .nav-item.nav-logo {width: 145px;}
    #topBar .logo-underlay {width: 151px; height: 45px;}
    #topBar .topBar-inner {height: 115px;}
    #topBar .NavLink {font-size: 15px;}

    .responsive-fix-2 {max-width: 1250px;}
}

@media (max-width: 1110px) and (min-width: 950px){
    #serviceSec .serviceSec-hold {padding: 30px 15px 100px;}
    #serviceSec .serviceSec-heading {margin-bottom: 15px;}
}

@media (max-width: 1090px){
    #welcomeSec .welcomeSec-outer-hold {padding-left: 10%;}
    #welcomeSec .welcomeSec-inner {padding-left: 62px;}
}

@media (max-width: 1020px){
    #topBar .nav-item {margin: 0 3px;}
    #topBar .nav-item.nav-logo {width: 115px;}
    #topBar .logo-underlay {width: 121px; height: 28px;}
}

@media (max-width: 970px){
    #topBar .NavLink {font-size: 13px;}
    #topBar .NavLink {padding: 8px; padding-top: 45px;}
    #topBar .NavLink.contact {padding-top: 8px;}
    #topBar .NavLink.menu {padding-top: 8px;}
}

@media (max-width: 950px){
    #topBar .nav-item {display: none;}
    #topBar .nav-item.nav-logo {display: inline-block; width: 100px;}
    #topBar .logo-underlay {height: 27px; width: 106px;}
    #topBar .nav-list {text-align: left; display: block;}
    #topBar .topBar-inner {height: 85px;}
    #topBar .nav-item.menu {display: inline-block; float: right;}

    .topBar-spacer {height: 85px;}

    #serviceSec .serviceSec-clear.first {display: table-row;}
    #theTeam .theTeam-item {width: 33.33%;}
    #porjlist .porjlist-item {width: 33.33%;}
}

@media (max-width: 850px){
    #welcomeSec .welcomeSec-banner {display: none;}
    #welcomeSec .welcomeSec-outer-hold {padding-left: 0px;}
    #welcomeSec .welcomeSec-inner {padding-left: 0px;}
    #welcomeSec .welcomeSec-banner-second {display: block;}
    #welcomeSec .welcomeSec-outer {padding-top: 0px;}
}

@media (max-width: 750px){
    #servList .servList-clear {display: table-row;}
    #servList .icon-cell.second {display: table-cell;}
    #servList .icon-cell.first {display: none;}
}

@media (max-width: 700px){
    #theTeam .theTeam-item {width: 50%;}
    #porjlist .porjlist-item {width: 50%;}
}

@media (max-width: 650px) and (min-width: 500px){
    #serviceSec .serviceSec-hold {padding: 30px 15px 100px;}
    #serviceSec .serviceSec-heading {margin-bottom: 15px;}
}

@media (max-width: 650px) and (min-width: 600px){
    #stage .stage-txt-hold {bottom: 20px;}
}

@media (max-width: 600px){
    #stage .small {display: block;}
    #stage .large {display: none;}
}

@media (max-width: 500px){
    .secHeading {font-size: 30px;}
    #serviceSec .serviceSec-clear.second {display: table-row;}
}

@media (max-width: 450px){
    #theTeam .theTeam-item {width: 100%;}
    #porjlist .porjlist-item {width: 100%;}
}

@media (max-width: 400px){
    #stage .stage-txt-txt {font-size: 25px;}
    #stage .stage-txt-item {padding: 5px 0;}
}