﻿
/* CSS Document */

/*.........................................................................START...............................................................................*/

@font-face {
    font-family: 'futuracondensed_medium';
    src: url('../font/ufonts.com_futura-condensed-medium-webfont.eot');
    src: url('../font/ufonts.com_futura-condensed-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ufonts.com_futura-condensed-medium-webfont.woff') format('woff'),
         url('../font/ufonts.com_futura-condensed-medium-webfont.ttf') format('truetype'),
         url('../font/ufonts.com_futura-condensed-medium-webfont.svg#futuracondensed_medium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'droid_sansbold';
    src: url('../font/DroidSans-Bold-webfont.eot');
    src: url('../font/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DroidSans-Bold-webfont.woff') format('woff'),
         url('../font/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('../font/DroidSans-Bold-webfont.svg#droid_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;

}



.head_nw
{
    height: 7.3%;
    width: 100%;
    background: #CC3333;
}
.slid_in1
{
    width: 100%;
    height: auto;
}
.aa
{
    background-color: #0067b2;
    padding: 6% 0 12% 0;
    position: relative;
    min-height: 50px;
}
.aa span
{
    color:#FFFFFF; float:left;
    padding:13px

}

.ac
{
    color: #FFFFFF;
    float: left;
    margin-left: 2%;
    padding: 0 5% 0 12%;
    border-radius: 2px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #8dc73f;
}





.jumbotron h6
{
    font-size: 1em;
    text-align: center;
    color: white;
    padding: 22% 0 28.1% 0px;
}
.xc
{
    margin-top: .5%;
    margin-bottom: .5%;
    background: #f4f5f7;
    min-height: 136px;
}

h1
{
font-size:15px;
}

.logo-holder
{
padding:0;margin:0
}

.logo-holder img
{
    margin:20px 0
}


.hor-menu {
margin: 0 0 0 -17px;
margin: 0;
float: left;
background: #176bb9;
width:100%
}

.clear
{
    float:none;
    clear:both;
    display:none
}

.slider-right
{
    position:relative;
    width:100%;
    height:100%
}


.slider-1 article, .slider-2 article
{
position:relative;
/*min-height:282px*/
}




.title-sub-header
{
    position:absolute;
    background-color: #0067b2;
   height:40px;
    position: relative;
    bottom:0;
    left:0

}
.title-sub-header a
{
    color:#fff;
    line-height:33px;
    font-size:20px;
    vertical-align:middle;
    padding:0 15px
}
.title-sub-header a:hover
{
    text-decoration:none;
    color:#ededee
}
.red-bg
{
    background:#ed1c24
}
.active-pointer
{
text-indent:-3000px;
background:url(../img/active-pointer.png) center top;
width:20px;
height:10px;
position:absolute;
bottom:-10px;
z-index:100000;
left:40%;
}

.pre-header {
color: #ededee;
line-height: 1.2;
font-family: 'Open Sans', sans-serif;
font-size:20px;
font-weight: 300;
/*background: #fcfcfc;*/
padding:0;
margin:0;
float:right
}


.pre-header ul
{
padding:10px 0!important;
margin:0;
list-style: none;

}

.pre-header>li {
display: inline-block;
padding-right: 5px;
padding-top: 5px;
list-style: none;
color: #FFFFFF;
padding-left: 5px;
}
.pre-header li i, .pre-header li span
{
color:#000;
font-size:20px;
color:#0168b3
}

.menu-bg
{
background:#176bb9;
padding:0;
display:block
}





.header .social
{
float:right
}


.header .social a {
	-webkit-border-radius: 25px!important;
	-moz-border-radius: 25px!important;
	border-radius: 25px!important;
}
.header .social a { float:left; width:40px; height:40px; margin:10px 0px 10px 10px; }
.header .social a.google { background:#D34B42; }
.header .social a.twitter { background:#55ACEE; }
.header .social a.facebook { background:#3B5998; }
.header .social a.linkedin { background:#007bb6; }

.header .social a:hover { background:#eb8119; }
.header .social a.facebook:hover { background:#eb8119; }
.header .social a.twitter:hover { background:#eb8119; }
.header .social a.linkedin:hover { background:#eb8119; }

.header .social img {
width: auto;
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0;

}

.rest-bg
{
    background:#fff;
    width:100%;
    /*background: repeating-linear-gradient(
  to right,
  #f6ba52,
  #f6ba52 10px,
  #ffd180 10px,
  #ffd180 20px
);*/

}

.navbar-nav > li > a
{
    padding-top:12px!important;
    padding-bottom:12px!important;
}

nav:not(.mm-menu)
{
	display: none;
}

#res-hor-menu
{
/*display:none*/
}

.hor-menu
{
webkit-box-shadow: 0 10px 10px -4px rgba(56,56,56,0.5);
-moz-box-shadow: 0 10px 10px -4px rgba(56,56,56,0.5);
box-shadow: 0 10px 10px -4px rgba(56,56,56,0.5);
}

.hor-menu .navbar-nav {
  /* Mega menu content */
  /* Classic menu */

}

.hor-menu .navbar-nav > li.mega-menu-dropdown {
  position: static;


}


.hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
 left: auto;
  width: auto;
  webkit-box-shadow: 0 10px 10px -4px rgba(56,56,56,0.5);
-moz-box-shadow: 0 10px 10px -4px rgba(56,56,56,0.5);
box-shadow: 0 10px 10px -4px rgba(56,56,56,0.5);

}
.hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content
{
font-family: "Open Sans", sans-serif;
padding: 0 15px;
margin: 0;

}

.hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content.mega-menu-responsive-content {
  padding: 10px 18px 10px 45px;

}

.hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
  padding: 0;
  margin: 0;
}

.hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu:last-child {
  border-right: 0;
}

.hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li {
padding: 1px !important;
margin: 0 !important;
list-style: none;
}

.hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
  padding:0 10px
}

.hor-menu .col-md-3
{
    border-right:1px solid #939393;
    min-height:400px
}
.hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
  color: #fff;
  margin-top: 5px;
  padding: 5px 10px;
  font-size: 15px;
  font-weight: normal;
  background:#939393!important;
  display:block;
  border-radius:10px;
  webkit-box-shadow: 0 10px 10px -4px rgba(56,56,56,0.5);
-moz-box-shadow: 0 10px 10px -4px rgba(56,56,56,0.5);
box-shadow: 0 10px 10px -4px rgba(56,56,56,0.5);

}


.hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 a
{
    color:#fff;
    text-decoration:none
}
.hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a {
white-space: normal;
font-family: "Open Sans", sans-serif;
padding: 7px;
margin: 0;
font-size: 14px;
font-weight: 300;
padding: 10px;
display:block
}

.hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a.iconify {
  padding: 7px 7px 7px 30px;
}
.hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a.iconify > i {
  position: absolute;
  top: auto !important;
  margin-left: -24px;
  font-size: 15px;
  margin-top: 3px !important;
}

.hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a .badge,
.hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a .label {
  margin-left: 5px;
}

.hor-menu .navbar-nav > li.menu-dropdown .dropdown-menu:after, .page-header .page-header-menu .hor-menu .navbar-nav > li.menu-dropdown .dropdown-menu:before {
  display: none !important;
}

.hor-menu .navbar-nav > li > a {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  padding: 16px 18px 15px 18px;
}
.hor-menu .navbar-nav > li.current .selected, .hor-menu .navbar-nav > li.active .selected {
  left: 50%;
  bottom: 0;
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid transparent;
  display: inline-block;
  margin: 0;
  width: 0;
  height: 0px;
  margin-left: -7px;
  margin-bottom: -6px;
}
.hor-menu .navbar-nav > li > a > i {
  color: #fff;
}
.hor-menu .navbar-nav > li.open > a,
.hor-menu .navbar-nav > li > a:hover {
  color: white;
  background: #4b4949 !important;
}
.hor-menu .navbar-nav > li.open > a > i,
.hor-menu .navbar-nav > li > a:hover > i {
  color: white;
}
.hor-menu .navbar-nav > li.active a
{
position:relative
}
.hor-menu .navbar-nav > li.active > a,
.hor-menu .navbar-nav > li.active > a:hover, .hor-menu .navbar-nav > li.current > a,
.hor-menu .navbar-nav > li.current > a:hover {
  color: #f1f1f1;
  background: #ed1c24!important;
}
.hor-menu .navbar-nav > li.active > a > i,
.hor-menu .navbar-nav > li.active > a:hover > i, .hor-menu .navbar-nav > li.current > a > i,
.hor-menu .navbar-nav > li.current > a:hover > i {
  color: #fff;
}


.hor-menu .navbar-nav > li .dropdown-menu {
  /*box-shadow: 5px 5px rgba(85, 97, 111, 0.2);*/
  background: #4b4949;
  border:none!important;
  padding:10px 0
  
}
.hor-menu .navbar-nav > li ul li
{
    list-style:none;
}
.hor-menu .navbar-nav > li .dropdown-menu li > a {
  color: #fff;
}
.hor-menu .navbar-nav > li .dropdown-menu li > a > i {
  color: #fff;
}
.hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
  color: #fff;
  background: #428bca;
  text-decoration:none
}

.hor-menu .navbar-nav > li .dropdown-menu li > a .label,
.hor-menu .navbar-nav > li .dropdown-menu li > a .badge {
  font-weight: 300;
}

.hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu {
  min-width: 195px;
  max-width: 235px;
}

.hor-menu .navbar-nav > li .dropdown-submenu > a:after {
  top: 9px;
  right: 10px;
}

.hor-menu .navbar-nav > li:hover .dropdown-menu
{
    display:block
}

.hor-menu .navbar-nav > li:hover 
{
    background: #4b4949;
    border:none
}

.hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
  color: #6fa7d7;
}
.hor-menu .navbar-nav > li .dropdown-menu li.active > a,
.hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
.hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
  color: #ced5de;
  background: #5d6b7a;
}
.hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
.hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
.hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
  color: #6fa7d7;
}
.hor-menu .navbar-nav > li .dropdown-menu li.divider {
  background-color: #606d7d;
}
.hor-menu .navbar-nav > li .dropdown-submenu > a:after {
  color: #6fa7d7;
}

.hor-menu .navbar-nav > li.mega-menu-dropdown.mega-menu-full .dropdown-menu {
  left: 20px;
  right: 20px;
}


.review-row
{

background:#0067b2;
padding:10px

}

.review {
margin: 0px 30px;
padding:0;
clear:both;


}
.review-icon {
float: left;
width:100%;


}


.e-square-gray
{
margin:30px 0
}
.review-icon i {
background: #e14045;
border: 4px solid #fff;
border-radius: 100%;
color: #fff;
display: block;
font-size: 36px;
height: 94px;
line-height: 90px;
text-align: center;
width: 94px;
margin:0 auto
}


.review-icon h4 {
padding-bottom: 10px;
color: #fff;
width:100%;
text-align:center
}

.review a:hover
{
text-decoration:none
}

.img-align img
{
margin-bottom:-40px;
position:relative;

}
.product-display
{
position:relative;
width:100%;
height:100%
}


.product-display .dropdown-menu
{
display:block;
position:relative;
z-index:101;
}

.product-display ul li
{
    list-style:none
}

section
{
    position: relative;
    /*height: 100%;*/
    width: 100%;
    overflow: hidden;
    height:800px;
    display:block
}

#home > *
{
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    text-align: right;


}

#home .jobs article h1 {
width: auto;
background:#585959;
padding:10px;
opacity:0.9;
}

#home .jobs
{
    padding: 0;
    left: 0;
    background: #161616;
}

.animated
{
    position: relative;
}


.jobs .slider-container
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    overflow: hidden;
    /*&:after, &:before {
    		content:'';
    		position:absolute;
    		width:100px;
    		background:rgba(0,0,0,0.6);
    		height:100%;
    		top:0;
    		z-index:100;
    	}
    	&:before {
    		left:-100px;
    	}
    	&:after {
    		right:-100px;
    	}
    	
    }*/
}

.jobs .slider-container .owl-carousel, .jobs .slider-container .owl-carousel .owl-wrapper-outer, .jobs .slider-container .owl-carousel .owl-wrapper, .jobs .slider-container .owl-carousel .owl-item
{
    height: 100%;
}

.jobs .slider-container .owl-wrapper
{
    transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}


#home .jobs article .btn-apply
{
    margin-top: 3px;
}

.no-touch .btn.btn-apply:hover
{
    padding-left: 33px;
    padding-right: 33px;
}

a, a:hover, a:focus
{
    color: inherit;
    text-decoration: none;
}

a:hover, a:focus
{
    color: #2a6496;
    text-decoration: underline;
}

a:active, a:hover
{
    outline: 0;
}


.btn
{
    display: inline-block;
    padding: 15px 25px;
    text-transform: uppercase;
   /*font-family: 'futuracondensed_medium';*/
    font-weight: 700;
    border-radius: 0px;
    border: none;
    overflow: hidden;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.1;
}


*
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn > span
{
    display: inline-block;
    /*font-family: 'futuracondensed_medium';*/
}

.column {
position: relative;
padding-left: 0.9375em;
padding-right: 0.9375em;
float: left;
}
.column:first-child
{
padding-left:0;
}
.column:last-child
{
padding-right:0;
}

.icon-link-1
{
position: relative;
margin: 0.1em;
display: block;
text-align: center;
color: #333d4d;
margin-left:10px;
font-size:24px!important;
cursor:text
}

.icon-link-1:hover
{
text-decoration:none
}



.icon-round {
-webkit-border-radius: 50%!important;
-moz-border-radius: 50%!important;
border-radius: 50%!important;
display: inline-block;
width: 2em;
height: 2em;
font-size:30px!important;
border: 2px solid #d6d8db;
line-height: 2.8;
padding:12px 6px
}

input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], select, textarea, textarea.form-control {
width: 100%;
padding: 6px 12px;
background-color: #ffffff;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
background: #F3F3F3;
border: 1px solid #E5E5E5;
border-radius: 5px!important;
box-shadow: none;
font-weight: 400;
font-size: 13px;
color: #000;
outline: 0;
}

.contact-info {
position: relative;
padding-top: 80px;
}

.contact-00 h5 {
margin-top: 0;
font-size:18px;
font-weight:bold;
margin:0;
padding:0

}

.contact-info p
{
padding:5px 0
}

.contact-info .icon-place {
font-size: 80px;
position: absolute;
left: -67px;
top: -19px;
border-bottom: 3px solid #ed1c24;
color: #F25079;

}

.contact-info .fa {
color: #ed1c24;
position: absolute;
left: 0;
margin-top: 5px;
}



.medium-4 {
width: 33.33333%;
}

.av-recent-post figure {
margin: 0;
}

.av-recent-post figure img {
width:100%;
height: 220px;
}

.btn.btn-report
{
background: #313030;
color: white;
/*height:44px;*/
font-size:14px;
padding: 10px 20px;
position: relative;
transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
margin-bottom:10px;
margin-left:10px;
margin-top:0;
display:block;
text-align:left;
min-width:300px;
opacity:0.8;
-moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;


}

.btn.btn-apply {
background: #fe670e;
color: white;
width:117px;
/*height:44px;*/
font-size:14px;
padding: 5px 0px;
padding-left: 0px;
position: relative;
transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.btn:hover, .btn:focus {
color: #fff!important;
text-decoration: none;
}

.btn.btn-apply:before
{
    content: ' ';
    margin-top: 2px;
    display: block;
    float: right;
    width: 24px;
    margin-left: 10px;
    height: 15px;
    /*background: url("../img/icon-job.png") no-repeat center center;*/
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 14px;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.btn.btn-more
{
    position: relative;
    background: white;
    padding-left: 20px;
    padding-right: 46px;
    white-space: normal;
	color: #11496b;
	font-size:11px;
    text-align: left;
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.btn.btn-more:before
{
    content: ' ';
    margin-top: 2px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 16px;
    width: 16px;
    height: 16px;
    -moz-transform: translateX(0px) rotate(0deg);
    -webkit-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
    background: url("../img/icon-more.png") no-repeat center center;
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.pricing-tables ul {
padding-left: 0px;
}

.pricing-tables ul li {
list-style: none;
width: 100%;
border-bottom: 1px solid #ebebeb;
padding-top: 10px;
padding-bottom: 10px;
float: left;
color: #464d5a;
font-family: 'Lato', sans-serif;
font-size: 13px;
font-weight: 400;
padding-left:10px;
}

.plancolor {
background: #f8f8f8;
}

.green {
color: green!important;
}

#home h1
{
    color: white;
    font-family: "droid_sansbold";
	
}


   h1 {
font-family: 'droid_sansbold';
font-weight: 700;
text-transform: uppercase;
line-height: 1;
margin-top:5px;
margin-bottom:10px;
font-size:40px;

}

#home h1 span
{
    font-size: 16px;
    display: block;
    padding:5px 0
}
.interior-design
{
    background: url(../images/interior-design.jpg) no-repeat center center;
    background-size:cover

}
.it-solutions
{
    background: url(../images/it-solutions.jpg) no-repeat center center;
    background-size:cover

}
.electro-mechanical
{
    background: url(../images/electro-mechanical.jpg) no-repeat center center;
    background-size:cover

}

.maintenance
{
    background: url(../images/maintenance.jpg) no-repeat center center;
    background-size:cover

}
.landscaping
{
    background: url(../images/landscaping.jpg) no-repeat center center;
    background-size:cover

}

.service-box .service-box-heading span {
color: #444;
font-size: 21px;
line-height: 25px;
font-weight: 400;
margin-bottom: 10px;
margin-left: 10px;
display: inline-block;
}

p {
color: #656565;
font-size: 13px;
margin: 0 0 10px;
font-weight: 400;
font-size: 13px;
line-height: 20px;
 overflow: hidden;
}
.left-column-pro
{
   margin:0;padding:0
}

.service-box .service-box-heading i {
padding: 0;
-webkit-border-radius: 34px;
-moz-border-radius: 34px;
border-radius: 34px;
font-size: 18px;
height: 32px;
width: 32px;
line-height: 32px;
text-align: center;
vertical-align: baseline;
}

.service-box .service-box-heading i.blue {
color: #0da3e2;
border: 1px solid #0da3e2;
}

.service-box .service-box-heading i.red {
color: #db3a1b;
border: 1px solid #db3a1b;
}

.service-box .service-box-heading i.green {
color: #35aa47;
border: 1px solid #35aa47;
}

.recent-work {
position: relative;
}

.recent-work h2, .ecommerce .recent-work h2 {
margin: 3px 0 5px;
}

.recent-work h2 a {
color: #3e4d5c;
}

.recent-work h2 a:hover {
color: #E02222;
}
.recent-work a:hover {
text-decoration: none;
}

.recent-work-item {
padding-left: 10px;
}
.recent-work .recent-work-item em {
display: block;
overflow: hidden;
position: relative;
}

.recent-work .recent-work-item .fa-link {
left: -100px;
}
.recent-work .recent-work-item .fa {
color: #fff;
padding: 16px 30px 16px 18px;
font-size: 16px;
position: absolute;
top: 50%;
width: 47px;
height: 47px;
margin-top: -23.5px;
border-radius: 47px;
background: rgba(0,0,0,0.5);
transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
}

.recent-work .recent-work-item .fa-search {
right: -100px;
}

.recent-work .recent-work-item a.recent-work-description {
padding: 10px;
display: block;
background: #fff;
}

.recent-work .recent-work-item strong {
color: #000;
display: block;
font-size: 16px;
font-weight: 300;
}

.recent-work .recent-work-item b {
color: #656565;
font-weight: 300;
}


.recent-work .owl-buttons, .our-clients .owl-buttons
{
    position: absolute;
    left: -74px;
    right: auto;
    top: 0;
}


.recent-work .owl-controls, .our-clients .owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.recent-work .owl-controls .owl-page, .recent-work .owl-controls .owl-buttons div, .our-clients .owl-controls .owl-page, .our-clients .owl-controls .owl-buttons {
cursor: pointer;
}

.recent-work  .owl-buttons div, .our-clients  .owl-buttons div {
display: inline-block;
width: 26px;
height: 26px;
margin-left: 5px;
position: static;
border-radius: 26px !important;
text-indent: -100000px;
}


.recent-work .owl-buttons .owl-prev, .our-clients .owl-buttons .owl-prev {
background: #fff url(../img/fa-angles.png) no-repeat 8px 8px;
}

.recent-work .owl-buttons .owl-next, .our-clients .owl-buttons .owl-next {
background: #fff url(../img/fa-angles.png) no-repeat -33px 8px;
}

.recent-work .owl-buttons .owl-prev:hover, .our-clients .owl-buttons .owl-prev:hover {
background-color: #e84d1c;
}
.recent-work .owl-buttons .owl-prev:hover, .our-clients .owl-buttons .owl-prev:hover {
background: #e84d1c url(../img/fa-angles.png) no-repeat 8px -31px;
}

.recent-work .owl-buttons .owl-next:hover, .our-clients .owl-buttons .owl-next:hover {
background-color: #e84d1c;
}
.recent-work .owl-buttons .owl-next:hover, .our-clients .owl-buttons .owl-next:hover {
background: #e84d1c url(../img/fa-angles.png) no-repeat -33px -31px;
}

.margin-bottom-40
{
    margin-bottom:40px
}
.margin-top-40
{
    margin-top:40px
}



/***
Pre-Footer and pre-footer elements
***/
.pre-footer {
	background: #313030;
	color: #b0b0b0;
}
.pre-footer .container {
	padding-top: 45px;
}
.pre-footer a {
	color: #57c8eb;
}
.pre-footer h2,
.ecommerce .pre-footer h2 {
	font-size: 21px;
	color: #c2c1c1;
}
.pre-footer p {
	margin-bottom: 20px;
}
.pre-footer li {
	margin-bottom: 6px;
}

/* pre-footer twitter block */
.pre-footer dl.f-twitter {
	overflow: hidden;
	margin-bottom: 7px;
}
.pre-footer dl.f-twitter dt {
	width: 30px;
	float: left;
	text-align: left;
	padding-top: 2px;
}
.pre-footer dl.f-twitter dt i {
	color: #57c8eb;
	font-size: 20px;
}
.pre-footer dl.f-twitter dd {
	color: #b0b0b0;
	margin-left: 30px;
}
.pre-footer dl.f-twitter dd span {
	color: #6b9cab;
	font-size: 12px;
	margin: 0 5px;
}
.pre-footer address {
	line-height: 1.7;
}
.padding-left-40
{
    padding-left:40px
}
.padding-left-80
{
    padding-left:80px
}

#topcontrol {
position: fixed; 
right: 10px; cursor: pointer; opacity: 1;
bottom:0px

}
.pre-footer .top-line {
	border-top: solid 1px #535353;
	padding-top: 24px;
	padding-bottom: 17px;
}
.pre-footer .social-icons {
	padding-top: 5px;
}
.pre-footer .social-icons li a, 
.pre-footer a.social-icon {
  transition: all 0.1s ease-in-out !important;
  -o-transition: all 0.1s ease-in-out !important;
  -ms-transition: all 0.1s ease-in-out !important;
  -moz-transition: all 0.1s ease-in-out !important;
  -webkit-transition: all 0.1s ease-in-out !important;
}
.pre-footer .social-icons li a:hover {
  opacity: 1;
}

.pre-footer hr {
	margin-top: 0;
	border-color: #404040;
}
.pre-footer .form-control,
.pre-footer .form-control:focus {
	border: none;
}

/* subscribe */
.pre-footer .pre-footer-subscribe-box {
	padding-bottom: 14px;
}
.ecommerce .pre-footer-subscribe-box form {
    float: left;
    width: 330px;
}
.pre-footer .pre-footer-subscribe-box p {
	clear: both;
}
.pre-footer-subscribe-box .input-group {
	border: solid 1px #545454;
	padding: 1px 1px 0 0;
}
.pre-footer-light .pre-footer-subscribe-box .input-group {
	border: solid 1px #DBDBDB;
}
.ecommerce .pre-footer-subscribe-box h2,
.corporate .pre-footer-subscribe-box h2 {
	float: left;
	margin-right: 20px;
	padding-top: 7px;
}
.pre-footer-subscribe-box input {
	border-radius: 0;
	background: #313030;
	border: solid 1px #313030;
	color: #909090;
	font: 13px Arial, sans-serif;
}
.pre-footer-subscribe-box input:focus {
	box-shadow: none;
	border: solid 1px #313030;
}
.pre-footer-subscribe-box .btn-primary {
	margin-left: 0 !important;
	border-bottom: none;
	margin-bottom: 1px;
}

/* pre-footer photostream */
.pre-footer .photo-stream li {
	margin: 4px 5px 4px 0;
	display: inline-block;
}
.pre-footer .photo-stream img {
	width: 54px;
	height: 54px;
	border: solid 2px #9ca5ae;
}
.pre-footer .photo-stream img:hover {
	border-color: #E84D1C;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;  
}

/* light pre-footer */
.pre-footer-light {
	background: #F9F9F9;
	color: #3E4D5C;
	margin-top: 20px;
}
.pre-footer-light .container {
	background: #fff;
	padding-top: 25px;
}
.pre-footer-light h2,
.ecommerce .pre-footer-light h2 {
	color: #3E4D5C;
}
.pre-footer-light a {
	color: #3E4D5C;
}
.pre-footer-light dl.f-twitter dd {
	color: #3E4D5C;
}
.pre-footer-light dl.f-twitter dd span {
	color: #99a5b1;
}
.pre-footer-light dl.f-twitter dd a {
	color: #e84d1c;
}

.pre-footer-light address a {
	color: #e84d1c;
}

.pre-footer-light hr {
	border-color: #e6e6e6;
}

.pre-footer-light .social-icons li a {
  opacity: 1;
}
.pre-footer-light .social-icons li a:hover {
  opacity: 0.7;
}

.pre-footer-light .input-group {
	border: none;
	padding: 1px 1px 0 0;
}
.pre-footer-light .pre-footer-subscribe-box input {
	background: #fff;
	border: none;
	color: #909090;
}
.pre-footer-light .pre-footer-subscribe-box button:hover {
	color: #fff;
}

/* light pre-footer */
.pre-footer-gray {
	background: #62707F;
	color: #fff;
}
.pre-footer-gray h2,
.ecommerce .pre-footer-gray h2 {
	color: #fff;
}
.pre-footer-gray dl.f-twitter dd {
	color: #fff;
}
.pre-footer-gray dl.f-twitter dd span {
	color: #fff;
	opacity: 0.5;
}

.pre-footer-gray hr {
	border-color: #94a5b6;
}

.pre-footer-gray .social-icons li a {
  opacity: 1;
}
.pre-footer-gray .social-icons li a:hover {
  opacity: 0.7;
}

.pre-footer-gray .pre-footer-subscribe-box fomr {
	color: #fff;
}
.pre-footer-gray .pre-footer-subscribe-box .input-group {
    border: 1px solid #94a5b6;
}
.pre-footer-gray .pre-footer-subscribe-box input {
	background: #62707F;
	border: solid 1px #62707F;
	color: #fff;
}
.pre-footer-gray .pre-footer-subscribe-box input:focus {
	border: solid 1px #62707F;
}
.pre-footer-gray ::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}
.pre-footer-gray :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
}
.pre-footer-gray ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}
.pre-footer-gray :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff;
}

.readMore
{
background: #e9563e;
padding: 5px 10px;
display: inline-block;
margin-right: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: .9em;
font-weight: normal;
color:#fff;
text-shadow:none

}
.readMore:hover
{

color:#fff

}

.border-ed
{
border-bottom:1px solid rgba(56,56,56,0.5);
width:100%;
display:block;
padding:0!important;
margin:0!important
}

/* footer */
.footer {
	background: #272626;
	color: #fff;
	font-size: 12px;
	padding: 15px 0;
}
.footer-light {
	background: #F9F9F9;
	color: #3e4d5c;
}
.footer-gray {
	background: #4A5866;
}
.footer a {
	color: #fff;
	text-decoration: underline;
}
.footer a:hover {
	text-decoration: none;
}
.footer-light a {
	color: inherit;
}
.footer .padding-top-10 {
	opacity: 0.5;
}
.footer .list-inline > li:last-child {
	padding-right: 0;
}
.footer ul {
	margin: 0;
	padding: 0;
}
.footer ul.social-footer {
	font-size: 18px;
	padding-top: 5px;
}
.footer ul.social-footer a {
	opacity: 0.5;
}
.footer ul.social-footer a:hover {
	opacity: 1;
}


.page-bar {
padding: 0px;
background-color: #ffffff;
margin: 20px 0 0 0;
height:35px
}

.page-bar .page-breadcrumb {
display: inline-block;
float: left;
padding: 10px 6px;
margin: 0;
list-style: none;
}

.page-bar .page-breadcrumb > li {
display: inline-block;
}

.page-bar .page-breadcrumb > li > i {
color: #aaa;
font-size: 14px;
text-shadow: none;
}

.page-bar .page-breadcrumb > li > a, .page-bar .page-breadcrumb > li > span {
color: #888;
font-size: 13px;
text-shadow: none;
}


/* Choose us block */
.choose-us-block {
  padding-top: 0px;
}
.choose-us-block h4, .choose-us-block p {
  margin-bottom: 35px;
  text-align:left;
  line-height:30px;
}
.choose-us-block p
{
  margin-top: 25px;
  margin-bottom: 25px;
  font-size:17px;
  font-family: 'Open Sans', sans-serif!important;
  font-weight: 300;
  color:#000
}
.choose-us-block h4 a, .choose-us-block p a {
  color: #1ea9e3;
}
.choose-us-block h2
{
padding:0!important;
margin:0!important
}
.choose-us-block .panel-group {
  padding-top: 10px;
}
.choose-us-block .panel-default {
  border-radius: 0 !important;
  border: none;
  background: none;
  margin-bottom: 0 !important;
  padding-bottom: 14px;
}
.choose-us-block .panel-default > .panel-heading {
  border: none;
  background: none;
  padding: 0;
}
.choose-us-block .panel-default > .panel-heading + .panel-collapse .panel-body {
  border: none;
  padding: 0 0 0 32px;
}
.choose-us-block .panel-default h5 {
  font: 300 19px "Open Sans", Arial, sans-serif;
  padding: 0;
  margin: 0 0 5px;
}
.choose-us-block .panel-default .accordion-toggle:before {
  content: "";
  width: 21px;
  height: 21px;
  display: inline-block;
  background: #e54a1a url(../img/toggle-icons.png) no-repeat 6px 10px;
  border-radius: 50% !important;
  margin-right: 10px;
  position: relative;
  top: 4px;
}
.choose-us-block .panel-default .collapsed:before {
  background: #495764 url(../img/toggle-icons.png) no-repeat 6px -148px;
}
.choose-us-block .panel-default .panel-title:hover .collapsed:before {
  background-color: #e54a1a;
}
.choose-us-block .panel-default .accordion-toggle, .choose-us-block .panel-default .accordion-toggle:focus, .choose-us-block .panel-default .accordion-toggle:hover, .choose-us-block .panel-default .accordion-toggle:active {
  color: #1ea9e3;
  text-decoration: none;
}
.choose-us-block .panel-default .collapsed {
  color: #5f6f7e;
}

.download a {
  color: #ced5de;
  font-size: 20px;
  font-weight: normal;
  padding:0;
  margin:0 auto;
  text-align:center;
  display:block;
  width:100%
}
.download a:hover
{
    color:#eb8119;
    text-decoration:none
}

#map_canvas {
        width: 360px;
        height: 190px;
        margin: 0px;
        padding: 0px
      }

.map_canvas_detail {
        width: 100%!important;
        height: 600px!important;
        margin: 0px!important;
        padding: 0px!important
      }




















































@media only screen and (max-width: 760px)
{
    .jobs .slider-container .owl-buttons
    {
        display: none;
    }
}

.jobs .slider-container .owl-buttons > *
{
    position: absolute;
    top: 50%;
    right: 5%;
    margin-top: -22px;
    width: 23px;
    height: 43px;
    background: url(../img/slider-prev-next.png) no-repeat right center;
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx)
{
    .jobs .slider-container .owl-buttons > *
    {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../img/slider-prev-next2x.png");
        background-size: 46px 43px;
    }
}

.jobs .slider-container .owl-buttons > .owl-prev
{
    left: 5%;
    background-position: left center;
}

.jobs .slider-container .owl-controls
{
    text-align: center;
    margin-top: -20px;
}

.jobs .slider-container .owl-pagination
{
    position: relative;
    bottom: 70px;
    background: rgba(255, 255, 255, 0.2);
    height: 10px;
    display: inline-block;
}

@media only screen and (max-width: 1200px)
{
    .jobs .slider-container .owl-pagination
    {
        bottom: 40px;
    }
}

@media only screen and (max-width: 760px)
{
    .jobs .slider-container .owl-pagination
    {
        bottom: 20px;
    }
}

.jobs .slider-container .owl-pagination .progressbar
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    max-width: 95%;
    width: 0px;
    background: white;
    z-index: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.jobs .slider-container .owl-pagination .owl-page
{
    display: inline-block;
    z-index: 10;
    position: relative;
    width: 20px;
    height: 20px;
    background: #fe670e;
    -webkit-border-radius: 10px!important;
    -moz-border-radius: 10px!important;
    -ms-border-radius: 10px!important;
    border-radius: 10px!important;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    margin-left: 80px;
    margin-top: -5px;
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05);
}

.padding-top-5
{
    padding-top:20px
}

:before, :after
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.owl-controls .owl-page, .owl-controls .owl-buttons div
{
    cursor: pointer;
}

@media only screen and (max-width: 1200px)
{
    .jobs .slider-container .owl-pagination .owl-page
    {
        margin-left: 40px;
    }
}

.jobs .slider-container .owl-pagination .owl-page:after
{
    content: '';
    display: block;
    position: absolute;
    /*top: -1px;*/
    left: -1px;
    width: 22px;
    height: 22px;
    background: none;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    border: 9px solid white;
    transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

#home .jobs .slider-container .owl-pagination .owl-page:hover:after
{
    border-width: 6px;
}

.jobs .slider-container .owl-pagination .owl-page.active:after
{
    border-width: 6px;
}

.jobs .slider-container .owl-pagination .owl-page:first-child
{
    margin-left: 0;
}

.jobs .slider-container .owl-pagination .owl-page span
{
    position: absolute;
    display: inline-block;
    pointer-events: none;
    opacity: 0;
    filter: alpha(opacity=0);
    background: white;
    padding: 10px 20px;
    font-size: 10px;
    font-size: 1rem;
   font-family: 'droid_sansbold';
    font-weight: 700;
    white-space: nowrap;
    text-transform: uppercase;
    top: -50px;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    margin-left: 10px;
    transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}


.jobs .slider-container .owl-pagination .owl-page span:after
{
    content: ' ';
    display: block;
    width: 10px;
    height: 10px;
    background: white;
    position: absolute;
    bottom: -4px;
    left: 50%;
    margin-left: -5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.jobs .slider-container .owl-pagination .owl-page:hover:after
{
    border-width: 6px;
}

.jobs .slider-container .owl-pagination .owl-page:hover span
{
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    filter: alpha(opacity=100);
}

.jobs .slider-container .owl-wrapper-outer
{
    position: relative;
}

.jobs .slider-container .owl-wrapper-outer.showPrev
{
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%);
}

.jobs .slider-container .owl-wrapper-outer.showNext
{
    -webkit-transform: translateX(-10%);
    -moz-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%);
}

.jobs article
{
    display: table;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0.4;
    filter: alpha(opacity=40);
    transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.jobs article .content
{
    display: table-cell;
    vertical-align: middle;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
}



#home .content
{
    padding: 0 15%;
}

.jobs article header
{
    overflow: hidden;
}

.jobs article h1
{
    width: 70%;
    float: right;
}

@media only screen and (max-width: 1200px)
{
    .jobs article h1
    {
        width: 80%;
    }
}

@media only screen and (max-width: 992px)
{
    .jobs article h1
    {
        width: 60%;
    }
}

@media only screen and (max-width: 767px)
{
    .jobs article h1
    {
        width: 80%;
    }
}

.jobs article .btn-apply
{
    margin-top: 8px;
}

.jobs article.left
{
    text-align: left;
}

.jobs article.left h1
{
    float: none;
    
}

.jobs .active article
{
    opacity: 1;
    filter: alpha(opacity=100);
}

.jobs .active article .content
{
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}














/*.........................................................
................END............................................................................*/
@media (min-width:1200px) {
.aa {
width:auto;
  padding:0 5% 0 15%
}	
}
@media (max-width:308px) {
.aa {
width:auto;
  padding:0 5% 0 15%
}	
}
@media screen and (min-width:767px) {
.aa {
width:auto;
 padding:7% 0 12% 0;;
}}
@media screen and (max-width:767px) {
.aa {
width:auto;
 padding:2% 0 6% 0;
}}
@media screen and (min-width:777px) {
.aa {
width:auto;
 padding:2% 0 5% 0;
}}
@media screen and (min-width:1012px) {
.aa {
width:auto;
 padding:1% 0 2% 0;
}}


@media (max-width:480px) and (orientation:landscape) {
.aa {
width:auto;
 padding:0 0 3% 0;

}
}




@media (min-width:768px) and (max-width:991px) {
.xc col-lg-3
{ min-height:20px;
width:auto}
}
@media (min-width:768px) and (max-width:991px) {
.xc
{ min-height:20px;
width:auto}
}
@media (min-width:248px) and (max-width:487px) {
.xc
{ min-height:20px;
width:auto}
}
@media (min-width:248px) and (max-width:487px) {
.xc
{ min-height:20px;
width:auto}
}
@media (min-width:488px) and (max-width:687px) {
.xc
{min-height:20px;
width:auto}
}
@media (min-width:488px) and (max-width:687px) {
.xc
{  min-height:20px;
width:auto}
}
@media (min-width:688px) and (max-width:787px) {
.xc
{  min-height:20px;
min-height:50px;
width:auto}
}
@media (min-width:552px) and (max-width:1212px) {
.xc
{  min-height:20px;
min-height:30px;
width:auto}
}
@media (min-width:552px) and (max-width:1212px) {
.xc
{  min-height:20px;
min-height:20px;
width:auto}
}
.hd
{margin-top: 10%;float: right;color: #064e5d;margin-right: 5%;}
@media (min-width:284px) and (max-width:506px) {
.hd
{  font-size:12px; float:right; margin-right:0px; margin-left:5px;}
}
@media (min-width:275px) and (max-width:285px) {
.hd
{  font-size:12px; float:right; margin-right:0px; margin-left:5px;}
}
.lb
{}
@media (min-width:284px) and (max-width:506px) {
.lb
{ font-size:12px;}
}

