@import url('https://fonts.googleapis.com/css?family=Exo+2:400,700,500');
@import url('bootstrap.min.css');
@import url('animate.css');
@import url('font-awesome.min.css');
@import url('hover.css');
@import url('owl.carousel.css');
@import url('owl.theme.default.min.css');
@import url('stroke-gap-icons-style.css');
@import url('jquery.fancybox.css');


body {
    font-family: 'Exo 2', arial, sans-serif;
	font-weight:400;
    font-size: 16px;
    line-height: 26px;
	background:#161616;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}
a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
}
img {
    max-width: 100%;
}

h1{
font-family:'serapineitalic';	
margin:0 0 30px 0;
}

h1.backer{
background:#333;
color:#ff9600;
padding:10px 20px;
width:calc(100% - 30px);	
}

h1.marg-top{
margin-top:40px;	
}

a.btn1{
font-family:'Exo 2';
font-size:16px;
font-weight:400;
/*text-transform:uppercase;*/
padding:10px 20px;
color:#fff;
background:#333;
border-bottom:3px solid #ff9600;	
transition:ease 0.2s all;
}

a.btn1:hover{
color:#ff9600;	
}

.container {
    padding: 0;
}

.anim-3,
.anim-3-all * {
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.anim-5,
.anim-5-all * {
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.anim-7,
.anim-7-all * {
  transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
}

.pt0 {
    padding-top: 0 !important;
}


/**
* Parallax Eelement Styles.
**/
.parallax-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.parallax {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
}


/**
* Background Image effect Styles.
**/

.bg-img-sharp-effect {
    -webkit-filter: contrast(0.75);
    filter: contrast(0.75);
    mix-blend-mode: overlay;
}


/**
* Top Bar Styles.
**/

#topbar {
    color: #999ea3;
}
#topbar .container .row {
    margin: 0;
}
#topbar .contact-info{
	width:100%;
	text-align:right;
}
#topbar .contact-info a {
    display: inline-block;
    font-size: 16px;
	font-weight:400;
    line-height: 40px;
    padding: 0 0px;
    margin:0 18px;
    color: #A2A2A2;
    font-family: 'Exo 2';
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	/*text-transform:uppercase;*/
}
#topbar .contact-info a:hover,
#topbar .contact-info a:before {
    color: #fff;
}
#topbar .contact-info a i.fa {
	color:#ff9600;
    font-size: 15px;
    margin-right: 5px;
}
@media(max-width:1198px){
#topbar .contact-info {
	text-align:center;
}	
}

/**
* Header Styles.
**/
header {
    background: #fff;
    position: relative;
	top:0;
	z-index:99999;
	width:100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
header .logo {
    margin: 20px 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
header .mainmenu-container ul {
    text-align: right;
    display: inline-block;
}
header .mainmenu-container ul li {
    display: inline-block;
    line-height: 105px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
header .mainmenu-container ul li a {
    display: inline-block;
    font-size: 14px;
    color: #515050;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 12px;
    position: relative;
    /*vertical-align: bottom;*/
}
header .mainmenu-container > ul > li.current > a,
header .mainmenu-container ul li a:hover {
    color: #F69C00;
}
header .mainmenu-container ul li a:before {
    height: 4px;
    background: #F69C00;
}
header .mainmenu-container ul li.current a:before {
    right: 0;
}
header .mainmenu-container ul li.top-icons a {
    padding: 0 5px;
}
header .mainmenu-container ul li.top-icons a i {
    color: #31AFE2;
    font-size: 16px;
    border: 1px solid #D8D8D8;
    padding: 10px;
    border-radius: 50%;
    transition: all .3s ease;

}
header .mainmenu-container ul li.top-icons:hover a i {
    border-color: #F69C00;
    color: #F69C00;
}
header .search-box {
    background: #F69C00;
    padding: 10px 0;
    display: none;
}
header .search-box form {
    background: #fff;
    border: 1px solid #fff;
    height: 35px;
    padding: 0px 10px;
    line-height: 35px;
    border-radius: 4px;
    font-size: 14px;
}
header .search-box form input {
    width: 87%;
    background: none;
    border: none;
    outline: none;
}
header .search-box form button {
    background: none;
    color: #E3960A;
    outline: none;
    border: none;
}
header .cart-box {
    background: #51B7E3;
    padding: 10px 0;
    display: none;
}
header .cart-box p {
    color: #fff;
    font-size: 15px;
    text-align: right;
    margin-bottom: 0;
}
header .cart-box .icon {
    font-size: 18px;
}
header .cart-box span {
    color: #F69C00;
    font-weight: bold;
    font-family: 'Open Sans';
}
.header-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998;
    box-shadow: 0 3px 5px rgba(81, 183, 227, .2);
   -webkit-transition: all .6s ease;
    transition: all .6s ease;
}
header.header-fixed .mainmenu-container ul li {
    line-height: 80px;
}
header.header-fixed .logo {
    margin: 5px 0;
}

/**
* Navigation Dropdown Styles.
**/

.mainmenu-container ul > li {
    position: relative;
    margin: 0;
    padding: 0;
}
.mainmenu-container ul > li > ul {
    background: #191919;
    position: absolute;
    top: 200%;
    left: 0;
    z-index: 9999;
    width: 225px;
    visibility: hidden;
    opacity: 0;
    border-top: 2px solid #F69C00;
    -webkit-box-shadow: 0px 5px 5px 1px rgba(0,0,0,.2);
    box-shadow: 0px 1px 5px 1px rgba(0,0,0,.2);
    filter: alpha(opacity=0);
    -webkit-transition: all 400ms ease 100ms;
    transition: all 400ms ease 100ms;
}
.mainmenu-container ul > li:hover > ul {
    top: 100%;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}
.mainmenu-container ul > li > ul > li {
    display: block;
    position: relative;
}
header nav.mainmenu-container ul > li > ul > li > a {
  border-bottom: 1px solid #2A2A2A;
  color: #767474;
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 40px;
  padding: 0 25px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
header nav.mainmenu-container ul > li > ul > li > a:after {
    content: '\f105';
    font-family: 'FontAwesome';
    color: #999;
    font-size: 14px;
    line-height: 40px;
    position: absolute;
    top: 0;
    left: 20px;
    display: none;
    transition: all .3s ease;
}
header nav.mainmenu-container ul > li > ul > li > a:hover:after {
    color: #F69C00;
}
header nav.mainmenu-container ul > li > ul > li:last-child > a {
    border: none;
}
header nav.mainmenu-container ul > li > ul > li > a:hover {
    color: #F69C00;  
}
.mainmenu-container ul > li.dropdown:after {
    font-family: 'FontAwesome';
    content: '\f0d7';
    position: absolute;
    bottom: 20px;
    display: block;
    color: #F69C00;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    z-index: 5;
    width: 100%;
    cursor: pointer;
    opacity: 0;
    transition: all .3s ease;
}
.mainmenu-container ul > li.dropdown:hover:after {
    opacity: 1;
}
.header-fixed .mainmenu-container ul > li.dropdown:after {
    bottom: 10px;
}
/**
* Third Level Menu Styles.
**/

.mainmenu-container ul > li > ul > li {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.mainmenu-container ul > li > ul > li > ul {
    background: #191919;
    position: absolute;
    top: 100%;
    left: 100%;
    z-index: 9999;
    width: 225px;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 400ms ease 100ms;
    transition: all 400ms ease 100ms;
}
.mainmenu-container ul > li > ul > li:hover {
    overflow: visible;
}
.mainmenu-container ul > li > ul > li:hover > ul {
    left: 100%;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    top: 0;
}
.mainmenu-container ul > li > ul > li > ul > li {
    display: block;
    position: relative;
}
.mainmenu-container ul > li > ul > li > ul > li > a {
    border-bottom: 1px solid #2A2A2A;
    color: #787878;
    display: block;
    font-size: 13px;
    font-weight: 600;
    line-height: 40px;
    padding: 0 25px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.mainmenu-container ul > li > ul > li > ul > li:last-child > a {
    border: none;
}
.mainmenu-container ul > li > ul > li.dropdown:after {
    font-family: 'FontAwesome';
    content: '\f0da';
    position: absolute;
    right: 7px;
    top: 9px;
    width: 20px;
    height: 20px;
    display: block;
    color: #999;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    z-index: 5;
    cursor: pointer;
}
.mainmenu-container ul > li > ul > li.dropdown:hover:after {
    color: #F69C00;
}

/**
* Banner Styles.
**/

.banner-container {
    width: 100%;
    position: relative;
    padding: 0;
}
.banner {
    width: 100%;
    position: relative;
}
.banner .banner-txt h1 {
    font-size: 50px;
    line-height: 50px;
    color: #2ba2e3;
    font-weight: 900;
    text-transform: uppercase;
}
.banner .banner-txt h1 span {
    color: #F69C00;
}
.banner .banner-txt h1:after {
    content: ' ';
    display: block;
    width: 190px;
    height: 2px;
    background: #fff;
    margin: 30px 0;
}
.banner .banner-txt p {
    color: #fff;
    margin-bottom: 35px;
    word-wrap: break-word;
}
.banner .banner-txt button {
    border: 1px solid #4C7B96;
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;
    line-height: 40px;
    padding: 0 35px;
    font-weight: bold;
}
.banner .banner-txt button:hover {
    border-color: transparent;
}
.banner .banner-txt button:before {
    background: #F69C00;
}
.banner .banner-form {
    background: #fff;
    padding-bottom: 20px;
    width: 300px !important;
}
.banner .banner-form .tab-title {
    margin: 0 -15px;
    margin-bottom: 25px;
}
.banner .banner-form .tab-title div {
    float: left;
    color: #444444;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 50px;
    border-top: 5px solid transparent;
    background: #E8E8E8;
    padding: 0 22px;
    cursor: pointer;
}
.banner .banner-form .tab-title div.active {
    background: #fff;
    border-top: 5px solid #51B7E3;
}
.banner .banner-form .tab-content .txt-highlight {
    font-size: 20px;
    line-height: 45px;
    color: #fff;
    font-weight: 900;
    background: #012C3C;
    text-align: center;
    text-transform: uppercase;
    margin: 0 -15px;
    margin-bottom: 20px;
}
.banner .banner-form .tab-content p {
    margin-bottom: 15px;
}
.banner .banner-form .tab-content p label {
    font-size: 15px;
    line-height: 34px;
    color: #000;
    display: inline-block;
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
    font-weight: normal;
    width: 15%;
}
.banner .banner-form .tab-content p label.error {
    display: none !important;
}
.banner .banner-form .tab-content p input[type="text"] {
    border: 1px solid #EAEAEA;
    height: 34px;
    padding-left: 10px;
    width: 77%;
    outline: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.banner .banner-form .tab-content p input[type="text"].error {
    border-color: red;
}
.banner .banner-form .tab-content p input[type="text"]:focus {
    background: #51B7E3;
    color: #fff;
}
.banner .banner-form .tab-content p button {
    background: #F69C00;
    color: #fff;
    border: none;
    outline: none;
    font-size: 16px;
    line-height: 40px;
    padding: 0 50px;
    text-transform: uppercase;
    font-weight: bold;
    float: right;
}
.banner .banner-form .tab-content p button:before {
    background: #51B7E3;
}
.banner .light-plumber-slider-caption h1 {
    font-size: 30px;
    line-height: 50px;
    color: #FFFFFF;
    font-weight: 300;
    text-transform: uppercase;
}
.banner .bold-plumber-slider-caption h1 {
    font-size: 50px;
    line-height: 50px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
}
.banner .slider-3 .bold-pxslider-caption h1 {
    font-size: 38px;
    line-height: 50px;
    color: #fff;
    font-weight: 900;
    background: #F69C00;
    text-transform: uppercase;
    padding: 0 15px;
}
.banner .slider-3 .light-pxslider-caption h1 {
    font-size: 34px;
    line-height: 50px;
    color: #fff;
    font-weight: 300;
    background: #013E54;
    text-transform: uppercase;
    padding: 0 15px;
}
.banner .slider-3 .simple-pxslider-caption {
    font-size: 16px;
    line-height: 50px;
    color: #383838;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 15px;
    border-bottom: 1px solid #D8D8D8;
}
#banner .tp-bullets {
    display: none;
}
/**
* Promotional Styles.
**/

#promotional-text {
    background: #F69C00;
    color: #fff;
}
#promotional-text p {
    margin-bottom: 0;
    font-size: 30px;
    line-height: 125px;
    font-weight: 200;
    color: #fff;
    text-align: center;
}
#promotional-text p b {
    font-weight: 500;
}
/**
* Who We Are Styles.
**/

#who-we-are {
    padding: 80px 0;
}
#who-we-are .large-box div {
    padding: 0;
}
#who-we-are .large-box .col-lg-6 img {
    width: 100%;
}
#who-we-are .large-box .col-lg-6:last-child {
    background: #51B7E3;
    color: #fff;
    padding: 35.5px 30px;
}
#who-we-are .large-box div h2 {
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 15px;
}
#who-we-are .large-box div p {
    font-size: 15px;
    line-height: 28px;
    font-weight: 500;
}
#who-we-are .large-box .img-holder {
    position: relative;
    overflow: hidden;
}
#who-we-are .large-box:hover .img-holder:before {
    left: 0;
}
#who-we-are .large-box .img-holder:before {
    content: ' ';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    background: rgba(81, 183, 227, .75);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#who-we-are .large-box:hover .hvr-bounce-to-left:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
#who-we-are .large-box .hvr-bounce-to-left:before {
    background: #F69C00;
}
#who-we-are .single-box .img-holder {
    position: relative;
    overflow: hidden;
}
#who-we-are .single-box:hover .img-holder:before {
    bottom: 0;
}
#who-we-are .single-box .img-holder:before {
    content: ' ';
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 100%;
    left: 0;
    background: rgba(254, 84, 84, .75);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#who-we-are .single-box h2 {
    font-size: 16px;
    line-height: 28px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    margin: 0;
    margin-top: 25px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#who-we-are .single-box:hover h2 {
    color: #12AEF8;
}
#who-we-are .single-box p {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    color: #8e8d8d;
    margin-top: 7px;
}
/**
* Section Title Styles.
**/

.section-title h1 {
    font-size: 24px;
    line-height: 16px;
    color: #000000;
    font-weight: bold;
    text-transform: capitalize;
    margin: 0;
    margin-bottom: 50px;
    padding-bottom: 20px;
    position: relative;
}
.section-title h1:before {
    content: ' ';
    width: 50px;
    height: 2px;
    background: #F69C00;
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
}

/**
* Section title two Styles.
**/

.section-title-style-2 h1 {
    font-size: 24px;
    line-height: 70px;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 50px;
    border: 1px solid #ECECEC;
    position: relative;
    border-left: 4px solid #F69C00;
    padding: 0 30px;
}



/**
* Service We Provide Styles.
**/

#service-we-provide {
    padding: 80px 0;
    background: #F9F9F9;
}
#service-we-provide .section-title h1 {
    width: 75%;
}
.service-tab-title ul li {
    font-size: 13px;
    line-height: 45px;
    color: #787878;
    font-weight: 500;
    padding: 0 25px;
    text-transform: uppercase;
    border: 1px solid #E4E4E4;
    border-top: 0;
    cursor: pointer;
    background: #fff;
    font-weight: 600;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.service-tab-title ul li:first-child {
    border-top: 1px solid #E4E4E4;
}
.service-tab-title ul li:hover,
.service-tab-title ul li.active {
    color: #F69C00;
    position: relative;
    background: #F9F9F9;
    border-right: 0;
}
.service-tab-title ul li.active:before {
    content: ' ';
    width: 6px;
    height: 100%;
    background: #F69C00;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}
.service-tab-content {
    position: relative;
}
.service-tab-content > div:last-child {
    padding: 0;
}
.service-tab-content p {
    font-size: 14px;
    line-height: 26px;
    color: #8e8d8d;
    font-weight: 500;
    margin-bottom: 40px;
}
.service-tab-content ul li {
    font-size: 14px;
    line-height: 35px;
    margin-left: 15px;
    color: #999999;
    font-family: "Open Sans";
}
.service-tab-content ul li .fa {
    color: #DA9700;
    margin-right: 10px;
    font-size: 16px;
}
.service-tab-content .col-lg-8 .col-lg-6:first-child {
    padding: 0;
}
.service-tab-content .col-lg-8 .row {
    margin: 0;
}
.service-tab-content .col-lg-8 .col-lg-6 img {
    width: 100%;
}
.service-tab-content .col-lg-4 {
    position: absolute;
    right: 40px;
    bottom: -84px;
    padding: 0;
}
.service-tab-content .col-lg-4 img {
    max-width: none;
    width: 288px;
}
/**
* Our Project Styles.
**/

#our-projects {
    background: url(../img/our-projects/bg.jpg) 0 0 no-repeat;
    background-size: cover;
    padding: 80px 0;
}
#our-projects .section-title h1 {
    color: #fff;
    border-color: #30505E;
}
#our-projects .section-title h1:before {
    background: #12AEF8;
}
.masonary-gallery {
    position: relative;
    padding: 0;
}
#our-projects .masonary-item {
    position: relative;
    float: left;
    overflow: hidden;
    width: 25%;
    height: 245px;
    margin-bottom: 30px;
    padding: 0 15px;
}
#our-projects .masonary-item.width-1 {
    width: 25%;
}
#our-projects .masonary-item.width-2 {
    width: 50%;
}
#our-projects .masonary-item.height-1 {
    height: 520px;
}
#our-projects .masonary-item img {
    width: 100%;
    height: 100%;
}
#our-projects .masonary-item .img-wrap {
    position: relative;
}
#our-projects .masonary-item .img-wrap .content-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    cursor: pointer;
    background: rgba(254, 84, 84, .85);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#our-projects .masonary-item:hover .img-wrap .content-wrap {
    opacity: 1;
    filter: alpha(opacity=100);
}
#our-projects .masonary-item .img-wrap .content-wrap .border {
    width: 100%;
    height: 100%;
    position: relative;
}
#our-projects .masonary-item .img-wrap .content-wrap .border:before {
    position: absolute;
    border: 1px solid #fff;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    content: '';
}
#our-projects .masonary-item .img-wrap .content-wrap h4 {
    color: #fff;
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}
#our-projects .masonary-item .img-wrap .content-wrap span {
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 22px;
    text-transform: capitalize;
    font-weight: 500;
    text-align: center;
}
#our-projects .masonary-item .img-wrap .content-wrap .content {
    position: relative;
    top: 45%;
}
#our-projects .view-all-btn {
    text-align: center;
}
#our-projects a.view-all {
    border: 1px solid #4C7B96;
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;
    line-height: 35px;
    padding: 0 29px;
    font-weight: 500;
    font-size: 13px;
    margin: auto;
    display: inline-block;
    margin-top: 35px;
}
#our-projects a.view-all:hover {
    border-color: transparent;
}
#our-projects a.view-all:before {
    background: #F69C00;
}


/**
* Footer Styles.
**/

footer {
    background: url(../img/resources/footer-bg.jpg) 0 0 no-repeat;
    background-size: cover;
}
footer .container {
    border-top: 4px solid #F69C00;
}
footer .footer-menu {
    margin-top: 35px;
    padding-bottom: 15px;
    border-bottom: 1px solid #1A4657;
    margin-bottom: 50px;
}
footer .footer-menu ul {
    text-align: center;
}
footer .footer-menu ul li {
    display: inline;
}
footer .footer-menu ul li a {
    display: inline-block;
    font-size: 13px;
    line-height: 45px;
    color: #14AFF8;
    text-transform: uppercase;
    padding: 0 30px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
footer .footer-menu ul li a:hover {
    color: #F69C00;
}
footer .widget h3 {
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #0E3C4F;
}
footer .widget p {
    font-size: 14px;
    line-height: 24px;
    color: #7e959e;
}
footer .widget a.read-more {
    color: #3288B0;
    font-size: 14px;
    line-height: 24px;
}
footer .widget .social {
    text-align: left;
    margin-top: 10px;
}
footer .widget .social li {
    display: inline;
}
footer .widget .social li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #F69C00;
    text-align: center;
    line-height: 40px;
    color: #224755;
    font-size: 17px;
    margin-right: 5px;
    -webkit-transition: all .3s ease;
    transform: rotate(0deg);
    transition: all .3s ease;
}
footer .widget .social li:hover a {
    color: #F69C00;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
footer .widget .social li a:before {
    background: #fff;
}
footer .widget .popular-post li {
    padding-bottom: 9px;
    margin-bottom: 9px;
    border-bottom: 1px solid #0E3C4F;
}
footer .widget .popular-post li:last-child {
    border: none;
}
footer .widget .popular-post li a h5 {
    font-size: 14px;
    line-height: 18px;
    color: #7e959e;
    margin: 0;
    margin-bottom: 5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
footer .widget .popular-post li a:hover h5 {
    color: #F69C00;
}
footer .widget .popular-post li p {
    color: #445058;
    margin-bottom: 0;
    font-size: 14px;
}
footer .widget .contact-info li {
    font-size: 14px;
    line-height: 26px;
    color: #7e959e;
    margin-bottom: 14px;
    border-bottom: 1px solid #0E3C4F;
    padding-bottom: 14px;
}
footer .widget .contact-info li:last-child {
    border: none;
}
footer .widget .contact-info li .fa {
    font-size: 19px;
    margin-right: 10px;
}
footer .widget img.positioned {
    margin-top: -35px;
}
footer .footer-menu .footer-nav-toggler {
    display: none;
}
/**
* Bottom Bar Styles.
**/

#bottom-bar {
    background: #041D26;
}
#bottom-bar .container p {
    margin-bottom: 0;
    color: #185166;
    font-size: 14px;
    line-height: 80px;
}
/**
* Page Title Styles.
**/

#page-title {
    background: url(../img/panoramic.jpg) center center no-repeat;
    background-size: cover;
    padding: 80px 0 80px 0;
}
#page-title .container {
    position: relative;
}
#page-title .title {
    text-align: center;
}
#page-title .title h1 {
    text-align: center;
    display: inline-block;
    margin: auto;
    color: #fff;
    text-transform:none;
    font-size: 30px;
	letter-spacing:1px;
    line-height: 50px;
    border-top: 1px solid rgba(132,119,117,.80);
    border-bottom: 1px solid rgba(132,119,117,.80);
    padding: 0 52px;
}
#page-title .page-breadcumb {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    padding-top: 12px;
}
#page-title .page-breadcumb a {
    color: #fff;
}
#page-title .page-breadcumb .fa {
    font-size: 15px;
    margin-right: 5px;
    margin-left: 5px;
}
/**
* Featured Styles.
**/

#featured {
    background: #171E28;
}
#featured .col-lg-8 {
    padding: 80px 0 40px;
}
#featured .col-lg-4 img {
    max-width: none;
    float: right;
}
#featured .content {
    margin-bottom: 30px;
    padding-left: 20px;
}
#featured .content:last-child {
    margin-bottom: 0;
}
#featured .content-wrap {
    width: 85%;
}
#featured .content-wrap h2 {
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    color: #DA9700;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 10px;
}
#featured .content-wrap p {
    font-size: 14px;
    line-height: 26px;
    color: #A79C94;
    font-weight: 500;
}
#featured:hover .about-image:before {
    right: 3%;
}
#featured .about-image:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 200%;
    width: 1200px;
    background: rgba(218, 151, 0, 0.75);
    height: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
/**
* Emergency Customization About page Styles.
**/

#emergency.about-page {
    background-color: #fff;
}
/**
* Service Content Styles.
**/

#service-content {
    padding: 80px 0;
}
#service-content .col-lg-8 h1 {
    color: #000000;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 15px;
}
#service-content .col-lg-8 p {
    font-size: 14px;
    line-height: 26px;
    color: #8E8D8D;
    font-weight: 500;
    margin-bottom: 30px;
}
#service-content .col-lg-8 p.highlighted {
    color: #3D3D3D;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
}
#service-content .col-lg-8 button {
    background: #36ABFC;
    border: none;
    outline: none;
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    line-height: 45px;
    height: 45px;
    margin-right: 25px;
    font-family: 'Open Sans', sans-serif;
    padding: 0 28px;
}
#service-content .col-lg-8 button .fa {
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #fff;
}
#service-content .col-lg-8 button.bold {
    font-weight: bold;
}
#service-content:hover .img-holder:before {
    height: 100%;
}
#service-content .img-holder {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
#service-content .img-holder:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(218, 151, 0, 0.75);
    height: 0%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#service-content .hvr-bounce-to-right:before {
    background: #DA9700;
}
/**
* Featured Service Styles.
**/

#featured-service {
    background: #171E28;
    padding: 80px 0;
}
#featured-service .section-title h1 {
    color: #fff;
    border-color: #3A4048;
}
#featured-service .section-title h1:before {
    background: #F69C00;
}
#featured-service .col-lg-3 h4 {
    color: #D9D9D9;
    font-size: 14px;
    line-height: 45px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #2C4C58;
}
#featured-service .col-lg-3:hover .img-holder:before {
    height: 100%;
}
#featured-service .img-holder {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
#featured-service .img-holder:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(218, 151, 0, 0.75);
    height: 0%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
/**
* Why choose us Styles.
**/

#why-choose-us {
    background: #fff;
    padding: 80px 0;
}
#why-choose-us .col-lg-3 {
    text-align: center;
}
#why-choose-us .col-lg-3 .img-wrap {
    background: #34ABFF;
    display: inline-block;
    padding: 20px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-bottom: 45px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#why-choose-us .col-lg-3:hover .img-wrap {
    -webkit-transform: rotate(405deg);
    -ms-transform: rotate(405deg);
    transform: rotate(405deg);
}
#why-choose-us .col-lg-3 .img-wrap img {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#why-choose-us .col-lg-3:hover .img-wrap img {
    -webkit-transform: rotate(-405deg);
    -ms-transform: rotate(-405deg);
    transform: rotate(-405deg);
}
#why-choose-us .col-lg-3 h4 {
    font-size: 16px;
    line-height: 28px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 15px;
}
#why-choose-us .col-lg-3 p {
    font-size: 14px;
    line-height: 26px;
    color: #8e8d8d;
    font-weight: 500;
}

/**
* Contact Content Styles.
**/

#contact-content {
    padding: 60px 0;
}
#contact-content .row > p,
#contact-content .container > p {
    font-size: 14px;
    line-height: 26px;
    color: #8E8D8D;
    font-weight: 500;
    margin-bottom: 50px;
    text-align: center;
}
#contact-content .contact-form p {
    margin-bottom: 20px;
}
#contact-content .contact-form input,
#contact-content .contact-form textarea {
    width: 100%;
    height: 50px;
    border: 1px solid #E9E9E9;
    padding-left: 30px;
    background: #F8F8F8;
}
#contact-content .contact-form label.error {
    display: none !important;
}
#contact-content .contact-form input.error,
#contact-content .contact-form textarea.error {
    border-color: red;
}
#contact-content .contact-form textarea {
    height: 200px;
    padding-top: 15px;
}
#contact-content .contact-form button {
    background: #36ABFC;
    color: #fff;
    border: none;
    outline: none;
    font-size: 16px;
    line-height: 40px;
    padding: 0 43px;
    text-transform: uppercase;
    font-weight: bold;
}
#contact-content  .success {
	background:#dff2bf;
	padding:6px 14px;
    color: #4f8a10;
}
#contact-content .contact-info h3,
#contact-content .contact-info ul li h4 {
    font-size: 16px;
    line-height: 28px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 15px;
}
#contact-content .contact-info p {
    font-size: 14px;
    line-height: 26px;
    color: #8E8D8D;
    font-weight: 500;
    margin-bottom: 30px;
}
#contact-content .contact-info ul li img {
    float: left;
    margin-right: 15px;
}
#contact-content .contact-info ul li .content {
    float: left;
    width: 60%;
}
#contact-content .contact-info ul li h4 {
    margin-bottom: 0;
}
.google-map {
    margin-top: 60px;
    width: 100%;
    height: 440px;
}

/**
* Projects Version one Styles.
**/

#project-version-one {
    padding: 60px 0 ;
}
#project-version-one .gallery-filter {
    margin-bottom: 50px;
    text-align: center;
    border-bottom: 1px solid #E2E2E2;
}
#project-version-one .gallery-filter li {
    display: inline;
}
#project-version-one .gallery-filter li span {
    display: inline-block;
    font-size: 13px;
    line-height: 45px;
    color: #787878;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0 20px;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#project-version-one .gallery-filter li.active span:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 2px;
    background: #DA9700;
    position: absolute;
    bottom: -1px;
    left: 0;
}
#project-version-one .gallery-filter li.active span,
#project-version-one .gallery-filter li:hover span {
    color: #DA9700;
}
#project-version-one .single-project-item {
    margin-bottom: 30px;
    display: none;
}
#project-version-one .single-project-item .img-wrap {
    position: relative;
}

/**
* Projects Version Two Styles.
**/

#project-version-two {
    padding: 80px 0;
}
#project-version-two .gallery-filter {
    margin-bottom: 50px;
    text-align: center;
    border-bottom: 1px solid #E2E2E2;
}
#project-version-two .gallery-filter li {
    display: inline;
}
#project-version-two .gallery-filter li span {
    display: inline-block;
    font-size: 13px;
    line-height: 45px;
    color: #787878;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0 20px;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#project-version-two .gallery-filter li.active span:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 2px;
    background: #DA9700;
    position: absolute;
    bottom: -1px;
    left: 0;
}
#project-version-two .gallery-filter li.active span,
#project-version-two .gallery-filter li:hover span {
    color: #DA9700;
}
#project-version-two .masonary-gallery {
    position: relative;
    padding: 0;
}
#project-version-two .masonary-item {
    position: relative;
    float: left;
    overflow: hidden;
    width: 25%;
    margin-bottom: 30px;
    padding: 0 15px;
}
#project-version-two .masonary-item.width-1 {
    width: 25%;
}
#project-version-two .masonary-item.width-2 {
    width: 50%;
}
#project-version-two .masonary-item.height-1 {
    height: auto;
}
#project-version-two .masonary-item img {
    width: 100%;
    height: 100%;
}
#project-version-two .masonary-item .img-wrap {
    position: relative;
}

/**
* Project Version 3 Styles.
**/

#project-version-one .single-project-item.col-lg-3 {
    margin-bottom: 0px;
    display: none;
    padding: 0 0px;
}
#project-version-one .single-project-item.col-lg-3 img {
    width: 100%;
    height: 100%;
}

/**
* Mobile Navigation Styles.
**/

button.mainmenu-toggler {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #d8d8d8;
  border-radius: 0px;
  color: #fff;
  display: none;
  width:120px;
  margin:10px auto 0;
  float: none;
  font-size: 16px;
  font-weight: 800;
  height: 33px;
  line-height: 13px;
  outline: none;
  padding: 0 10px;
  transition: all 0.3s ease 0s;
}
button.mainmenu-toggler:hover {
    border-color: #F69C00;
    color: #F69C00;
}
.mainmenu-container ul li.dropdown .fa {
    display: none;
}

/**
* Project version 3 Styles.
**/

#project-version-one.project-v3 {
    background: #f9f9f9;    
}
#project-version-one .two-col-gallery img {
    width: 100%;
}

/**
* Project Content Styles.
**/

#project-content {
    padding: 80px 0 50px;
}
#project-content p {
    font-size: 14px;
    font-weight: 500;
    color: #8E8D8D;
}
/**
* Project Content Version Two Styles.
**/

#project-content.version-2 {
    text-align: center;
    padding: 60px 0 0px;
    margin-bottom: -30px;
}

/**
* Preloader Styles.
**/

.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/resources/preloader.gif);
}

/**
* Home v2 Topbar Styles.
**/
.home-v2#topbar {
  background: #012C3C;
}
.home-v2#topbar .social ul li a {
  color: #42B8EA;
}
.home-v2#topbar .contact-info ul li a {
  color: #fff;
}

/**
* Home V2 header Styles.
**/
header.home-v2 {
  background: #42B8E9;
}
.home-v2 ul.mainmenu li a {
  color: #fff;
}
header.home-v2 ul.mainmenu li a:hover {
  color: #012C3C;
}
header.home-v2 ul.mainmenu > li.current > a {
  color: #012C3C;
}
.home-v2 ul.mainmenu li a:before,
.home-v2 nav.mainmenu-container ul > li > ul > li > a:hover {
  background: #012C3C;
  color: #fff;
}
.home-v2 .mainmenu-container ul li.top-icons a i {
  color: #fff;
  border-color: #fff;
}
.home-v2 .mainmenu-container ul > li.dropdown:after {
    color: #012C3C;
}
.home-v2 .mainmenu-container ul > li > ul li.dropdown:after {
    color: #fff;
}
.home-v2 .mainmenu-container ul > li > ul > li > ul > li:last-child > a:hover {
    color: #fff;
    background: #012C3C;
    padding: 0 20px;
}
.home-v2 .mainmenu-container ul li.top-icons:hover a i {
    color: #012C3C;
    border-color: #012C3C;
}
.home-v2 .search-box form button {
    color: #012C3C;
}
.home-v2 .search-box {
    background: #42B8E9;
}
.home-v2 .cart-box span {
    color: #012C3C;
}
.home-v2 button.mainmenu-toggler {
    color: #fff;
}
.home-v2 button.mainmenu-toggler:hover {
    color: #012C3C;
    border-color: #012C3C;
}
.home-v2 ul.mainmenu li a::before, .home-v2 nav.mainmenu-container ul > li > ul > li > a:hover {
    background: #012C3C;
}
.home-v2 .mainmenu-container ul li a::before {
    background: #012C3C;
}
/**
* Home V2 project v2 Styles.
**/

.home-v2#project-version-two {
    background: url(../img/our-projects/bg.jpg) center top no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-bottom: 80px;
}
.home-v2#project-version-two .section-title h1 {
    color: #fff;
    border-color: #335160;
}
.home-v2#project-version-two .gallery-filter {
    border: none;
}
.home-v2#project-version-two .gallery-filter li span {
    color: #fff;
    border: 1px solid transparent;
    line-height: 30px;
}
.home-v2#project-version-two .gallery-filter li:hover span {
    color: #12AEF8;
}
.home-v2#project-version-two .gallery-filter li.active span {
    border: 1px solid #12AEF8;
    color: #12AEF8;
}
.home-v2#project-version-two .gallery-filter li.active span:before {
    display: none;
}
.home-v2#project-version-two .view-all-btn {
    text-align: center;
}
.home-v2#project-version-two a.view-all {
    border: 1px solid #4C7B96;
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;
    line-height: 35px;
    padding: 0 35px;
    font-weight: 600;
    font-size: 13px;
    margin: auto;
    display: inline-block;
    margin-top: 35px;
}
.home-v2#project-version-two a.view-all:hover {
    border-color: transparent;
}
.home-v2#project-version-two a.view-all:before {
    background: #F69C00;
}


/**
* home V2 blog Styles.
**/


.home-v2#blog .blog-wrap {
    margin-bottom: 35px;
}
.home-v2#blog .blog-wrap.height-big .content-wrap p {
    margin-bottom: 45px;
}

/**
* Home v2 Styles.
**/

.home-v2#pricing-faq {
    background: #102335;
    position: relative;
    z-index: 1;
}

.home-v2#pricing-faq .parallax {
    opacity: .7;
}
.home-v2#pricing-faq .section-title h1 {
    color: #fff;
    border-color: #335160;
}
.home-v2#pricing-faq ul li h2 {
    color: #12AEF8;
}
.home-v2#pricing-faq ul li p {
    color: #fff;
}

/**
* Home v2 contact Styles.
**/

.home-v2#contact-content {
    padding: 0;
    position: relative;
    margin-bottom: -60px;
    background: url(../img/resources/contact-bg.png) bottom right no-repeat fixed;
}
.home-v2#contact-content .container {
    padding: 65px 0 50px;
    overflow: hidden;
}
.home-v2#contact-content .section-title h1 {
    margin-bottom: 30px;
}
.home-v2#contact-content .container p {
    text-align: left;
}

/**
* Google map full width Styles.
**/
.google-map-full-container {
    width: 100%;
}
.google-map-full-container .google-map {
    height: 450px;
}


/**
* Subscribe Section Styles.
**/

#subscribe-section {
    background: #36A2DC;
    padding: 30px 0 20px;
}
#subscribe-section h2 {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 5px;
}
#subscribe-section p {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
}
#subscribe-section p br {
    display: none;
}
#subscribe-section .subscribe-form-wrap {
    padding: 25px 0;
}
#subscribe-section .subscribe-form-wrap input {
    width: 70%;
    height: 45px;
    color: #FFFFFF;
    font-size: 15px;
    line-height: 45px;
    background: #03394F;
    font-weight: 600;
    border: none;
    padding-left: 20px;
    margin-right: 20px;
}
#subscribe-section .subscribe-form-wrap button {
    font-size: 16px;
    line-height: 45px;
    color: #fff;
    font-weight: 900;
    background: #F69C00;
    border: 1px solid #F69C00;
    text-transform: uppercase;
    display: inline-block;
    margin: auto;
    border: none;
    outline: none;
    padding: 0 40px;
}
#subscribe-section .subscribe-form-wrap button:before {
    background: #fff;
}
#subscribe-section .subscribe-form-wrap button:hover, 
#subscribe-section .subscribe-form-wrap button:focus {
    color: #F69C00;
}

/**
* Request a qoute container Styles.
**/

#request-a-qoute-container {
    margin-top: -170px;
    position: relative;
    z-index: 9999;
}
#request-a-qoute-container .tab-title ul {
    text-align: left;
    margin-left: 3px;
}
#request-a-qoute-container .tab-title ul li {
    display: inline;
}
#request-a-qoute-container .tab-title ul li span {
    display: inline-block;
    color: #444444;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 50px;
    border-top: 5px solid transparent;
    background: #E8E8E8;
    padding: 0 22px;
    cursor: pointer;
    margin: 0 -3px; 
}
#request-a-qoute-container .tab-title ul li span.active {
    background: #fff;
    border-top: 5px solid #51B7E3;
    box-shadow: 5px -5px 5px  rgba(0,0,0,.2);
    position: relative;
    z-index: 999;
}
#request-a-qoute-container .tab-title ul li:last-child span.active {
    box-shadow: -5px -5px 5px  rgba(0,0,0,.2);
}
#request-a-qoute-container .tab-content {
    padding: 25px 0;
    background: #fff;
}
#request-a-qoute-container .tab-content .success {
    color: #42B8E9;
}
#request-a-qoute-container .tab-content form ul li {
    width: 20%;
    float: left;
    padding: 0 15px;
}
#request-a-qoute-container .tab-content form ul li label {
    display: block;
    font-family: 'Open Sans';
    font-size: 15px;
    color: #000000;
    font-weight: normal;
    transition: all .3s ease;
}
#request-a-qoute-container .tab-content form ul li label.error {
    display: none !important;
}
#request-a-qoute-container .tab-content form ul li:hover label {
    color: #F69C00;
}
#request-a-qoute-container .tab-content form ul li:focus label {
    color: #42B8E9;
}
#request-a-qoute-container .tab-content form ul li input {
    display: block;
    height: 35px;
    width: 100%;
    border: 1px solid #E1E1E1;
    outline: none;
    padding: 0 10px;
    color: #000;
    transition: all .3s ease;
}
#request-a-qoute-container .tab-content form ul li input.error {
    border-color: red;
}
#request-a-qoute-container .tab-content form ul li input:hover {
    background: #42B8E9;
    color: #fff;
}
#request-a-qoute-container .tab-content form ul li input:focus {
    background: #42B8E9;
    color: #fff;
}
#request-a-qoute-container .tab-content form ul li input:focus {
    background: #42B8E9;
    color: #fff;
}
#request-a-qoute-container .tab-content form ul li input::-webkit-input-placeholder {
   color: #c1c1c1;
}

#request-a-qoute-container .tab-content form ul li input:-moz-placeholder { /* Firefox 18- */
   color: #c1c1c1;  
}

#request-a-qoute-container .tab-content form ul li input::-moz-placeholder {  /* Firefox 19+ */
   color: #c1c1c1;  
}

#request-a-qoute-container .tab-content form ul li input:-ms-input-placeholder {  
   color: #c1c1c1;  
}
#request-a-qoute-container .tab-content form ul li input:hover::-webkit-input-placeholder,
#request-a-qoute-container .tab-content form ul li input:focus::-webkit-input-placeholder {
   color: #fff;
}

#request-a-qoute-container .tab-content form ul li input:hover:-moz-placeholder,
#request-a-qoute-container .tab-content form ul li input:focus:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

#request-a-qoute-container .tab-content form ul li input:hover::-moz-placeholder,
#request-a-qoute-container .tab-content form ul li input:focus::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

#request-a-qoute-container .tab-content form ul li input:hover:-ms-input-placeholder,
#request-a-qoute-container .tab-content form ul li input:focus:-ms-input-placeholder {  
   color: #fff;  
}
#request-a-qoute-container .tab-content form ul li button {
    background: #F69C00;
    color: #fff;
    border: none;
    outline: none;
    font-size: 16px;
    line-height: 35px;
    height: 35px;
    text-transform: uppercase;
    font-weight: 800;
    width: 100%;
}
#request-a-qoute-container .tab-content form ul li button:hover,
#request-a-qoute-container .tab-content form ul li button:focus {
    color: #F69C00;
}
#request-a-qoute-container .tab-content form ul li button:before {
    background: #fff;
}
#request-a-qoute-container .container {
    position: relative;
}
#request-a-qoute-container .container .request-a-qoute-with-tooltip {
    position: absolute;
    top: 0;
    right: 15px;
    background: #42B8E9 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: 900;
    line-height: 45px;
    margin: auto;
    outline: medium none;
    padding: 0 45px;
    text-transform: uppercase;
}
#request-a-qoute-container .container .request-a-qoute-with-tooltip:hover,
#request-a-qoute-container .container .request-a-qoute-with-tooltip:focus {
    color: #42B8E9;
}
#request-a-qoute-container .container .request-a-qoute-with-tooltip:before {
    background: #fff;
}
#request-a-qoute-container .container .request-a-qoute-with-tooltip i {
    position: absolute;
    bottom: -17px;
    font-size: 30px;
    left: 0;
    width: 100%;
    color: #42B8E9;
}
#request-a-qoute-container .container .request-a-qoute-with-tooltip:hover i {
    color: #fff;
}


/**
* Project Gallery Version 5 Styles.
**/

#project-version-one.project-v5 {
    background: #F9F9F9;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item {
    margin-bottom: 30px;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .col-lg-8,
#project-version-one .normal-gallery.gallery-v5 .single-project-item .col-lg-4 {
    background: #fff;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .col-lg-8 {
    padding-left: 0;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .col-lg-8 img {
    max-width: 100%;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .col-lg-4 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .col-lg-8:before,
#project-version-one .normal-gallery.gallery-v5 .single-project-item .col-lg-4:before {
    background: #FEAF18;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item:hover .col-lg-8:before,
#project-version-one .normal-gallery.gallery-v5 .single-project-item:hover .col-lg-4:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .meta {
    padding: 20px 0;
    position: relative;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .meta:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 4px;
    background: #12AEF8;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item:hover .meta:before {
    background: #fff;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .meta h4 {
    font-size: 15px;
    line-height: 24px;
    color: #303030;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item:hover .meta h4 {
    color: #fff;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .meta span {
    font-size: 14px;
    color: #A7A7A7;
    font-weight: 500;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item:hover .meta span {
    color: #fff;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item p {
    font-size: 14px;
    font-weight: 500;
    color: #8E8D8D;
    line-height: 26px;
    margin: 20px 0px;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item:hover p {
    color: #fff;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item a.read-more {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    background: #36ABFC;
    line-height: 30px;
    display: inline-block;
    padding: 0 25px;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item a.read-more:hover {
    color: #fff;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item a.read-more:before {
    background: #2C2C2C;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .overlay {
    position: relative;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .overlay:before {
    content: ' ';
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 0%;
    background: rgba(0,0,0,.60);
    z-index: 1;
    transition: all .3s ease;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .overlay:after {
    content: ' ';
    width: auto;
    height: auto;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border: 1px solid #808080;
    z-index: 2;
    visibility: hidden;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item:hover .overlay:before {
    height: 100%;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item:hover .overlay:after {
    visibility: visible;
}
#project-version-one .normal-gallery.gallery-v5 {
    margin: 0;
}


/**
* Page 404 content Styles.
**/

#page-404-content {
    padding: 165px 0 80px;
}
#page-404-content .container {
    background: url(../img/404/404-bg.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    padding: 60px 0;
}
#page-404-content .container .row > img {
    position: absolute;
    bottom: 0;
    left: 45px;
    transition: all .3s ease;
}
#page-404-content .container:hover .row > img {
    opacity: .5;
}
#page-404-content .container h1 {
    font-size: 45px;
    line-height: 45px;
    color: #000000;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 15px;
}
#page-404-content .container p {
    font-size: 16px;
    color: #6C6C6C;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 20px;
}
#page-404-content .container a.button-404 {
    background: #36ABFC;
    color: #fff;
    text-transform: uppercase;
    line-height: 38px;
    display: inline-block;
    padding: 0 25px;
    font-weight: 800;
    font-size: 16px;
    border: 1px solid transparent;
}
#page-404-content .container a.button-404:hover {
    color: #36ABFC;
    border-color: #36ABFC;
}
#page-404-content .container a.button-404:before {
    background: #fff;
}


/**
* Search Page Styles.
**/

#blog-post .search-content .section-title h1 {
    margin-bottom: 0;
}
#blog-post .search-content .single-search-content {
    padding: 50px 0;
    border-bottom: 1px solid #E2E2E2;
    margin: 0;
}
#blog-post .search-content .single-search-content:first-child {
    padding-top: 0;
}
#blog-post .search-content .single-search-content:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

#blog-post .search-content .single-search-content .img-holder {
    padding-left: 0;
    text-align: center;
    margin: 0;
}
#blog-post .search-content .single-search-content .content span {
    font-size: 14px;
    font-weight: 600;
    color: #C0C0C0;
    line-height: 26px;
}
#blog-post .search-content .single-search-content .content h3 {
    font-size: 14px;
    line-height: 26px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 700;
    margin: 0;
}
#blog-post .search-content .single-search-content .content p {
    color: #8E8D8D;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 5px;
}
#blog-post .search-content .single-search-content .content a {
    color: #36ABFC;
    font-size: 14px;
    font-weight: 600;
}


/**
* Cart Page Styles
**/

.cart-page {
    padding: 80px 0;
}
.cart-page .table {
    margin: 0;
}
.cart-page table > tbody > tr > td,
.cart-page .table > thead > tr > th {
    border: none;
}
.cart-page .table thead {
    background: #F9F9F9;
}
.cart-page .table > thead > tr > th {
    font-weight: normal;
    color: #000000;
    font-size: 16px;
    line-height: 60px;
    padding: 0 40px;
    font-weight: 500;
    border: 1px solid #EBEBEB;
    border-bottom: 0;
}
.cart-page .table > thead > tr > th.close {
    color: transparent;
}
.cart-page .table > tbody > tr > td.preview {
    padding: 25px 50px;
}
.cart-page .table > tbody > tr > td {
    border: 1px solid #EBEBEB;
    padding: 80px 40px;
    font-size: 14px;
    color: #8E8D8D;
    font-weight: 600;
    font-family: 'Open Sans';
}
.cart-page .table > tbody > tr > td.del-item {
    text-align: center;
}
.cart-page .table > tbody > tr > td .select-box {
    padding: 0;
    margin: 0;
    border: 1px solid #EDEDED;
    width: 95px;
    overflow: hidden;
    background-color: #fff;

    background: #fff url(../img/cart/select-box-bg.png) no-repeat 80% 50%;
}

.cart-page .table > tbody > tr > td .select-box select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.cart-page .table > tbody > tr > td .select-box select:focus {
    outline: none;
}
.cart-page .table > tbody > tr > td.del-item {
    color: #F69C00;
    font-size: 18px;
    font-weight: normal;
}

.cart-page .bottom-box {
    padding: 30px 25px;
    background: #F9F9F9;
    margin: 0 0 50px;
}
.cart-page .bottom-box .cupon-box input {
    width: 130px;
    line-height: 36px;
    padding: 0 20px;
    border: 1px solid #EEEEEE;
    outline: none;
    margin-right: 10px;
}
.cart-page .bottom-box .cupon-box button {
    padding: 0 20px;
    color: #fff;
    background: #E3E3E3;
    text-transform: capitalize;
    border: none;
    outline: none;
    font-weight: normal;
    line-height: 36px;
    color: #000000;
    font-family: 'Open Sans';
}
.cart-page .add-to-cart-wrap {
    text-align: right;
}
.cart-page .add-to-cart-wrap a {
    background: #36ABFC;
    text-transform: uppercase;
    display: inline-block;
    line-height: 36px;
    font-weight: 700;
    color: #fff;
    padding: 0 40px;
    font-family: 'Open Sans';
}
.cart-page .add-to-cart-wrap a:before {
    background: #DA9700;
}
.cart-page .cart-total-box li {

    line-height: 60px;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
    padding: 0 25px;
}
.cart-page .cart-total-box li:first-child {
    border-top: 1px solid #EBEBEB;

}
.cart-page .cart-total-box li span {
    margin-left: 50px;
}
.cart-page .cart-total-box .cart-total {
    background: #F9F9F9;
    font-family: 'Open Sans';
}
.cart-page .cart-total-box .proceed-to-checkout {
    text-align: right;
}
.cart-page .cart-total-box .proceed-to-checkout a {
        background: #36ABFC;
    text-transform: uppercase;
    display: inline-block;
    line-height: 36px;
    font-weight: 700;
    color: #fff;
    padding: 0 40px;
    font-family: 'Open Sans';
}
.cart-page .cart-total-box .proceed-to-checkout a:before {
    background: #DA9700;
}

/**
* Checkout Page Styles.
**/

#checkout-content {
    padding: 80px 0 130px;
}
#checkout-content .return-customer {
    background: #F9F9F9;
    border: 1px solid #EBEBEB;
    padding: 25px 30px;
    margin-bottom: 50px;
}
#checkout-content .return-customer p {
    margin-bottom: 0;
    font-size: 14px;
    color: #8E8E8E;
    line-height: 26px;
}
#checkout-content .return-customer a {
    color: #F69C00;
}

#checkout-content label,
#checkout-content input[type="text"] {
    display: block;
}
#checkout-content label {
    font-size: 14px;
    line-height: 26px;
    color: #8E8D8D;
    margin-bottom: 5px;
    font-weight: 500;
    font-family: 'Open Sans';
}
#checkout-content input[type="text"] {
    width: 100%;
    margin-bottom: 10px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #E2E2E2;
    outline: none;
    padding: 0 20px;
    font-family: 'Open Sans';
}
#checkout-content input[type="text"]:last-child {
    margin-bottom: 0;
}
#checkout-content .left-checkout > .row {
    margin-bottom: 30px;
}

#checkout-content .select-box {
    padding: 0;
    margin: 0;
    border: 1px solid #E2E2E2;
    width: 100%;
    overflow: hidden;
    background-color: #fff;

    background: #fff url(../img/cart/select-box-bg.png) no-repeat 95% 50%;
}

#checkout-content .select-box select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

#checkout-content .select-box select:focus {
    outline: none;
}
#checkout-content .row span {
    font-size: 14px;
    font-weight: 500;
    color: #8E8D8D;

}
#checkout-content input[type="checkbox"] {
    margin: 0;
    vertical-align: middle;
    margin-right: 15px;
}
#checkout-content textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #E2E2E2;
    padding: 10px 20px;
    outline: none;
}
#checkout-content .ship-different {
    margin-top: 80px;
}
#checkout-content .order-box {
    border: 1px solid #D9D9D9;
    padding: 30px;
}
#checkout-content .order-box ul li {
    display: block;
    color: #8E8D8D;
    font-size: 14px;
    line-height: 45px;
    font-weight: 600;
}
#checkout-content .order-box ul li.total {
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
}
#checkout-content .order-box ul li span {
    float: right;
    display: inline-block;
}
#checkout-content .order-box ul li span.bold {
    font-size: 18px;
    color: #000;
    font-weight: 700;
}
#checkout-content .order-box ul li a span {
    color: #F69C00;
}
#checkout-content .order-box ul li input[type="radio"] {
    margin-right: 10px;
}
#checkout-content .order-box ul li .note {
    background: #ECECEC;
    padding: 25px;
    color: #8E8D8D;
    line-height: 24px;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    font-family: 'Open Sans';
}
#checkout-content .order-box ul li .note .fa {
    font-size: 35px;
    position: absolute;
    top: -25px;
    left: 25px;
    color: #ECECEC;
}
#checkout-content .order-box ul li a.place-order {
    background: #36ABFC;
    text-transform: uppercase;
    display: inline-block;
    line-height: 36px;
    font-weight: 700;
    color: #fff;
    padding: 0 40px;
    margin-top: 30px;
}

/**
* Shop Page Styles.
**/

.shop-page-content .row,
.shop-page-content.row {
    margin-left: -10px;
    margin-right: -10px;
}
.shop-page-content .single-shop-item {
    padding: 0 10px;
    margin-bottom: 20px;
}
.shop-page-content .single-shop-item .meta {
    background: #F8F8F8;
    padding: 30px 17px;
    text-align: center;
    border: 1px solid #F0F0F0;
}
.shop-page-content .single-shop-item .meta h4 {
    text-transform: uppercase;
    font-size: 13px;
    color: #000000;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 5px;
}
.shop-page-content .single-shop-item .meta p {
    font-size: 13px;
    font-weight: 500;
    color: #999999;
    line-height: 18px;
}
.shop-page-content .single-shop-item .meta span {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #7E7E7E;
}
.shop-page-content .single-shop-item .meta span b {
    font-size: 20px;
    line-height: 28px;
    color: #E22D2D;
    font-weight: 600;
}
.shop-page-content .single-shop-item a.add-to-cart {
    background: #36ABFC;
    text-transform: uppercase;
    display: inline-block;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    padding: 0 20px;
    font-size: 13px;
    margin-top: 25px;
}
.shop-page-content .single-shop-item a.add-to-cart:before {
    background: #F69C00;
}
.shop-page-content .best-seller {
    margin-top: 80px;
    margin-left: 10px;
}


/**
* Product Details Page Styles.
**/

.product-details-box {
    margin-bottom: 80px;
}
.product-details-box h3 {
    color: #000000;
    font-size: 20px;
    line-height: 28px;
    margin: 0;
    margin-bottom: 0px;
    font-weight: 700;
    text-transform: uppercase;
}
.product-details-box p {
    font-size: 14px;
    color: #999999;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    padding: 20px 0;
    margin: 20px 0;
    font-weight: 500;
}
.product-details-box span {
    display: block;
    font-size: 18px;
    color: #999999;
    font-weight: 600;
    margin-bottom: 20px;
}
.product-details-box span b {
    font-size: 24px;
    color: #E22D2D;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    margin-left: 10px;
}
.product-details-box span input {
    width: 36px;
    height: 36px;
    border: 1px solid #EAEAEA;
    color: #999999;
    text-align: center;
    margin-left: 10px;
}
.product-details-box a.add-to-cart {
    background: #36ABFC;
    text-transform: uppercase;
    display: inline-block;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
    padding: 0 65px;
    font-size: 18px;
    margin-top: 25px;
}
.product-details-box a.add-to-cart:before {
    background: #F69C00;
}
.product-details-box img {
    border: 5px solid #F4F4F4;
}
.product-details-page-content .best-seller {
    margin-left: 0px;
}
.product-details-tab-title {
    margin: -15px;
}
.product-details-tab-title .col-lg-12 {
    padding: 0;
}
.product-details-tab-title ul li {
    display: inline;
}
.product-details-tab-title ul li.active span {
    background: #fff;
    border: 1px solid #E6E6E6;
    border-top: 2px solid #F69C00;
    border-bottom: 0;
    position: relative;
    top: 1px;
    z-index: 999;
}
.product-details-tab-title ul li span {
    display: inline-block;
    background: #F4F4F4;
    font-size: 16px;
    color: #000000;
    line-height: 45px;
    padding: 0 27px;
    margin-right: 5px;
    cursor: pointer;
}
.product-details-tab-content {
    margin-bottom: 75px;
}
.product-details-tab-content .col-lg-12 {
    border: 1px solid #E6E6E6;
    padding: 40px;
}
.product-details-tab-content .col-lg-12 p {
    font-size: 14px;
    color: #999999;
    font-weight: 500;
}


/** ====== our project with filter Gallery filter styles ====== **/

#our-projects.with-filter .gallery-filter {
    margin-bottom: 50px;
    text-align: center;
    border-bottom: 1px solid #E2E2E2;
}
#our-projects.with-filter .gallery-filter li {
    display: inline;
}
#our-projects.with-filter .gallery-filter li span {
    display: inline-block;
    font-size: 13px;
    line-height: 45px;
    color: #787878;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0 20px;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#our-projects.with-filter .gallery-filter li.active span:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 2px;
    background: #12AEF8;
    position: absolute;
    bottom: -1px;
    left: 0;
}
#our-projects.with-filter .gallery-filter li.active span,
#our-projects.with-filter .gallery-filter li:hover span {
    color: #12AEF8;
}
#our-projects.with-filter .gallery-filter {
    border: none;
}
#our-projects.with-filter .gallery-filter li span {
    color: #fff;
    border: 1px solid transparent;
    line-height: 30px;
}
#our-projects.with-filter .gallery-filter li:hover span {
    color: #12AEF8;
}
#our-projects.with-filter .gallery-filter li.active span {
    border: 1px solid #12AEF8;
    color: #12AEF8;
}
#our-projects.with-filter .gallery-filter li.active span:before {
    display: none;
}



/** ====== top bar construction styles ====== **/


#topbar.construct {
    background: #161616;
}
#topbar.construct .social ul li a {
    color: #A2A2A2;
    border-color: #212121;
    transition: all .3s ease;
}
#topbar.construct .social ul li a:hover {
    background: transparent;
    color: #E3960A;
}
#topbar.construct .contact-info ul li:hover a, 
#topbar.construct .contact-info ul li a:before {
    /*background: #1B222C;*/
}
#topbar.construct .contact-info ul li a {
    color: #A2A2A2;
	font-size: 14px;
	font-weight:700;
}
#topbar.construct .contact-info ul li a i {
    color: #E3960A;
}
#topbar.construct .contact-info ul li a i.fa-map-marker {
    font-size: 15px;
}
#topbar.construct .contact-info ul li a i.fa-envelope {
    font-size: 12px;
}
#topbar.construct .contact-info ul li a i.fa-phone {
    font-size: 14px;
}
#topbar.construct .contact-info ul li a:hover {
    color: #E3960A;
}
#topbar.construct .contact-info ul li a:hover i {
    color: #E3960A;
}

/** ====== header construct styles ====== **/


header.construct .mainmenu-container > ul > li > a {
    color: #515050;
}

header.construct .mainmenu-container > ul > li.current > a, 
header.construct .mainmenu-container ul li a:hover,
header.construct .mainmenu-container ul > li.dropdown:after,
header.construct .mainmenu-container ul > li > ul > li.dropdown:after,
header.construct nav.mainmenu-container ul > li > ul > li > a:hover,
header.construct nav.mainmenu-container ul > li > ul > li > a:hover:after,
header.construct .mainmenu-container ul > li > ul > li.dropdown:hover:after,
header.construct .mainmenu-container ul li.top-icons:hover a i {
    color: #DA9700;
}
header.construct .mainmenu-container ul li a:before,
header.construct .search-box {
    background: #212121;
}
header.construct .mainmenu-container ul li a:before {
    color: #DA9700;
}
header.construct .cart-box span {
    color: #1B222C;

}
header.construct .mainmenu-container ul li a:before {
    background: #DA9700;
}
header.construct .mainmenu-container ul > li > ul,
header.construct .mainmenu-container ul li.top-icons:hover a i {
    border-color: #DA9700;
}
header.construct .mainmenu-container ul li.top-icons a i {
    color: #C0C0C0;
    padding: 8px;
    font-size: 14px;
}
header.construct .cart-box {
    background: #DA9700;
}


/** ====== construct Banner styles ====== **/


#construct-banner {
    background: url(../img/slides/image1.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    /*height: 803px;*/
}
#construct-banner .construct-banner-caption {
    padding-top: 200px;
    padding-bottom: 179px;
    padding-left: 55px;
}
#construct-banner .construct-banner-caption h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 23px;
}
#construct-banner .construct-banner-caption h2 b {
    color: #FF9600;
    font-weight: 800;
    font-size: 50px;
}
#construct-banner .construct-banner-caption ul {
    background: rgba(0,0,0,.6);
    display: inline-block;
    padding: 3px 0;
}

#construct-banner .construct-banner-caption ul li {
    display: inline;
}
#construct-banner .construct-banner-caption ul li span {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 15px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .34em;
    padding: 0 20px;
    border-right: 1px solid #fff;
}
#construct-banner .construct-banner-caption ul li:last-child span {
    border: none;
}
#construct-banner .construct-banner-caption p {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .03em;
    color: #fff;
    font-weight: 300;
    margin-top: 23px;
    margin-bottom: 13px;
}
#construct-banner .construct-banner-caption a {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 40px;
    display: inline-block;
    border: 1px solid #fff;
    text-transform: uppercase;
    padding: 0 44px;
}
#construct-banner .construct-banner-caption a:before {
    background: #DA9700;
}


/** ====== construct welcome styles ====== **/

#construction-welcome {
    background: url(../img/construction-welcome/bg.jpg) center center no-repeat;
    background: #fff;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 60px 0;
}
.single-construction-welcome .img-holder {
    border: 5px solid #ebebeb;
    margin-bottom: 30px;
	max-width:370px;
}

.single-construction-welcome h2 {
    color: #000000;
	font-family:'serapineitalic';
    font-size: 22px;
    font-weight: normal;
    text-transform: capitalize;
    margin: 0;
    margin-bottom: 0px;
}
.single-construction-welcome h2:after {
    content: '';
    width: 35px;
    background: #F7A238;
    height: 2px;
    display: block;
	margin:0 auto;
    margin-bottom: 15px;
    margin-top: 15px;
}
.single-construction-welcome h1 {
	font-family:'serapineitalic';
    color: #000000;
    font-size: 26px;
    line-height: 40px;
    font-weight: 700;
    letter-spacing: .03em;
    margin: 0;
    margin-bottom: 8px;
}
.single-construction-welcome p {
    font-size: 14px;
    line-height: 26px;
    color: #818080;
    font-weight: 500;
    margin: 0;
}
.single-construction-welcome ul {
    margin-top: 19px;
}
.single-construction-welcome ul li {
    font-size: 14px;
    line-height: 40px;
    color: #818080;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}
.single-construction-welcome ul li .fa {
    margin-right: 10px;
}


/** ====== our projects construct home styles ====== **/

#project-version-one.construct.home {
    background: #171E28;
    padding-bottom: 80px;
}
#project-version-one.construct.home .section-title h1 {
    color: #FFFFFF;
    border-color: #40454D;
}
#project-version-one.construct.home .gallery-filter {
    border: none;
}
#project-version-one.construct.home .gallery-filter li {
    margin-right: 16px;
}
#project-version-one.construct.home .gallery-filter li span {
    line-height: 33px;
    border: 1px solid #333639;
    color: rgba(255,255,255,.5);
    font-size: 13px;
    font-weight: 500;
    background: #0B1928;
}
#project-version-one.construct.home .gallery-filter li.active span, 
#project-version-one.construct.home .gallery-filter li:hover span {
    color: #000000;
    background: #F69C00;
}
#project-version-one.construct.home .gallery-filter li.active span:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 2px;
    background: #12AEF8;
    position: absolute;
    bottom: -1px;
    left: 0;
    display: none;
}
#project-version-one.construct.home .single-project-item .img-wrap .content-wrap:before {
    background: rgba(23, 30, 40, 0);
}
#project-version-one.construct.home .view-all-btn {
    margin-top: 50px;
}
#project-version-one.construct.home .view-all-btn a {
    line-height: 36px;
    border: 1px solid #7D8186;
    font-size: 14px;
    color: #FFFFFF;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 35px;
    font-weight: 500;
}
#project-version-one.construct.home .view-all-btn a:before {
    background: #DA9700;
}

/** ====== Video section construction styles ====== **/

#video-section-construction {
    padding: 80px 0;
    background: url(../img/video-construction/bg.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;

}
#video-section-construction .video-preview,
#video-section-construction .video-text {
    display: table-cell;
    vertical-align: middle;
}
#video-section-construction .video-preview {
    width: 421px;
}
#video-section-construction .video-text {
    padding-left: 50px;
}
#video-section-construction .video-preview a {
    display: inline-block;
    background: #000;
    position: relative;
}
#video-section-construction .video-preview a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../img/video-construction/video-play-icon.png) center center no-repeat;
    z-index: 99;
}
#video-section-construction .video-preview img {
    opacity: .5;
    transition: all .3s ease;
}
#video-section-construction .video-preview a:hover img {
    opacity: .85;
}
#video-section-construction .video-text h2 {
    font-size: 28px;
    color: #102132;
    font-weight: 500;
    letter-spacing: .03em;
    margin: 0;
    margin-bottom: 22px;
}
#video-section-construction .video-text p {
    font-size: 14px;
    color: #777777;
    font-weight: 500;
    letter-spacing: .03em;
    margin: 0;
    margin-bottom: 50px;
}
#video-section-construction .video-text a {
    font-size: 14px;
    color: #3B3B3B;
    font-weight: 700;
    line-height: 30px;
    border: 1px solid #3B3B3B;
    letter-spacing: .03em;
    margin: 0;
    text-transform: uppercase;
    padding: 0 22px;
    display: inline-block;
}
#video-section-construction .video-text a:before {
    background: #DA9700;
}


/** ====== Welcome to construct styles ====== **/

#welcome-to-construct {
    background: url(../img/welcome-to-construct/bg.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
}
#welcome-to-construct .col-lg-7 {
    padding: 60px 50px;
}
#welcome-to-construct .col-lg-7 h2 {
    font-size: 24px;
    color: #EFA600;
    font-weight: bold;
    line-height: 28px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 17px;
}
#welcome-to-construct .col-lg-7 p {
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    letter-spacing: .03em;
    font-weight: normal;
}
#welcome-to-construct .col-lg-7 h3 {
    font-size: 24px;
    line-height: 26px;
    color: #EFA600;
    letter-spacing: .03em;
    font-weight: 500;
    margin: 0;
    margin-top: 30px;
}
#welcome-to-construct .col-lg-7 .list-box {
    margin-top: 22px;
}
#welcome-to-construct .col-lg-7 ul {
    display: table-cell;
    vertical-align: middle;
    padding-right: 95px;
}
#welcome-to-construct .col-lg-7 ul:last-child {
    padding-right: 0;
}
#welcome-to-construct .col-lg-7 ul li {
    color: #fff;
    font-size: 13px;
    line-height: 40px;
}
#welcome-to-construct .col-lg-7 ul li .fa {
    font-size: 15px;    
    margin-right: 10px;
}

#welcome-to-construct .col-lg-5 .img-holder:before {
    background: #EDB005;
}
#welcome-to-construct .col-lg-5 .img-holder img {
    max-width: none;
    transition: all .3s ease;
}
#welcome-to-construct:hover .col-lg-5 .img-holder img {
    opacity: .45;
}
#welcome-to-construct:hover .img-holder:before, 
#welcome-to-construct:focus .img-holder:before, 
#welcome-to-construct:active .img-holder:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}


/** ====== testimonials construct home styles ====== **/

#testimonials-construct-home {
    position: relative;
    background: url(../img/testimonials-construct/bg.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 80px 0;
}
#testimonials-construct-home .section-title h1 {
    border-color: #BCBFC1;
}
#testimonials-construct-home .single-testimonial-construct {
    background: #fff;
}
#testimonials-construct-home .single-testimonial-construct h3 {
    font-size: 14px;
    line-height: 37px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background: #EFA600;
    display: inline-block;
    padding: 0 49px;
    margin: 0;
    margin-bottom: 23px;
    position: relative;
    right: 50px;
    margin-top: 15px;
}
#testimonials-construct-home .single-testimonial-construct p {
    font-size: 14px;
    color: #484848;
    margin: 0;
    font-weight: 500;
}
#testimonials-construct-home .single-testimonial-construct .content {
    padding-left: 30px;
    padding-right: 10px;
    display: table-cell;
}
#testimonials-construct-home .single-testimonial-construct .img-holder {
    display: table-cell;
}
#testimonials-construct-home .single-testimonial-construct .img-holder:before {
    background: #EDB005;
}
#testimonials-construct-home .single-testimonial-construct .img-holder img {
    max-width: none;
    width: 170px;
    transition: all .3s ease;
}
#testimonials-construct-home .single-testimonial-construct:hover .img-holder img {
    opacity: .45;
}
#testimonials-construct-home .single-testimonial-construct:hover .img-holder:before, 
#testimonials-construct-home .single-testimonial-construct:active .img-holder:before, 
#testimonials-construct-home .single-testimonial-construct:focus .img-holder:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

#testimonials-construct-home .owl-theme {
    position: relative;    
}
#testimonials-construct-home .owl-theme .owl-controls {
    position: absolute;
    right: 0;
    top: -90px;
}
#testimonials-construct-home .owl-theme .owl-nav {
    margin: 0;    
}
#testimonials-construct-home .owl-theme .owl-nav [class*=owl-] {
    width: 30px;
    height: 30px;
    background: #fff;
    font-size: 18px;
    line-height: 30px;
    color: #767676;
    padding: 0;    
    margin: 0;
    border-radius: 0;
    margin-left: 10px;
    transition: all .3s ease;
}
#testimonials-construct-home .owl-theme .owl-nav [class*=owl-]:hover {
    background: #36ABFC;
    color: #fff;
}


/** ====== our construct team styles ====== **/


#our-team-construct {
    padding: 80px 0;
    background: #272E39 url('../img/resources/team-section-bg.png') center center;
    -webkit-background-size: cover;
    background-size: cover;
}
#our-team-construct .section-title h1 {
    color: #fff;
    border-color: #444A53;
}
#our-team-construct .single-construct-member {
    text-align: center;
}
#our-team-construct .single-construct-member .content {
    text-align: center;
    padding: 0 22px;
    background: #1B222C;
    padding-top: 82.5px;
    display: block;
    border: 1px solid #565B64;
}
#our-team-construct .single-construct-member .content:before {
    background: #EFA600;
}
#our-team-construct .single-construct-member:hover .content:before, 
#our-team-construct .single-construct-member:focus .content:before, 
#our-team-construct .single-construct-member:active .content:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
#our-team-construct .single-construct-member .img-holder {
    border: 9px solid #1B222C;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: -82.5px;
    position: relative;
    z-index: 99;
    overflow: hidden;
}
#our-team-construct .single-construct-member h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    margin-top: 24px;
    transition: all .3s ease;
}
#our-team-construct .single-construct-member p {
    color: #9A9999;
    font-size: 14px;
    margin-top: 11px;
    transition: all .3s ease;
}
#our-team-construct .single-construct-member:hover p {
    color: #000000;
}
#our-team-construct .single-construct-member:hover h2,
#our-team-construct .single-construct-member:hover ul li a {
    color: #272E39;
}
#our-team-construct .single-construct-member ul {
    margin-top: 18px;
    padding-bottom: 29px;
}
#our-team-construct .single-construct-member ul li {
    display: inline;
}
#our-team-construct .single-construct-member ul li a {
    display: inline-block;
    color: #EFA600;
    font-size: 18px;
    margin: 0 14px;
    transition: all .3s ease;
}


#our-team-construct .owl-theme {
    position: relative;    
}
#our-team-construct .owl-theme .owl-controls {
    position: absolute;
    right: 0;
    top: -70px;
}
#our-team-construct .owl-theme .owl-nav {
    margin: 0;    
}
#our-team-construct .owl-theme .owl-nav [class*=owl-] {
    width: 30px;
    height: 30px;
    background: #fff;
    font-size: 18px;
    line-height: 30px;
    color: #767676;
    padding: 0;    
    margin: 0;
    border-radius: 0;
    margin-left: 10px;
    transition: all .3s ease;
}
#our-team-construct .owl-theme .owl-nav [class*=owl-]:hover {
    background: #36ABFC;
    color: #fff;
}


/** ====== Blog construct styles ====== **/



#blog-construct {
    background: #f5f5f5;
    padding: 80px 0;
}
#blog-construct .single-blog-post .img-holder {
    position: relative;
    margin-bottom: 28px;
}
#blog-construct .single-blog-post .img-holder .date {
    background: #EFA600;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    padding: 66px 15px 8px 15px;
    font-weight: 500;
    font-family: 'Open Sans';
    text-transform: uppercase;
}
#blog-construct .single-blog-post .img-holder .date b {
    font-size: 25px;
    font-weight: bold;
}
#blog-construct .single-blog-post a h2 {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    letter-spacing: .03em;
    margin: 0;
    text-transform: uppercase;
    transition: all .3s ease;
}
#blog-construct .single-blog-post a h2:hover {
    color: #FFBB00;
}
#blog-construct .single-blog-post p {
    font-size: 14px;
    color: #8E8D8D;
    font-weight: 500;
    letter-spacing: .03em;
    margin: 0;
    margin-top: 15px;
}
#blog-construct .single-blog-post ul {
    border-top: 1px solid #DADADA;
    padding-top: 15px;
    margin-top: 14px;
}
#blog-construct .single-blog-post ul li {
    display: inline;
}
#blog-construct .single-blog-post ul li a,
#blog-construct .single-blog-post ul li span {
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    padding: 0 12px;
    color: #8E8D8D;
    font-weight: 500;
    font-family: 'Open Sans';
    transition: all .3s ease;
}
#blog-construct .single-blog-post ul li span {
    border-right: 1px solid #9A9A99;
    padding-left: 0;
    color: #8E8D8D;
}
#blog-construct .single-blog-post ul li span b {
    color: #4F4F4F;
}
#blog-construct .single-blog-post ul li a:hover {
    color: #EFA600;
}

#blog-construct .single-blog-post .img-holder:before {
    background: #EFA600;
}
#blog-construct .single-blog-post .img-holder img {
    transition: all .3s ease;
}
#blog-construct .single-blog-post:hover .img-holder img {
    opacity: .45;
}
#blog-construct .single-blog-post:hover .img-holder:before, 
#blog-construct .single-blog-post:focus .img-holder:before, 
#blog-construct .single-blog-post:active .img-holder:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}


/** ====== clients construct styles ====== **/

#clients.construct .container {
    border-top: 0;
    padding: 80px 0;
    padding-bottom: 50px;
}
#clients.construct .container .col-lg-12 {
    padding: 0 50px;
}

#clients.construct .container .owl-theme .owl-nav div .fa {
    color: #B3B3B3;
}

/** ====== Great construct team mover styles ====== **/

#great-construct-team {
    background: #162342 url(../img/resources/great-construct-team-bg.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 50px 0;
}
#great-construct-team h2 {
    text-transform: capitalize;
    color: #fff;
    letter-spacing: .03em;
    font-size: 30px;
    line-height: 35px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 15px;
}
#great-construct-team p {
    color: #000000;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 23px;
    font-style: italic;
    font-family: "Open Sans", sans-serif;
}
#great-construct-team p b {
    font-size: 34px;
    color: #161616;
    font-weight: bold;
    font-family: 'PT Serif', sans-serif;
    margin-right: 10px;
    font-style: italic;
}
#great-construct-team p.has-btn {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-style: italic;
    font-weight: bold;
}
#great-construct-team p.has-btn a {
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid #000000;
    display: inline-block;
    line-height: 36px;
    padding: 0 27px;
    position: relative;
    bottom: 5px;
    margin-left: 10px;
}
#great-construct-team p.has-btn a:before {
    background: #FFBB00;
}



/** ====== footer construct styles ====== **/

footer.construct {
    background: #161616;
    padding: 50px 0 30px 0;
}
footer.construct .container {
    border-top: 0;
}
footer.construct .widget h3 {
    color: #EFA600;
    border-color: #262728;
}
footer.construct .widget .popular-post li,
footer.construct .widget .contact-info li {
    border-color: #262728;
}
footer.construct .widget p,
footer.construct .widget .popular-post li a h5,
footer.construct .widget .contact-info li {
    color: #636363;
}
footer.construct .widget a.read-more {
    color: #EFA600;
}
footer.construct .widget .social li a {
    background: none;
    border: 1px solid #EFA600;
    color: #EFA600;
}
footer.construct .widget .social li a:hover {
    background: #FFBB00;
    border: 1px solid #FFBB00;
    color: #000;
}
footer.construct .widget .social li a:before {
    background: #FFBB00;

}
footer.construct .widget .popular-post li a:hover h5 {
    color: #FFBB00;
}
footer.construct .widget .contact-info li .fa {
    color: #636363;
}
footer.construct .widget .contact-info li i,
footer.construct .widget .contact-info li span {
    display: table-cell;
    vertical-align: middle;
}
footer.construct .widget .contact-info li span {
    line-height: 21px;
    padding-left: 15px;
    font-family: 'Open Sans';
}
footer.construct .widget .our-services li a {
    font-size: 14px;
    color: #636363;
    text-transform: capitalize;
    line-height: 24px;
    font-family: 'Open Sans';
    border-bottom: 1px solid #2C2C2E;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 10px;
    transition: all .3s ease;
}
footer.construct .widget .our-services li a:hover:before,
footer.construct .widget .our-services li a:hover {
    color: #FFBB00;
}
footer.construct .widget .our-services li:last-child a {
    border-bottom: 0;
}
footer.construct .widget .our-services li a:before {
    font-family: 'FontAwesome';
    content: '\f105';
    color: #636363;
    font-size: 14px;
    line-height: 14px;
    margin-right: 15px;
    transition: all .3s ease;
}
footer.construct .widget img.positioned {
    margin-top: 0px;
    position: relative;
    bottom: 20px;
    width: auto;
    max-width: none;
    float: right;
}


/** ====== bottom bar construct styles ====== **/

#bottom-bar.construct {
    background: #0F0F0F;
}
#bottom-bar.construct .container p {
    color: #3F3F3F;
}


/*======== why choose us Styles ===========*/

#why-choose-us {
    padding-top: 80px;
    padding-bottom: 80px;
}
#why-choose-us .section-title h1 {
    margin-bottom: 40px;
}
#why-choose-us .section-title p {
    color: #8E8D8D;
    font-size: 14px;
    line-height: 26px;
}

/*======== why choose us  Styles ===========*/
.why-choose-us-wrap {
  margin-top: 50px;
}
.why-choose-us.about-page {
  padding-top: 0px;
  padding-bottom: 80px;
}
ul.why-choose-us-facts li {
  margin-bottom: 30px;
}
ul.why-choose-us-facts li .icon-holder,
ul.why-choose-us-facts li .content {
  display: table-cell;
  vertical-align: middle;
}
ul.why-choose-us-facts li .icon-holder {
  width: 40px;
  height: 40px;
}
ul.why-choose-us-facts li .icon-holder i.icon {
  color: #EFA600;
  font-size: 40px;
  line-height: 40px;
}
ul.why-choose-us-facts li .content {
  padding-left: 30px;
}
ul.why-choose-us-facts li .content h4 {
  color: #000000;
  font-weight: bold;
  font-family: 'Open Sans';
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase;
  letter-spacing: .03em;
  margin-bottom: 10px;
}
ul.why-choose-us-facts li .content p {
  color: #7F7F7F;
  font-size: 14px;
  line-height: 26px;
  margin: 0;
}
.style-two .why-choose-us-wrap ul li {
  margin: 0;
  padding: 40px 0;
  border-bottom: 1px solid #E0E0E0;
}
.style-two .why-choose-us-wrap ul li:first-child {
  padding-top: 0;
}
.style-two .why-choose-us-wrap ul li:last-child {
  padding-bottom: 0;
  border-bottom: 0px solid #E0E0E0;
}
.style-two .why-choose-us-wrap ul li .icon-holder {
  width: 70px;
  height: 70px;
}
.style-two .why-choose-us-wrap ul li .icon-holder i {
  line-height: 70px;
  font-size: 35px;
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 1px solid #EFA600;
  text-align: center;
}

/*======== accrodion Styles ===========*/
.accrodion {
  border: 1px solid #DCDCDC;
  border-top: 0;
}
.accrodion:first-child {
    border-top: 1px solid #DCDCDC;
}
.accrodion:hover,
.accrodion.active {
  border-color: #EFA600;
}
.accrodion:hover .accrodion-header,
.accrodion.active .accrodion-header {
  background: #EFA600;
  border-color: #EFA600;
}
.accrodion:hover .accrodion-header .icon-holder i,
.accrodion.active .accrodion-header .icon-holder i {
  color: #fff;
}
.accrodion:hover .accrodion-header h4,
.accrodion.active .accrodion-header h4,
.accrodion:hover .accrodion-header .expander:before,
.accrodion.active .accrodion-header .expander:before {
  color: #fff;
}
.accrodion:hover .accrodion-header .expander,
.accrodion.active .accrodion-header .expander {
  border-color: #fff;
}
.accrodion .accrodion-header {
  cursor: pointer;
  padding: 12px 20px;
  background: #FFFFFF;
  border-bottom: 1px solid #E1E1E1;
  position: relative;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.accrodion .accrodion-header .icon-holder,
.accrodion .accrodion-header h4 {
  display: table-cell;
  vertical-align: middle;
}
.accrodion .accrodion-header .icon-holder i {
  font-size: 20px;
  color: #C4C4C4;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.accrodion .accrodion-header h4 {
  padding-left: 10px;
  font-size: 14px;
  color: #363636;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Open Sans';
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.accrodion .accrodion-header .expander {
  position: absolute;
  right: 15px;
  top: 10px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #999898;
  text-align: center;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.accrodion .accrodion-header .expander:before {
    color: #999898;
    font-weight: normal;
    font-size: 15px;
    line-height: 21px;
    margin-left: 0;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    vertical-align: top;
}
.accrodion .accrodion-header .expander.plus:before {
  content: '+';
  line-height: 23px;
}
.accrodion .accrodion-header .expander.minus:before {
  content: '-';
  line-height: 20px;
}
.accrodion .accrodion-content {
  display: none;
  padding: 30px 0;
  padding-left: 30px;
  padding-right: 40px;
  background: #FFFFFF;
}
.accrodion .accrodion-content p {
  font-size: 15px;
  color: #969595;
  line-height: 24px;
  margin: 0;
  letter-spacing: .04em;
}


/*======== we are expert Styles ===========*/

.we-are-expert {
    padding: 80px 0;
}

.we-are-expert .section-title {
    margin-bottom: 50px;
}
.we-are-expert .section-title h1 {
    margin-bottom: 40px;
}
.we-are-expert .section-title p {
    color: #8E8D8D;
    font-size: 14px;
    line-height: 26px;
}

.single-we-are-expert {
    position: relative;
}
.single-we-are-expert .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #F3F3F3;
    border-top: 2px solid #FBB716;
    padding: 0 37px 0 45px;
    padding-top: 40px;
}
.single-we-are-expert:hover .content {
    border-color: #000000;
    background: rgba(255,180,0, .90);
}
.single-we-are-expert:hover .content h2,
.single-we-are-expert:hover .content p {
    color: #fff;
}

.single-we-are-expert .content h2 {
    font-size: 20px;
    color: #202020;
    font-weight: bold;
    margin: 0;
    margin-bottom: 10px;
}
.single-we-are-expert .content p {
    font-size: 14px;
    line-height: 26px;
    color: #8D8D8D;
    font-family: 'Open Sans';
    letter-spacing: .025em;
}


/*======== service what we offer Styles ===========*/

.service-that-we-offer {
    background: url(../img/service-that-we-offer/bg.jpg) right center no-repeat;
    padding: 80px 0 50px;
}

.single-service-that-we-offer {
    margin-bottom: 30px;
}
.single-service-that-we-offer .img-holder,
.single-service-that-we-offer .content {
    display: table-cell;
    vertical-align: middle;
}
.single-service-that-we-offer .img-holder {
    width: 123px;
    background: #F6B61D;
}
.single-service-that-we-offer:hover .img-holder img {
    opacity: .30;
}
.single-service-that-we-offer:hover .content {
    background: #212121;
}
.single-service-that-we-offer:hover .content h3 {
    color: #E9A502;
}
.single-service-that-we-offer .content {
    vertical-align: top;
    border-top: 1px solid #D2D2D2;
    background: #fff;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
}
.single-service-that-we-offer .content h3 {
    font-size: 14px;
    text-transform: uppercase;
    color: #202020;
    font-weight: bold;
    margin: 0;
    margin-bottom: 6px;
}
.single-service-that-we-offer .content p {
    font-size: 14px;
    font-family: 'Open Sans';
    color: #8D8D8D;
}


/*======== our expertize Styles ===========*/


#our-expertize {
    background: url(../img/resources/our-expertize-bg.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 80px 0;
}
#our-expertize .single-expertize {
  width: 25%;
  float: left;
  padding: 0 20px;
  text-align: center;
}
#our-expertize .single-expertize .icon {
  position: relative;
}
#our-expertize .single-expertize .icon b {
  display: block;
  color: #fff;
  font-family: 'PT Serif';
  font-size: 32px;
  font-style: italic;
  line-height: 142px;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#our-expertize .single-expertize .icon b span {
  margin: 0;
}
#our-expertize .single-expertize h3 {
  margin: 0;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  margin-top: 25px;
  margin-bottom: 18px;
}
#our-expertize .single-expertize p {
  margin: 0;
  font-size: 14px;
  font-family: 'Open Sans';
  color: #B8B8B7;  
}


/*======== our team construct Styles ===========*/

#our-team-construct.style-two {
    background: #F6F6F6;
    padding-bottom: 50px;
}
#our-team-construct.style-two .section-title h1  {
    color: #000000;
}
#our-team-construct.style-two .single-construct-member {
    margin-bottom: 30px;
    display: block;
}
#our-team-construct.style-two .single-construct-member .content {
    background: #E1E1E6;
    border-color: #E1E1E6;
}
#our-team-construct.style-two .single-construct-member .content h2 {
    color: #333333;
}
#our-team-construct.style-two .single-construct-member .img-holder {
    border-color: #fff;
}
#our-team-construct.style-two .single-construct-member ul li a {
    color: #333333;
}



/*======== header v5 Styles ===========*/

header.construct.header-curvy {
    background: #1D1D1D url('../img/header-bg.png') no-repeat 0 0;
    -webkit-background-size: cover;
    background-size: cover;
}
header.construct.header-curvy {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

header.construct.header-curvy .logo {
    position: relative;  
    -webkit-transition: all .6s ease;
    transition: all .6s ease; 
    margin: 0;
    padding: 12px 0;
}
header.construct.header-curvy .logo img {
    position: relative;
    z-index: 99999;
}
header.construct.header-curvy .mainmenu-container ul {
    transition: all .5s ease !important;
}
header.construct.header-curvy .mainmenu-container > ul {
    font-size: 0;
}
header.construct.header-curvy .mainmenu-container > ul > li > a {
    color: #FFFFFF;
}
header.construct.header-curvy .mainmenu-container ul li {
    line-height: 80px;
}
header.construct.header-curvy .mainmenu-container > ul > li > a {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    font-family: 'serapineitalic', sans-serif;
    padding: 0 18px;
}
header.construct.header-curvy ul.top-icons-wrap > li > a {
    font-size: 14px;
    padding: 0 5px;
    position: relative;
    z-index: 9;
}
header.construct.header-curvy .mainmenu-container > ul > li.current > a,
header.construct.header-curvy .mainmenu-container ul li a:hover {
    color: #EEA010;
}
header.construct.header-curvy .mainmenu-container ul > li.dropdown:after {
    content: '\f107';
    bottom: auto;
    top: 0;
    line-height: 95px;
    opacity: 1;
    right: 0;
    left: auto;
    text-align: right;
    color: #fff;
    z-index: 2;
    width: auto;
}
header.construct.header-curvy .mainmenu-container ul > li.dropdown:hover:after,
header.construct.header-curvy .mainmenu-container ul > li.current:after {
    color: #E3960A;
}
header.construct.header-curvy .mainmenu-container ul > li > ul {
    top: 100%;
    left: 0;
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease ;
}
header.construct.header-curvy .mainmenu-container ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
    display: block;
}
header.construct.header-curvy .mainmenu-container ul > li > ul > li.dropdown:after {
    font-family: 'FontAwesome';
    content: '\f105';
    position: absolute;
    right: 7px;
    top: 9px;
    width: 20px;
    height: 20px;
    display: block;
    color: #DA9700;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    z-index: 5;
    cursor: pointer;
}
header.construct.header-curvy .mainmenu-container ul > li > ul > li > ul {
    top: -2px;
    left: 100%;
    opacity: 1;
    visibility: visible;
    transition: all .3s ease ;
}


/* header fixed  styles */
header.construct.header-curvy.header-fixed .logo img {
    /*width: 80%;*/
}

header.construct.header-curvy.header-fixed .logo {
    position: relative;
    margin: 0;
    padding: 12px 0;
    height: 100%;
    padding-right: 0;
}
header.construct.header-curvy .logo:before {
    transition: all .3s ease;
}
header.construct.header-curvy.header-fixed .mainmenu-container > ul > li,
header.construct.header-curvy.header-fixed .mainmenu-container > ul > li.dropdown:after {
    line-height: 80px;
}

/*  Home Slide */
div.home-slide{
	height:680px;
	background:url('../img/home-1.jpg') no-repeat;
	background-sizer:cover;
	background-position:center center;
	background-attachment:scroll;
}
div.home-slide .headline{
	float:right;
	clear:both;
	position:relative;
	top:120px;
	font-family:'serapineitalic';
    color: #FF9600;
    font-size: 44px;
	line-height:44px;
	background:#333;
	padding:10px 20px;
}
div.home-slide .subheader{
	float:right;
	clear:both;
	position:relative;
	top:120px;
	font-family:'serapineitalic';
    color: #fff;
	background:#333;
    font-size: 36px;
	line-height: 36px;
    text-transform: capitalize;
    padding:0px 20px 10px;
}
div.home-slide .subsub{
	float:right;
	clear:both;
	position:relative;
	top:140px;
    background: rgba(0,0,0,.6);
    display: inline-block;
    color: #fff;
	font-family:'serapineitalic';
    font-size: 22px;
	letter-spacing:1px;
    line-height: 22px;
    text-transform: Capitalize;
    padding: 12px 20px 8px 20px;
}
div.home-slide .subsub span{
    color: #FF9600;
}

@media(max-width:767px){
div.home-slide{
	height:500px;
}
div.home-slide .headline{
	float:none;
	top:60px;
	font-size: 36px;
	line-height:36px;
	text-align:center;
}
div.home-slide .subheader{
	float:none;
	top:60px;
	font-size: 28px;
	line-height: 28px;
	text-align:center;
}	
div.home-slide .subsub{
	float:none;
	top:80px;
	text-align:center;
}
}

/* Revolution Slider */

.construct-banner-wrapper .construct-banner-caption h2.headline {
	font-family:'serapineitalic';
    color: #FF9600;
    font-size: 44px;
	background:#333;
	padding:10px 20px;
}
.construct-banner-wrapper .construct-banner-caption h2 {
	font-family:'serapineitalic';
    color: #fff;
	background:#333;
    font-size: 36px;
    text-transform: capitalize;
    padding:0 20px 6px;
    margin: 0;
    margin-bottom: 23px;
}
.construct-banner-wrapper .construct-banner-caption ul {
    background: rgba(0,0,0,.6);
    display: inline-block;
    padding: 3px 0;
}

.construct-banner-wrapper .construct-banner-caption ul li {
    display: inline-block;
    color: #fff;
	font-family:'serapineitalic';
    font-size: 22px;
	letter-spacing:1px;
    line-height: 22px;
    text-transform: Capitalize;
    padding: 12px 20px 8px 20px;
}
.construct-banner-wrapper .construct-banner-caption ul li span {
    color: #FF9600;
}
.construct-banner-wrapper .construct-banner-caption p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .03em;
    color: #fff;
    font-style: italic;
    margin-top: 36px;
    margin-bottom: 13px;
}
.construct-banner-wrapper .construct-banner-caption a {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 40px;
    display: inline-block;
    border: 1px solid #fff;
    text-transform: uppercase;
    padding: 0 44px;
}
.construct-banner-wrapper .construct-banner-caption a:before {
    background: #DA9700;
}
.construct-banner-wrapper .construct-banner-caption span.border {
    width: 115px;
    height: 2px;
    background: #F69C00;
    display: block;
}

/* service two tab content styles */


.service-two {
    padding-top: 60px;
    padding-bottom: 60px;
}
.service-two-tab-content .img-box {
    margin-bottom: 50px;
}
.service-two-tab-content .img-box img:last-child {
    margin-left: 25px;
}
.service-two-tab-content h2 {
    color: #161616;
	font-family:'serapineitalic';
    font-size: 30px;
    font-weight: bold;
    text-transform: capitalize;
    margin: 0;
    margin-bottom: 40px;
}
.service-two-tab-content p {
    font-size: 14px;
    color: #333;
    line-height: 26px;
}
.service-two-tab-content .caption-box {
    margin-top: 75px;
}
.service-two-tab-content .caption-box .text-box,
.service-two-tab-content .caption-box .caption-box-img {
    display: table-cell;
    vertical-align: middle;
}
.service-two-tab-content .caption-box .text-box {
    vertical-align: top;
    padding-right: 49px;
}
.service-two-tab-content .caption-box .caption-box-img {
    width: 251px;
}

.service-two-tab-title ul li:last-child a {
    margin-bottom: 0;
}
.service-two-tab-title ul li a {
    font-family: 'Open Sans';
    display: inline-block;
    background: #F9F9F9;
    border: 1px solid #E5E5E5;
    font-size: 16px;
    color: #222222;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 5px;
    padding: 14px 25px;
    width: 100%;
    max-width: 320px;
    position: relative;
    transition: all .3s ease;
}
.service-two-tab-title ul li a i {
    margin-right: 10px;
    transition: all .3s ease;
}
.service-two-tab-title ul li a:before {
    width: 5px;
    height: 56px;
    content: '';
    position: absolute;
    left: -2px;
    top: -1px;
    bottom: -1px;
    background: transparent;
    transition: all .3s ease;
}
.service-two-tab-title ul li.active a:after {
    height: 100%;
    font-family: 'FontAwesome';
    content: '\f0d9 ';
    position: absolute;
    right: -2px;
    top: 0;
    line-height: 56px;
    color: #F9F9F9;
    font-size: 24px;
    background: transparent;
    transition: all .3s ease;
}
.service-two-tab-title ul li.active a,
.service-two-tab-title ul li a:hover {
    background: #212A3B;
    color: #FFFFFF;
    border-color: #212A3B;
}
.service-two-tab-title ul li.active a:before,
.service-two-tab-title ul li a:hover:before {
    background: #EFA600;
}
.single-sidebar {
    margin-top: 50px;
}
.single-sidebar:first-child {
    margin-top: 0px;
}
.single-sidebar.call-to-action-box .img-box {
    display: inline-block;
    position: relative;
}
.single-sidebar.call-to-action-box .img-box .img-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(239,166,0,.9);
    padding: 15px 30px 10px;
}
.single-sidebar.call-to-action-box .img-box .img-caption h4 {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 18px;
    margin: 0;
    margin-bottom: 10px;
}
.single-sidebar.call-to-action-box .img-box .img-caption a {
    color: #fff;
    text-transform: capitalize;
    font-family: 'Open Sans';
    font-size: 16px;
    margin: 0;    
    font-style: italic;
}
.single-sidebar > h4 {
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
    color: #242424;  
    margin: 0;  
}
.single-sidebar > h4:after {
    content: '';
    background: #12AEF8;
    height: 1px;
    width: 44px;
    display: block;
    margin-top: 20px;
    margin-bottom: 30px;
}
.single-sidebar.download-brochure ul li a:hover {
    color: #12AEF8;
} 
.single-sidebar.download-brochure ul li a:hover .fa {
    color: #12AEF8;
} 
.single-sidebar.download-brochure ul li a {
    color: #404040;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px solid #DEDEDE;
    font-family: 'Open Sans';
    font-weight: 500;
    padding: 25px 0px;
    display: inline-block;
    width: 100%;
    max-width: 320px;
    transition: all .3s ease;
}
.single-sidebar.download-brochure ul li a .fa {
    font-size: 20px;
    color: #A0A0A0;
    margin-right: 10px;
    transition: all .3s ease;
}
.single-sidebar.download-brochure ul li:first-child a {
    padding-top: 0;
}


/* blog v2 customization styles */

#blog.version-two .blog-wrap {
    margin-bottom: 60px;
}
#blog.version-two .post-pagination {
    margin-top: 20px;
}
#blog.version-two .blog-wrap .img-wrap {
    position: relative;
}
#blog.version-two .blog-wrap .img-wrap .date-holder {
    position: absolute;
    bottom: 12px;
    left: 12px;
    background: #F69C00;
}
#blog.version-two .blog-wrap .img-wrap:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 2px solid #fff;
}
#blog.version-two .blog-wrap .img-wrap .date-holder {
    padding: 20px 18px 15px;
}
#blog.version-two .blog-wrap .img-wrap .date-holder h2 {
    color: #fff;
    font-size: 15px;
    margin: 0;
    font-family: 'Open Sans';
}
#blog.version-two .blog-wrap .img-wrap .date-holder h2 b {
    display: block;
    font-size: 22px;
}
#blog.version-two .blog-wrap .img-wrap {
    width: 270px;
}
#blog.version-two .blog-wrap .img-wrap,
#blog.version-two .blog-wrap .content-wrap {
    display: table-cell;
    vertical-align: middle;
}
#blog.version-two .blog-wrap .content-wrap {
    background: #F5F4F4;
    padding-left: 30px;
}
#blog.version-two .blog-wrap .content-wrap:before {
    display: none;
}
#blog.version-two .post-pagination ul li.active a, #blog.version-two .post-pagination ul li:hover a {
    background: #FD9C1E;
    border-color: #FD9C1E;
}


/* contact content customization styles */

#contact-content {
    padding-bottom: 0px;
}
#contact-content .section-title {
    margin-bottom: 73px;
}
#contact-content .section-title h1 {
    margin: 0;
}
#contact-content + .google-map {
    margin-top: 0;
}
#contact-content .section-title p {
    color: #999999;
    font-size: 14px;
    margin: 0;
    margin-top: 40px;

}
#contact-content .contact-form {
    padding-right: 35px;
}
#contact-content .contact-form p:last-child  {
    margin-bottom: 0;
}

#contact-content .contact-form button {
    background: #2E2E2E;
    padding: 0 24px;
}
#contact-content .contact-info ul li .icon-box,
#contact-content .contact-info ul li .text-box {
    display: table-cell;
    vertical-align: middle;
}
#contact-content .contact-info ul li .icon-box i {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 0px solid #EFA600;
    color: #EFA600;
    text-align: center;
    line-height: 48px;
}
#contact-content .contact-info ul li {
    border: 1px solid #E5E5E5;
    padding: 12px 0px 12px 24px;
    margin-bottom: 20px;
}
#contact-content .contact-info ul li:last-child {
    margin-bottom: 0;
}
#contact-content .contact-info ul li .icon-box i.fa-map-marker {
    font-size: 30px;
}
#contact-content .contact-info ul li .icon-box i.fa-envelope-o {
    font-size: 23px;
}
#contact-content .contact-info ul li .icon-box i.fa-phone {
    font-size: 30px;
}
#contact-content .contact-info ul li .icon-box i.fa-clock-o {
    font-size: 30px;
}
#contact-content .contact-info ul li .text-box {
    padding-left: 30px;
}
#contact-content .contact-info ul li .text-box p {
    margin: 0;
    font-size: 18px;
    color: #333;
}


/* blog customization styles */


#blog-post .blog-content .img-holder {
    position: relative;
}
#blog-post .blog-content .img-holder .date-holder {
    position: absolute; 
    top: 0;
    left: 0;
    background: #F69C00;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    padding: 56px 18px 20px;
    text-transform: uppercase;
    font-family: 'Open Sans';

}
#blog-post .blog-content .img-holder .date-holder b {
    font-size: 22px;
    display: block;
}

#blog-post .blog-content .img-holder:before,
#blog-post .blog-content .img-holder:after {
    display: none;
}
#blog-post article h2 {
    font-size: 22px;
    text-transform: capitalize;
}
#blog-post article .meta {
    font-size: 0;
    border-bottom: 1px solid #E1E1E6;
    padding-bottom: 10px;
    margin-bottom: 23px;
}
#blog-post article .meta li {
    display: inline-block;
}
#blog-post article .meta li a {
    font-size: 13px;
    color: #B0B0B0;
    text-transform: capitalize;
    padding-right: 30px;
    display: block;
    font-weight: 500;
    font-family: 'Open Sans';
    transition: all .3s ease;
}
#blog-post article .meta li a:hover {
    color: #F69C00;
}
#blog-post article .meta li a i {
    color: #F69C00;
    font-size: 14px;
    margin-right: 10px;
}
#blog-post article .meta li a i.fa-comments-o {
    font-size: 16px;
}
#blog-post article {
    font-weight: normal;
}
#blog-post article > a {
    font-size: 13px;
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;    
}
#blog-post article > a i {
    color: #F69C00;
    font-size: 15px;
    margin-right: 10px;    
}
#blog-post .post-pagination ul {
    text-align: left;
}

#blog-post .blog-left.pull-right .sidebar-widget {
    padding-right: 0;
    padding-left: 50px;
}


/*  search page customization styles */

#blog-post article.search-result {
    margin-bottom: 0px;
    padding: 30px;
    border: 1px solid transparent;
}
#blog-post article.search-result:nth-child(even) {
    background: #F9F9F9;
    border-color: #EBEBEB;
}
.blog-content article.search-result .img-holder,
.blog-content article.search-result .img-holder + .content {
    vertical-align: top;
    display: table-cell;
}
.blog-content article.search-result .img-holder {
    width: 168px;
}
.blog-content article.search-result .img-holder + .content {
    padding-left: 30px;
}
.blog-content article.search-result .content span {
    font-family: 'PT Serif', sans-serif;
    font-size: 15px;
    font-style: italic;
    color: #9F9F9F;
    margin-bottom: 3px;
    display: inline-block;
}
.blog-content article.search-result .content h3 {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    text-transform: capitalize;
    margin: 0;
    margin-bottom: 3px;
}
.blog-content article.search-result .content p {
    font-size: 14px;
    color: #8E8D8D;
    margin: 0;
    font-weight: 500;
    margin-bottom: 5px;
}
.blog-content article.search-result .content a {
    color: #36ABFC;
    font-size: 14px;
    font-weight: 500;
}

/* testimonial customization styles */


#testimonials .single-testimonial {
    border: none;
    margin: 0;
}
#testimonials .single-testimonial .profile-info img {
    position: static;
    bottom: 0;
}
#testimonials .single-testimonial .profile-info,
#testimonials .single-testimonial .content {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: auto;
}
.testimonials_v1 #testimonials.testimonials_v1_content .single-testimoinal-wrap .single-testimonial .content {
    width: auto;
    padding: 0 25px;
    border: 0;
}
.testimonials_v1 #testimonials.testimonials_v1_content .single-testimoinal-wrap .single-testimonial .content h2 {
    color: #312F3E;
    font-size: 14px;
    text-transform: capitalize;
    font-style: italic;
    text-align: right;
    margin: 0;
    margin-top: 30px;
}
#testimonials .single-testimonial .profile-info {
    width: 144px;
}
.testimonials_v1 #testimonials.testimonials_v1_content .single-testimoinal-wrap {
    margin: 0;
    margin-bottom: 30px;
    box-shadow: 0 0 21px rgba(0,0,0,.06);
}
#testimonials .single-testimonial .content p {
    margin-top: 25px;
}

.testimonials-v2 .section-title h1 {
    margin: 0;
    padding: 0;
}
.testimonials-v2 .section-title h1:before  {
    display: none;
}
.testimonials-v2 .section-title h1:after {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    background: #F69C00;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 50px;
}
.testimonials-v2 .section-title p {
    color: #979696;
    font-size: 16px;
    margin-bottom: 80px;
}

.single-testimonial {
    margin-bottom: 30px;
    border: 2px solid #E7E7E7;
}
.single-testimonial .profile-info,
.single-testimonial .content {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: auto;
}
.single-testimonial .content {
    width: auto;
    padding: 0 25px;
    border: 0;
}
.single-testimonial .content h2 {
    color: #312F3E;
    font-size: 14px;
    text-transform: capitalize;
    font-style: italic;
    text-align: right;
    margin: 0;
    margin-top: 30px;
}
.single-testimonial .profile-info {
    width: 144px;
}
.single-testimonial .content p {
    font-size: 14px;
    line-height: 26px;
    color: #8e8d8d;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 25px;
}
.single-testimonial .content .fa {
    font-size: 19px;
    margin-right: 10px;
    color: #F69C00;
}



/* gallery v4 styles */


#project-version-one .gallery-v4 .single-project-item  {
    width: 20%;
    float: left;
    margin-bottom: 0;
}
.single-project-item {
    position: relative;
    overflow: hidden;
}
.single-project-item .content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
}
.single-project-item .content-wrapper:before {
    background: rgba(73,147,220, .9);
}
.single-project-item .content {
    display: table;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .3s ease;
}
.single-project-item .content .button-box {
    position: absolute;
    top: 20px;
    right: 20px;
}
.single-project-item .content .button-box a {
    color: rgba(255,255,255, 1);
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 28px;
    border: 1px solid rgba(255,255,255,1);
    display: inline-block;
    text-align: center;
    border-radius: 50%;
}
.single-project-item .content .text-box {
    display: table-cell;
    vertical-align: bottom;
}
.single-project-item .content .text-box h4 {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    margin: 0;
    margin-bottom: 5px;
}
.single-project-item .content .text-box span {
    color: rgba(255, 255, 255, 0.5);
    font-size: 15px;
    font-weight: 500;
    font-family: 'Open Sans';
}
.single-project-item:hover .content {
    opacity: 1;
}

/**
* Project version 3 Styles.
**/

#project-version-one.project-v3 {
    background: #f9f9f9;    
}
#project-version-one .two-col-gallery img {
    width: 100%;
}
#project-version-one .two-col-gallery .single-project-item .content {
    text-align: center;
    background: #fff;
    padding: 20px 0;
    display: block;
    opacity: 1;
}
#project-version-one .two-col-gallery .single-project-item .content h4 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    line-height: 22px;
    margin: 0;
    color: #787878;
}
#project-version-one .two-col-gallery .single-project-item .content span {
    font-size: 14px;
    text-transform: capitalize;
    color: #787878;
    font-weight: 600;
}
#project-version-one .two-col-gallery .single-project-item:hover .content h4 {
    color: #fff;
}
#project-version-one .two-col-gallery .single-project-item:hover .content span {
    color: #fff;
}
#project-version-one .two-col-gallery .single-project-item .overlay {
    position: relative;
}
#project-version-one .two-col-gallery .single-project-item .overlay:before {
    content: ' ';
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 0%;
    background: rgba(0,0,0,.60);
    z-index: 1;
    transition: all .3s ease;
}
#project-version-one .two-col-gallery .single-project-item .overlay:after {
    content: ' ';
    width: auto;
    height: auto;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border: 1px solid #808080;
    z-index: 2;
    visibility: hidden;
}
#project-version-one .two-col-gallery .single-project-item:hover .overlay:before {
    height: 100%;
}
#project-version-one .two-col-gallery .single-project-item:hover .overlay:after {
    visibility: visible;
}
#project-version-one .two-col-gallery .single-project-item .content:before {
    background: #DA9700;
}
#project-version-one .two-col-gallery .single-project-item:hover .content:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

footer p.copyright{
margin-top:8px;
color:#a2a2a2;
font-size:14px;
/*text-transform:uppercase;*/	
}

img.float-left{
float:left;
clear:both;
margin-right:30px;
margin-bottom:10px;
border:5px solid #ebebeb;	
}

img.noborder{
border:none !important;	
}

@media(max-width:480px){
img.resp-float{
margin-right:100px;	
}
}
/*  Calculator  */
table.calc{
width:360px;
margin:0 auto;
margin-top:40px;
border:0px solid #333;
}

td.calc{
width:80px;
color:#ff9600;
padding:6px 0;
text-align:right;
font-weight:700;
border:0px solid #333;	
}

td.calc-last{
padding:16px 0;	
}

td.calc-label{
width:280px;
padding:0 0 0 12px;
font-size:16px;
font-weight:700;
text-align:left;	
border:0px solid #333;
}

td.calc-label span{
color:#ff9600;
font-size:48px;
margin-left:2px;	
}

input.calc{
width:80px;
padding:10px 5px;
font-size:22px;
text-align:center;	
text-transform:none;
border:4px solid #333;
}

input.calc-btn{
width:80px;
font-size:14px;
font-weight:400;
text-align:center;
color:#161616;	
}

#main-content{
position:relative;
background:#fff;	
}

.img-hover{
	border:5px solid #ebebeb;
	max-width:384px;
}

.img-hover:hover{
	opacity: 0.85;
    filter: alpha(opacity=85); /* For IE8 and earlier */
}

.img-hover-pano{
	border:5px solid #ebebeb;
	max-width:900px;
}

.img-hover-pano:hover{
	opacity: 0.85;
    filter: alpha(opacity=85); /* For IE8 and earlier */
}

.contact-info a.tel, .contact-info a.tel:hover{
color:#333;	
}

.googlemap{
width:100%;
margin-top:40px;	
}

h2.marg {
    color: #161616;
	font-family:'serapineitalic';
    font-size: 30px;
    font-weight: bold;
    text-transform: capitalize;
    margin: 0;
    margin-bottom:32px;
}

h2.top-marg {
    margin-top:38px;
}

ul.services li{
	font-family:'serapineitalic';
    font-size: 18px;
	line-height:30px;
}

ul.services a{
color:#333;
}

ul.services a:hover{
color:#ff9600;
}

ul.services li .fa {
    color: #ff9600;
    margin-right: 10px;
    font-size: 20px;
}

.clear{
clear:both;	
}

p.materials{
background:#ebebeb;
padding:12px 20px;
display:block;
}

p.materials span{	
color:#ff9600;
margin:0 2px;
font-weight:700;	
}

.yellow{
color:#ff9600;	
}

@media(max-width:10px){
h2.placeholder{
display:none;	
}
}

@media (min-width:1199px){
#main-content{
top:120px;
}
}
@media (min-width:768px) and (max-width:1198px){
#main-content{
top:192px;
}
}

@media(max-width:991px){
.resp-marg{
margin-top:40px;	
}
}

p.copyright a, p.copyright a:hover{
color:#ff9600;	
}

.lightbox-gallery img{
border:5px solid #ebebeb;
max-width:370px;
margin:0 16px 20px 0;
}

.pano-gallery img{
display:block;
border:5px solid #ebebeb;
max-width:900px;
margin:0 0 20px 0;
}