/*
*    1.Fonts
*    2.General
*    3.Header
*    4.Subscribe Section
*    5.Estimation Section
*    6.Welcome Section
*    7.Google Map Section
*    8.Partners Section
*    9.Testimonials Section
*    10.Blog Section
*    11.Pages Section
*    12.Breadcrumb Section
*    13.Widgets
*    14.Footer
*
*/

/* Fonts
**************************/
@font-face {
	font-family: 'Pluto';
	src: url('../fonts/hinted-PlutoBold.eot');
	src: local('Pluto Bold'), local('PlutoBold'), url('../fonts/hinted-PlutoBold.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-PlutoBold.woff2') format('woff2'), url('../fonts/hinted-PlutoBold.woff') format('woff'), url('../fonts/hinted-PlutoBold.ttf') format('truetype'), url('../fonts/hinted-PlutoBold.svg#PlutoBold') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Pluto';
	src: url('../fonts/hinted-PlutoExtraLight.eot');
	src: local('Pluto ExtraLight'), local('PlutoExtraLight'), url('../fonts/hinted-PlutoExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-PlutoExtraLight.woff2') format('woff2'), url('../fonts/hinted-PlutoExtraLight.woff') format('woff'), url('../fonts/hinted-PlutoExtraLight.ttf') format('truetype'), url('../fonts/hinted-PlutoExtraLight.svg#PlutoExtraLight') format('svg');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'Pluto';
	src: url('../fonts/hinted-PlutoRegular.eot');
	src: local('Pluto Regular'), local('PlutoRegular'), url('../fonts/hinted-PlutoRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-PlutoRegular.woff2') format('woff2'), url('../fonts/hinted-PlutoRegular.woff') format('woff'), url('../fonts/hinted-PlutoRegular.ttf') format('truetype'), url('../fonts/hinted-PlutoRegular.svg#PlutoRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Pluto';
	src: url('../fonts/hinted-PlutoLight.eot');
	src: local('Pluto Light'), local('PlutoLight'), url('../fonts/hinted-PlutoLight.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-PlutoLight.woff2') format('woff2'), url('../fonts/hinted-PlutoLight.woff') format('woff'), url('../fonts/hinted-PlutoLight.ttf') format('truetype'), url('../fonts/hinted-PlutoLight.svg#PlutoLight') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Pluto';
	src: url('../fonts/hinted-PlutoMedium.eot');
	src: local('Pluto Medium'), local('PlutoMedium'), url('../fonts/hinted-PlutoMedium.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-PlutoMedium.woff2') format('woff2'), url('../fonts/hinted-PlutoMedium.woff') format('woff'), url('../fonts/hinted-PlutoMedium.ttf') format('truetype'), url('../fonts/hinted-PlutoMedium.svg#PlutoMedium') format('svg');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Pluto';
	src: url('../fonts/hinted-PlutoBlack.eot');
	src: local('Pluto Black'), local('PlutoBlack'), url('../fonts/hinted-PlutoBlack.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-PlutoBlack.woff2') format('woff2'), url('../fonts/hinted-PlutoBlack.woff') format('woff'), url('../fonts/hinted-PlutoBlack.ttf') format('truetype'), url('../fonts/hinted-PlutoBlack.svg#PlutoBlack') format('svg');
	font-weight: 900;
	font-style: normal;
}

/* Generals
**************************/
body {
	height: 100%;
	width: 100%;
	font-family: 'Pluto';
	font-size: 14px;
	margin: 0;
	padding: 0;
	font-weight: 400;
}
a,button,.btn {
	transition: all 0.5s ease 0s;
}
p {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #636363;
}
.nopadding-left {
	padding-left: 0px;
}
div.module.parallax {
	height: auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
.padding-top-90{
	padding-top: 90px;
}
.scroll {
	display: inline-block;
}
.formOverlay:before {
	content: "\f110";
	font-family: fontawesome;
	-webkit-animation: fa-spin 1s infinite steps(8);
	animation: fa-spin 1s infinite steps(8);
	color: #D82727;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -10%;
	font-size: 56px;
	margin-top: -34px;
}
.formOverlay {
	background: rgba(0, 0, 0, 0.3);
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9999;
}
.alert strong {
	display: inline-block;
	width: 100%;
}
.alert .message-icon {
	float: left;
	width: 30px;
	height: 30px;
	text-align: center;
	border: 1px solid #9F9F9F;
	border-radius: 50%;
	line-height: 30px;
}
.alert span {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	float: left;
	width: 80%;
	margin-left: 15px;
	margin-top: 5px;
}

label.error {
	display: none;
	color: red;
}
.seperator {
	position: relative;
	width: 90px;
	margin: 25px auto;
	border: 1px solid #171717;
	display: inline-block;
}
.section-desc .section-heading {
	font-weight: 500;
	font-size: 36px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #171717;
}
.section-desc .section-text {
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 1.7em;
	color: #636363;
	margin-top: 0px;
	margin-bottom: 15px;
}
img {
	max-width: 100%;
}
* {
	margin: 0px;
	padding: 0px;
}
.back-to-top {
	position: fixed;
	bottom: 60px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	right: 93px;
	width: 52px;
	height: 52px;
	z-index: 9999;
	display: none;
	text-decoration: none;
	border-radius: 30px;
	color: #fff;
	font-size: 20px;
	background: #163d66;
}
.back-to-top i.fa {
	line-height: 52px;
}
.back-to-top:hover, .back-to-top:focus {
	color: #ffffff;
	background-color: #163d66;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
a {
	text-decoration: none;
	color: #35383e;
	outline: 0;
}
a:hover {
	text-decoration: none;
	outline: none;
}
a:focus, a:active {
	outline: none;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
h1 {
	font-size: 35px;
	margin: 0;
}
h3 {
}
.nospace {
	padding-left: 0;
}
header {
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-size: 13px;
	letter-spacing: 0.2px;
	padding: 15px 0 10px;
	background-color: #171717;
	font-weight: 400;
}
.for-contact-info {
	display: inline-block;
	width: 100%;
}
header .fa {
	margin-right: 3px;
	color: #fff;
}
header address {
	display: inline;
	margin: 0;
}
.address {
	text-align: right;
	display: inherit;
}
.address a {
	color: #fff;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.address a:hover {
	color: #fff;
}
.formOverlay:before {
	content: "\f110";
	font-family: fontawesome;
	-webkit-animation: fa-spin 1s infinite steps(8);
	animation: fa-spin 1s infinite steps(8);
	color: #171717;
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 56px;
	margin-top: -25px;
	margin-left: -25px;
}
.formOverlay {
	background: transparent;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9999;
}
.alert .message-icon {
	margin-right: 10px;
	width: 30px;
	height: 30px;
	text-align: center;
	border: 1px solid #9F9F9F;
	border-radius: 50%;
	line-height: 30px;
}
.alert {
	margin: 0px;
}

/* Header
**************************/
.navigation-bar {
	background: #fff;
	width: 100%;
	position: absolute;
	z-index: 9999;
	font-size: 0px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.navigation-bar:after {
	bottom: 0;
	content: "";
	position: absolute;
	top: 0;
}
.navigation-bar:after {
	left: 100%;
	background: #212022;
}
.for-logo {
	padding-right: 26px;
}
.navigation-bar .logo {
	height: auto;
	margin-top: 0px;
	position: relative;
	width: 100%;
}
.navbar-fixed.navigation-bar .logo span {
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 3px 0px 0 rgba(0, 0, 0, 0.25);
}
.navigation-bar .logo span {
	
	position: absolute;
    background-color: #fff;
    height: 86px;
    width: 180px;
    bottom: -20px;
    z-index: -999;
    left: -30px;
    display: block;
    border-radius: 0px 0px 65% 65%;
}
.header-static{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 0px 28px 0 rgba(0, 0, 0, 0.19)!important;
}
.header-static .logo span {
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 3px 0px 0 rgba(0, 0, 0, 0.25);
}
.logo img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.navigation-bar .logo a {
	display: inline-block;
	padding: 15px 0px 15px;
}
.logo .logo-infocard {
	display: none;
}
.logo .logo-infocard .map-link {
	margin-bottom: 20px;
}
.header-recover{height: 106px}

@media (min-width:767px) {
.infocard_hover:before {
	display: block;
	content: url(../images/hoverme.png);
	width: 98px;
	height: 35px;
	right: 90%;
	margin-right: 20px;
	top: 40px;
	position: absolute;
}
.logo .logo-infocard {
    display: block;
    position: absolute;
    left: -25px;
    margin-top: 20px;
    width: 410px;
    padding: 20px 15px 20px 25px;
    background: #171717;
    border-radius: 2px;
    font-size: 13px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    z-index: 1;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.2s ease-in-out;
    transform: scaleY(0);
}
.logo-infocard strong {
	font-size: 14px;
}
.infocard-text {
	padding-left: 5px;
}
.infocard-text p {
	margin-bottom: 15px;
}
.logo-infocard .infocard-wrapper {
	margin-top: 25px;
}
.logo-infocard .infocard-wrapper p:first-child {
	margin-bottom: 18px;
}
.back-skew {
}
.logo-text {
	margin-left: -12px;
}
.logo-infocard .social-icons li a {
	margin-right: 12px;
	font-size: 14px;
}
.logo-infocard .social-icons li a:last-child {
	margin-right: 0px;
}
.logo-infocard p, .logo-infocard p a, .logo-infocard a, .logo-infocard p a i.fa {
	color: #fff;
}
.navigation-bar .logo-infocard a {
	padding: 0px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.navigation-bar .logo-infocard a:hover, .navigation-bar .logo-infocard a:active, .navigation-bar .logo-infocard a:focus {
	color: #fff;
	text-decoration: none;
}
.logo-infocard p img {
	-webkit-transform: skew(0deg);
	transform: skew(0deg);
}
.logo .contact-details {
	background: url(../images/say_hi.png) no-repeat right top;
}
.logo .social-icons {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	margin-bottom: 0px;
}
.infocard_hover:hover .logo-infocard {
    margin-top: 0px;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    z-index: 2;
    transform: scaleY(1);
    height: auto;
}
}

@media (max-width:767px) {
.logo .logo-infocard {
	top: 100%;
}
}

@media (max-width:800px) {
.logo .logo-infocard {
}
.back-skew {
	-webkit-transform: skew(0deg);
	transform: skew(0deg);
}
}
.navbar-default{
	background-color: #fff;
	border: medium none;
	z-index: 999;
}
.navbar {
	margin-bottom: 0;
	z-index: 999;
	border: none;
	border-radius: 0px;
}
.navbar li {
	z-index: 999;
	margin-left: 5px;
	margin-top: 25px;
	margin-bottom: 25px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.nav-default li {margin-left:0px;}
.navbar-nav > li > a {
	color: #434343;
	font-size: 22px;
	padding: 15px 20px;
	text-transform: normal;
	display: inline-block;
	text-shadow: none;
	font-weight: 500;
	background: transparent !important;
	border-radius: 5px;
}
.navbar-nav.nav-default > li > a{padding: 15px 15px;}
.navbar-default .navbar-nav > li.active, .navbar-default .navbar-nav > li:hover {
	background: #171717;
	color: #fff;
	border-radius: 5px;
}
.navbar-default .navbar-nav>.active>a,.navbar-nav li.current-menu-item a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li.dropdown>a:focus, .navbar-default .navbar-nav>li.dropdown>a:hover,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	color: #fff ;
}
.poolc-navbar .sub-menu{position: absolute;top:101%;left:0;opacity:0;visibility:hidden;}
.navbar-nav li .sub-menu{background-color: #171717;min-width: 160px;border-radius: 5px;height: auto;}
.navbar-nav li:hover > a{color:#fff;}
.navbar-nav li:hover > .sub-menu{opacity:1;visibility:visible;box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.navbar-nav li{position:relative;}
.navbar-nav ul .sub-menu{left:100%;top:0px;}
.navbar li ul li{margin-top: 0px;margin-bottom: 0px;margin-left: 0px;display: block;}
.navbar li ul li a{display: block;padding: 8px 15px;clear: both;font-weight: 400;line-height: 1.42857143;color: #fff;white-space: nowrap;font-size: 14px;}
.navbar li ul li:hover > a{color:#000;background-color: #fff;}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	background: transparent;
}
.dropdown .dropdown-menu {
	padding: 0px;
	background-color: #171717;
	min-width: 160px;
	border-radius: 5px;
}
.navbar-nav>li>.dropdown-menu {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.dropdown .dropdown-menu li {
	margin: 0px;
	border-bottom: 1px solid #163d66;
	background: transparent;
	-ms-transform: skew(0deg);
	border-radius: 3px;
	-webkit-transform: skew(0deg);
	transform: skew(0deg);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.dropdown .dropdown-menu li:last-child {
	border: none;
}
.dropdown .dropdown-menu li:focus, .dropdown .dropdown-menu li:active {
	-webkit-transform: skew(0deg);
	transform: skew(0deg);
}
.dropdown .dropdown-menu li a {
	padding: 8px 15px;
	color: #fff;
}
.dropdown .dropdown-menu li a:active, .dropdown .dropdown-menu li a:focus {
}
.dropdown .dropdown-menu li:hover {
	background: #fff;
	border-radius: 3px;
}
.dropdown .dropdown-menu li:hover a {
	color: #000;
}
.dropdown-menu li a:hover {
	background: transparent;
}
.navbar-fixed {
	background-color: rgb(255, 255, 255);
	top: 0;
	position: fixed;
	width: 100%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 0px 28px 0 rgba(0, 0, 0, 0.19)!important;
	z-index: 9999;
}
.hiden-form {
	min-height: 0px !important;
}
.search-container {
	position: absolute;
	right: 0;
	top: 30%;
	height: 39px;
	width: 39px;
	display: block;
	z-index: 999;
	background: rgb(0, 136, 204);
	border-radius: 57px;
}
.search-container .searchbox-icon:before {
	color: #fff;
	display: block;
	content: '\f002';
	font-family: FontAwesome;
	font-size: 12px;
	line-height: 39px;
	-webkit-transition: all 0.3s ease 0.1s;
	transition: all 0.3s ease 0.1s;
	text-align: center;
}
.search-container .searchbox-icon-closed:before {
	content: '\f00d';
}
.search-container .searchbox-icon {
	background: transparent;
	border: none;
	display: block;
	margin-left: 15px;
	padding: 0px;
}
.search-container .searchbox-icon:focus, .search-container .searchbox-icon:active {
	outline: none;
}
#search-form {
	position: relative;
}
#search-form .search-group {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: -60px;
	left: 0px;
	opacity: 0;
	display: inline-block;
	width: 100%;
	margin-top: 1px;
	-webkit-transition: all 0.3s ease 0.1s;
	transition: all 0.3s ease 0.1s;
}
#search-form .search-group .form-control {
	color: #999999;
	background: rgba(255, 255, 255, 0.0);
	height: 60px;
	border-radius: 0px;
	border: 2px solid rgba(0, 0, 0, 0.0);
	position: relative;
	box-shadow: none;
	padding: 0px 60px 0px 15px;
	-webkit-transition: background 0.7s ease 0.1s, z-index 0.3s ease 0s, border 0.6s ease-in 0.1s;
	transition: background 0.7s ease 0.1s, z-index 0.3s ease 0s, border 0.6s ease-in 0.1s;
	z-index: -1;
}
#search-form .search-group-active {
	top: -1px;
	opacity: 1;
}
#search-form .search-group-active .form-control {
	background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
	border: 1px solid rgba(0, 0, 0, 0.3);
	z-index: 6;
}
#search-form .search-group .search-icon {
	height: 100%;
	background: rgb(0, 136, 204);
	border: none;
	position: absolute;
	padding: 0px 22.5px;
	top: 50%;
	font-size: 16px;
	right: 0px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
	-webkit-transition: z-index 0.8s ease 0s;
	transition: z-index 0.8s ease 0s;
}
#search-form .search-group .search-icon i.fa {
	color: #fff;
}
#search-form .search-group-active .search-icon {
	z-index: 7;
}
/*#search-form input::placeholder {
color:#999999;
}*/
#search-form input::-webkit-input-placeholder {
color:#999999 !important;
}
 
#search-form input:-moz-placeholder { /* Firefox 18- */
color:#999999 !important;  
}
 
#search-form input::-moz-placeholder {  /* Firefox 19+ */
color:#999999 !important;  
}
 
#search-form input:-ms-input-placeholder {  
color:#999999 !important;  
}

#subscribe-form input::-webkit-input-placeholder {
color:#fff !important;
}
 
#subscribe-form input:-moz-placeholder { /* Firefox 18- */
color:#fff !important;  
}
 
#subscribe-form input::-moz-placeholder {  /* Firefox 19+ */
color:#fff !important;  
}
 
#subscribe-form input:-ms-input-placeholder {  
color:#fff !important;  
}

.red-button,
.search-submit,
.wpcf7-submit,
button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"].wpcf7-form-control,
input[type="submit"] {
	text-align: center;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	text-transform: capitalize;
	background: #171717;
	color: #ffffff;
	padding: 13px 30px;
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 20px;
	border: none;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	border-radius: 5px;
	-ms-transition-delay: 0s;
}
.red-button a{color:#fff;}
.red-button:hover, .red-button:active, .red-button:focus {
	color: #ffffff;
	text-decoration: none;
	outline: none;
	background: #163d66;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-ms-transition-delay: 0s;
}
.red-button:hover:after {
	background: #ffffff;
	right: -1px;
}
.item {
	overflow: hidden;
}
#about {
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.roofers-bg {
	background: #ffffff;
	padding: 90px 0px;
	color: #fff;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	z-index: 999;
}
.roofers {
	margin-top: 50px;
}
.roofers h2 {
	color: #171717;
	font-size: 20px;
	font-weight: 500;
	margin: 30px 0px;
}
.roofers p {
	text-align: justify;
}
#estimation {
	position: relative;
}
div.module.estimation-parallax {
	background-image: url(../images/estimation.png);
	padding-top: 90px;
}
#estimation .seperator {
	margin-left: 0px;
	border-color: #fff;
}
#estimation .section-desc .section-heading {
	color: #fff;
}
#estimation .section-desc .section-text {
	padding: 0px;
	color: #fff;
	margin: 0px;
}
#form-estimation {
	margin-top: 35px;
	margin-bottom: 80px;
}
#estimation-text h2{
	color: #fff;
}
#estimation-text .seperator{
	margin-left: 0px;
	border-color: #fff;
}
#estimation-text .section-text{
	color: #fff;
}
#estimation-form input[type="text"],
#estimation-form input[type="email"],
#estimation-form textarea{
	height: 40px;
	border-radius: 5px;
	box-shadow: none;
	background-color: rgba(0, 0, 0, 0.58);
	border: 1px solid #555555;
	color: #ffffff;
    padding: 6px 12px;
    font-size: 14px;
}
#estimation-form textarea{
	height: 135px;
}
#estimation-form input[type="text"],
#estimation-form input[type="email"],
#estimation-form label,
#estimation-form textarea{
	width: 100%;
}
#estimation-form label{
	margin-bottom: 15px;
}
.field-container-lft {
	padding-right: 10px;
}
.field-container-rght {
	padding-left: 10px;
}
.our-form .form-control,
.search-field {
	height: 40px;
	border-radius: 5px;
	box-shadow: none;
	background-color: rgba(0, 0, 0, 0.58);
	border: 1px solid #555555;
	color: #ffffff;
}
.our-form .form-control:focus {
	border-color: #171717;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(22, 61, 102);
}
.our-form textarea.form-control {
	height: 135px;
}
#estimation-form input::-webkit-input-placeholder {
color:#fff !important;
}
 
#estimation-form input:-moz-placeholder { /* Firefox 18- */
color:#fff !important;  
}
 
#estimation-form input::-moz-placeholder {  /* Firefox 19+ */
color:#fff !important;  
}
 
#estimation-form input:-ms-input-placeholder {  
color:#fff !important;  
}
#estimation-form textarea::-webkit-input-placeholder {
color:#fff !important;
}
 
#estimation-form textarea:-moz-placeholder { /* Firefox 18- */
color:#fff !important;  
}
 
#estimation-form textarea::-moz-placeholder {  /* Firefox 19+ */
color:#fff !important;  
}
 
#estimation-form textarea:-ms-input-placeholder {  
color:#fff !important;  
}

.our-form .red-button {
	font-weight: 500;
}
#services {
	height: auto;
	position: relative;
	padding: 90px 0px;
	color: #fff;
}
#service-carousel {
	margin-top: 100px;
}
#service-carousel .item {
	margin-right: 15px;
	margin-left: 15px;
}
#service-carousel .item .red-button {
	margin-top: 20px;
}
#service-carousel .item .item-inner {
	position: relative;
	display: inline-block;
	width: 100%;
}
#service-carousel .item .item-inner h4 {
	bottom: 15px;
	margin: 0;
	overflow: hidden;
	padding: 0 15px;
	position: absolute;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	text-transform: capitalize;
	z-index: 2;
	color:#fff;
}
#service-carousel .item .item-inner h4 a{color:#fff;}
.service-deco-img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
}
.deco-layer {
	-webkit-transition: -webkit-transform 0.5s;
	transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
}
#service-carousel .item-inner:hover .deco-layer--1 {
	-webkit-transform: translate3d(45px, 0, 0);
	transform: translate3d(50px, 0, 0);
}
#service-carousel .item-inner:hover .deco-layer--2 {
	-webkit-transform: translate3d(-50px, 0, 0);
	transform: translate3d(-50px, 0, 0);
}
#service-carousel .item-inner:hover .deco-layer--3 {
	-webkit-transform: translate3d(45px, 0, 0);
	transform: translate3d(50px, 0, 0);
}
#service-carousel .item img {
	border-radius: 5px;
}
#service-carousel .owl-buttons {
	position: absolute;
	right: 15px;
	top: -50px;
}
#service-carousel .owl-buttons .owl-next, #service-carousel .owl-buttons .owl-prev {
	text-align: center;
	font-size: 10px;
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	font-weight: 400;
	text-transform: uppercase;
	background: #171717;
	color: #ffffff;
	padding: 4px 10px;
	border-radius: 5px;
	display: inline-block;
	border: none;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
#service-carousel .owl-buttons .owl-next:hover, #service-carousel .owl-buttons .owl-prev:hover {
	opacity: 0.8;
}
#service-carousel .owl-controls .owl-buttons div {
	height: auto;
	width: auto;
	line-height: normal;
	margin-left: 5px;
}
#service-carousel .red-button:after:hover {
background:#171717;
}
#cities {
	height: 450px;
	background: #f7f7f7;
	position: relative;
}
#cities .seperator {
	margin-left: 0px;
}
#poolc_map_canvas {
	height: 450px;
}
#cities-text {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.63);
	bottom: 0;
	height: 100%;
	overflow: scroll;
	overflow-x: hidden;
	width: 41%;
	padding-left: 19%;
}
#cities-text  .cities-cont {
	width: 100%;
}
::-webkit-scrollbar {
width:18px;
}
::-webkit-scrollbar-track {
background-color:#000;
}
::-webkit-scrollbar-thumb {
border-radius:10px;
background:#444444;
background-clip:content-box;
border:5px solid transparent;
}
#cities-text .section-desc .section-heading {
	color: #fff;
	display: inline-block;
	margin-top: 90px;
}
#cities-text ul {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.cities-list li {
	font-family: "Roboto", sans-serif;
	font-weight: normal;
	color: #fff;
	font-size: 17px;
	line-height: 45px;
	cursor: pointer;
}
ul.cities-list li i.fa {
	margin-right: 15px;
	color: #fff;
	font-size: 14px;
}
#newsletter {
	background: #171717;
	padding: 60px 0px;
}
#newsletter .red-button {
	background: #fff;
	color: #171717;
	font-size: 16px;
	margin: 0px;
	padding: 20px 40px;
	border-radius: 0px 5px 5px 0px;
	font-weight: 600;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
#newsletter .red-button:after {
	background: #fff;
}
#newsletter .red-button:hover {
	background: #163d66;
	color: #ffffff;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
#newsletter .red-button:hover:after {
	background: #171717;
}
#newsletter-text h2 {
	margin: 0px;
	font-weight: normal;
	font-size: 30px;
	color: #ffffff;
}
#newsletter-text h1 span {
	margin: 0px;
	font-weight: 500;
	font-size: 30px;
	color: #ffffff;
}
#newsletter-text p {
	margin-top: 10px;
	font-family: "Roboto", sans-serif;
	color: #ffffff;
	margin-bottom: 0px;
	font-weight: normal;
}
#newsletter-form .form-group {
	margin-bottom: 0px;
	display: inline-block;
	width: 67%;
	float: left;
}
#newsletter-form input.form-control {
	background-color: transparent;
	border: 2px solid #80c4e6;
	border-right: none;
	height: 62px;
	display: inline-block;
	border-radius: 5px 0px 0px 5px;
	margin-top: 0px;
	padding: 0 10px;
	width: 100%;
	color: rgba(255, 255, 255, 1);
}
#newsletter-form .form-control::-webkit-input-placeholder {
color:#fff;
}
#newsletter-form:-ms-input-placeholder {
color:#fff;
}
#newsletter-form::-webkit-input-placeholder {
color:#fff;
opacity:1;
}
#newsletter-form:-moz-placeholder {
color:#fff;
opacity:1;
}
.form-group {
	position: relative;
}
.feature {
	background-color: #ffffff;
	min-height: 460px;
	height: 100%;
	padding: 90px 0;
	position: relative;
}
.outer-border {
	border: 1px solid #171717;
	height: 100%;
	border-radius: 5px;
}
.outer-border a:hover i.fa {
	color: #fff;
}
.outer-border h4, .outer-border p {
	color: #ffffff;
	margin: 0px;
	font-weight: normal;
	font-size: 18px;
	line-height: 32px;
}
.outer-border h4 {
	margin-top: 13%;
}
.mosaicflow {
	margin-bottom: 1%;
	margin-top: 4%;
}
.mosaicflow__column {
	float: left;
}
.mosaicflow__item {
	position: relative;
	float: left;
}
.mosaicflow__item .hoover {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 20px;
	background: rgba(12, 22, 25, 0.9);
	opacity: 0;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}
.mosaicflow__item .hoover .fa {
	color: #fff;
	font-size: 18px;
	padding: 10px;
	margin-top: 7%;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.mosaicflow__item:hover .hoover {
	opacity: 1;
}
.mosaicflow__item .outer-border h4 {
	margin-top: 30%;
	text-transform: uppercase;
}
div.module.lt-news-parallax {
	background-image: url(../images/bg9.png);
	padding: 90px 0px 70px;
}
#latest-news .section-desc .section-heading {
	color: #fff;
}
#latest-news p {
	font-size: 16px;
	font-weight: normal;
	margin-top: 10px;
	color: #e8e8e8;
	line-height: 25px;
}
.news-holder {
	margin-top: 60px;
	display: inline-block;
	width: 100%;
}
.news-holder .red-button:first-child {
	margin-left: 7px;
}
.news-holder .red-button, .detail-info-cont .red-button {
	padding: 8px 16px;
	margin-right: 5px;
	margin-top: 0px;
	font-size: 12px;
	font-weight: 500;
	cursor: default;
	text-transform: uppercase;
	font-style: italic;
}
.news-holder .red-button:hover, .news-holder .red-button:active, .news-holder .red-button:focus, .detail-info-cont .red-button:hover, .detail-info-cont .red-button:active, .detail-info-cont .red-button:focus {
	background: #171717;
	color: #fff;
}
.news-holder .red-button:last-child, .detail-info-cont .red-button:last-child {
	margin-right: 0px;
	background: #464646;
}
.news-holder .red-button:after, .detail-info-cont .red-button:after {
	content: none;
}
.news-holder .red-button i.fa, .detail-info-cont .red-button i.fa {
	font-size: 6px;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: top;
	margin-top: 10px;
	display: inline-block;
}
.news-holder .news-container {
	padding-bottom: 80px;
}
.news-holder .news-container .news-image {
	position: relative;
}
.news-holder .news-text {
	position: absolute;
	top: 92%;
	background: transparent;
	padding: 0px;
	width: 100%;
	height: auto;
	overflow: auto;
	-webkit-transition: top 0.3s ease 0s, background 0.6s ease 0s, height 0.9s ease 0s, padding 0.3s ease 0s;
	transition: top 0.3s ease 0s, background 0.6s ease 0s, height 0.9s ease 0s, padding 0.3s ease 0s;
}
.news-holder .news-text h1 {
	color: #fff;
	font-weight: 500;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.news-holder .news-text h1 a{
	color:#fff;
}
.news-holder .news-text p {
	color: #fff;
	font-size: 14px;
	display: none;
	margin-bottom: 20px;
	line-height: 1.7em;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
.news-holder .news-text .news-read-more {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	font-family: roboto;
	padding: 8px 20px;
	background-color: #464646;
	width: 40%;
	font-style: italic;
	display: none;
	text-transform: uppercase;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.news-holder .news-text .news-read-more i{margin-left:5px;}
.news-holder .news-text .news-read-more:hover {
	color: #fff;
	background-color: #163d66;
}
.news-holder .news-container:hover .news-text {
	top: 0px;
	background: rgba(255, 255, 255, 0.9);
	height: 100%;
	padding: 25px 15px;
}
.news-holder .news-container:hover .news-text h1 a {
	color: #fff;
}
#latest-news .news-holder .news-container:hover .news-text p {
	display: block;
	font-weight: 400;
	font-size: 14px;
	padding: 0px;
	color: #444444;
}
.news-holder .news-container:hover .news-text .news-read-more {
	display: block;
}
.plans .price-plan {
	margin-top: 60px;
}
.plans .price-plan .panel-default {
	background: url(../images/price-bg.jpg) center no-repeat;
	background-size: cover;
	margin-bottom: 0px;
	box-shadow: 0 0 8.3px 2px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border: none;
}
.price-container {
	padding: 25px 0px;
}
.plans .price-plan .panel-default:hover {
	background: url(../images/price-hover.png) center no-repeat;
	background-size: cover;
	box-shadow: 0 0 9.3px 3px rgba(0, 0, 0, 0.35);
	-webkit-transform: scale(1.23, 1.10);
	transform: scale(1.23, 1.10);
	z-index: 999;
}
.panel-hover:hover {
	z-index: 999;
}
.plans .price-plan .panel-default:hover .panel-price {
	background: transparent;
}
.plans .price-plan .panel-default:hover h2 {
	color: #171717 !important;
}
.plans .price-plan .panel-default:hover .panel-body ul li, .plans .price-plan .panel-default:hover .panel-body ul li.disable-li {
	color: #fff;
	border-color: #33a0d6;
}
.plans .price-plan .panel-default:hover .red-button {
	border: 1px solid #fff;
}
.plans .price-plan .panel-default h2, .plans .price-plan .panel-default p {
	font-family: 'Pluto';
}
.plans .price-plan .panel-default h2 {
	font-size: 20px;
	margin-top: 0px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 500;
}
.panel-price {
	margin-top: 20px;
}
.panel-price h2 {
	margin: 0px !important;
	color: #ffffff !important;
	font-size: 55px !important;
	font-family: "Roboto", sans-serif !important;
	font-weight: normal !important;
	text-transform: lowercase !important;
}
.price-panel-body ul{
	margin:0px;
	padding: 0px;
	list-style: none;
}
span.per, span.dollar {
	font-size: 35px;
	font-weight: lighter;
}
.per {
	position: relative;
	right: 7px;
}
.dollar {
	bottom: 23px;
	font-size: 16px !important;
	left: 7px;
	position: relative;
}
.plans .price-plan .panel-default .panel-body ul li {
	line-height: 1.9em;
	font-family: "Roboto", sans-serif;
	border-bottom: 1px solid #eeeeee;
	margin: 0px auto;
	text-align: center;
	width: 64%;
	font-weight: 400;
	font-size: 14px;
	padding: 10px 0px;
	color: #636363;
}
.plans .price-plan .panel-default .panel-body ul li:last-child {
	border-bottom: 0px solid #eeeeee;
}
.plans .red-button {
	background: #171717;
}
.plans .red-button:after {
	background: #171717;
}
.plans .red-button:hover {
	background: #ffffff;
	color: #434343;
}
.plans .red-button:hover:after {
	background: #ffffff;
}
.plans .price-plan .panel-default .panel-body ul li.disable-li {
	color: #d1d1d1 !important;
}
.panel-body {
	padding: 60px 0px 0px 0px;
}
div.module.testimonial-parallax {
	background-image: url(../images/testimonial.jpg);
	padding: 90px 0px 0px;
}
#testimonial h1 {
	color: #ffffff;
}
#testimonial .seperator {
	border-color: #fff;
}
.bx-wrapper .bx-viewport {
	box-shadow: none;
	border: none;
	background: transparent;
	padding: 25px 0px;
	height: auto !important;
}
.bx-wrapper img {
	display: block;
	max-width: 100%;
	text-align: center;
	margin: 0 auto;
}
.testimonial-img {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	padding-top: 20px;
}
.testimonial-content p {
	color: #ffffff;
	font-size: 14px;
	background-color: rgba(0, 0, 0, 0.51);
	font-style: italic;
	font-weight: normal;
	margin: 12px 100px 20px;
	line-height: 24px;
	padding: 45px 30px;
}
.testimonial-img span {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	position: relative;
	font-family: roboto;
	top: 10px;
}
.testimonial-img p {
	font-size: 12px;
	color: #ffffff !important;
	font-weight: 700;
	padding: 0px;
	margin: 0px;
	font-style: normal !important;
	position: relative;
	background-color: transparent;
	top: 8px !important;
}
.testimonial-content i {
	margin: 0 auto;
}
.fa-left {
	float: left;
}
.fa-right {
	float: right;
	padding-top: 3%
}
.clients {
	margin-top: 50px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.clients img:hover {
	box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19)!important;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transform: translate(0, -10px);
	transform: translate(0, -10px);
	z-index: 3;
	-webkit-transition: 0.2s;
	transition: 0.2s
}
.clients-bg {
	background: #ffffff;
	padding: 90px 0;
	color: #fff;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	z-index: 999;
}
footer {
	background: #171717;
    position: relative;
    overflow: hidden;
    padding: 75px 0px 0px;
}
#main-svg {
	display: none;
}
.footer-body {
	position: relative;
    z-index: 999;
}
.water {
	position: absolute;
    height: 125%;
    width: 100%;
    z-index: 5;
    bottom: 0;
    left: 0;
    background: rgba(28, 118, 204, 0.44);
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
}
.water__inner {
	position: absolute;
	width: 100%;
	height: 50%;
	top: 0;
	left: 0;
	overflow: hidden;
}
.water__wave {
	width: 200%;
	position: absolute;
	bottom: 100%;
}
.water__wave_back {
	right: 0;
    fill: rgba(28, 118, 204, 0.20);
    -webkit-animation: wave-back 2.0s infinite linear;
    animation: wave-back 2.0s infinite linear;
}
.water__wave_middle {
	right: 0;
    fill: transparent;
    -webkit-animation: wave-back 0s infinite linear;
    animation: wave-back 0s infinite linear;
}
.water__wave_front {
	left: 0;
    fill: rgba(28, 118, 204, 0.44);
    margin-bottom: -1px;
    -webkit-animation: wave-front 2.5s infinite linear;
    animation: wave-front 2.5s infinite linear;
}
@-webkit-keyframes wave-front {
100% {
-ms-transform:translate(-50%, 0);
-webkit-transform:translate(-50%, 0);
transform:translate(-50%, 0);
}
}
@keyframes wave-front {
100% {
-ms-transform:translate(-50%, 0);
-webkit-transform:translate(-50%, 0);
transform:translate(-50%, 0);
}
}
@-webkit-keyframes wave-middle {
100% {
-ms-transform:translate(-50%, 0);
-webkit-transform:translate(-50%, 0);
transform:translate(-50%, 0);
}
}
@keyframes wave-middle {
100% {
-ms-transform:translate(-50%, 0);
-webkit-transform:translate(-50%, 0);
transform:translate(-50%, 0);
}
}
@-webkit-keyframes wave-back {
100% {
-ms-transform:translate(-50%, 0);
-webkit-transform:translate(50%, 0);
transform:translate(50%, 0);
}
}
@keyframes wave-back {
100% {
-ms-transform:translate(-50%, 0);
-webkit-transform:translate(50%, 0);
transform:translate(50%, 0);
}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .water {
        background: transparent;
   }
}
#footer .seperator:before {
	width: 15px;
	left: -25px;
}
#footer .seperator {
	margin-left: 0px;
	margin-top: 15px;
	border-color: #fff;
}
#footer .seperator:after {
	width: 82px;
	right: -92px;
}
.footer-detail {
	position: relative;
}
.footer-services a {
	display: inline-block;
	width: 100%;
	position: relative;
	padding-left: 25px;
}
.footer-services a i.fa {
	position: absolute;
	top: 3px;
	left: 0px;
}
.footer-detail a {
	color: #fff;
	font-weight: normal;
	font-family: roboto;
}
.footer-detail a:hover {
	color: #fff;
}
.footer-detail .fa {
	margin-right: 2px;
}
.l-project i.fa {
	padding-right: 12px;
}
.l-project a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.footer-detail h3 {
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0px;
}
p.footer {
	color: #fff!important;
	font-size: 12px !important;
	margin: 10px 0px 0px;
}
.footer-detail ul li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.17);
	display: block;
	color: #fff;
	font-family: 'Roboto';
	font-size: 14px;
	font-weight: 400;
	padding: 18px 0px;
}
.footer-detail ul li:last-child{
	border-bottom:0px;
}
.footer-detail ul li a:hover, footer .copy-right a:hover {
	color: #fff;
}
.l-post .row {
	margin-bottom: 20px;
}
.footer-detail #mail, footer .copy-right a {
	color: #ffffff;
}
footer .copy-right {
	border-top: 1px solid rgba(255, 255, 255, 0.17);
	padding: 20px 0;
	margin-bottom: 0px;
	position: relative;
	color: #fff;
}
.about-title {
	background-image: url(../images/bg4.jpg);
	background-size: cover;
}
#page-title {
	padding: 80px 0px 80px;
}
#page-title h1 {
	color: #fff;
	font-size: 36px;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 10px;
	text-transform: capitalize;
}
.breadcrumb>li+li:before{display: none;}
.breadcrumb {
	background: transparent;
	margin-bottom: 0px;
	margin: 0px;
}
.breadcrumb li a {
	color: #999999;
	font-size: 18px;
	font-weight: 400;
	font-family: roboto;
	text-decoration: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.breadcrumb li a:hover, .breadcrumb li a:active, .breadcrumb li a:focus {
	color: #ffffff;
	outline: none;
}
li.separator{
	padding: 0px 10px;
	color: #ccc;
	font-size: 18px;
}
.breadcrumb li.active,
.breadcrumb li.item-current {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	font-family: roboto;
}
#about-us {
	padding-top: 90px;
}
#about-us .section-text {
	padding: 0px 30px;
}
.about-main-img {
	margin-top: 50px;
}
#our-mission {
	padding: 90px 0px 60px;
}
#our-mission .section-desc .section-heading, #our-mission .section-desc p.section-text {
	color: #fff;
}
div.module.mission-parallax {
	background-image: url(../images/bg9.jpg);
	padding: 75px 0px;
}
.mission-cont {
	display: inline-block;
	width: 100%;
	margin-top: 30px;
}
.media img {
	max-width: none;
}
.mission-media {
	background: #fff;
	margin-bottom: 30px;
	border-radius: 5px;
}
.mission-media .media-left {
	position: relative;
}
.media-span {
	background-color: #fff;
	position: absolute;
	right: -0px;
	top: -5px;
	height: 105%;
	-webkit-transform: rotate(6deg);
	transform: rotate(6deg);
	width: 25px;
}
.mission-media .media-left .mission-media-image {
}
.mission-media .media-body {
	padding-left: 8px;
}
.mission-media .media-body h3 {
	font-size: 18px;
	color: #163d66;
	font-weight: 500;
	margin-top: 28px;
	margin-bottom: 15px;
}
.mission-media .media-body p {
	font-size: 14px;
	color: #636363;
	font-weight: 500;
	line-height: 1.8em;
	margin: 20px 0px;
}
.mission-media .red-button {
	padding: 10px 25px;
	margin: 0px;
	font-style: italic;
	font-weight: 500;
}
.mission-media .red-button:hover {
	background: #163d66;
	color: #fff;
}
#our-team {
	padding: 90px 0px 0px;
}
.team-cont {
	margin-top: 40px;
}
.team-memb {
	position: relative;
}
.team-memb img {
	width: 100%;
}
.right-line {
	position: absolute;
	width: 1px;
	height: 70%;
	display: inline-block;
	background: #e5e5e5;
	right: -15px;
	top: 14%;
}
.team-memb-info {
	position: absolute;
	bottom: -100%;
	left: -50px;
	width: 100%;
	border-radius: 5px;
	height: auto;
	display: inline-block;
	background: rgba(219, 28, 35, 0.0);
	padding: 15px;
	-webkit-transition: left 0.3s ease 0s, bottom 0.3s ease 0s, background 0.6s ease 0s;
	transition: left 0.3s ease 0s, bottom 0.3s ease 0s, background 0.6s ease 0s;
}
.team-memb:hover .team-memb-info {
	background: rgba(0, 136, 204, 0.87);
	bottom: 0;
	left: 0px;
}
.memb-info-inner {
	border: 2px solid rgba(255, 255, 255, 0.30);
	padding: 30px 0px;
	opacity: 1;
	border-radius: 5px;
}
.memb-info-text {
	color: #fff;
}
.memb-info-text h3 {
	font-size: 18px;
	font-weight: 400;
	margin-top: 0px;
	margin-bottom: 0px;
}
.memb-info-line {
	width: 40px;
	height: 2px;
	background: #fff;
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
}
.memb-info-text p {
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: 0px;
	color: #fff;
}
.memb-social li a {
	color: #fff;
	text-decoration: none;
	outline: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.memb-social li a:hover, .memb-social li a:active, .memb-social li a:focus {
	color: #fff;
	outline: none;
}
div.module.roof-service-parallax {
	background-image: url(../images/bg1.jpg);
	padding: 75px 0px;
}
.roof-service-parallax .section-desc h1.section-heading, .roof-service-parallax .section-desc p.section-text {
	color: #fff;
}
.contact-title {
	background-image: url(../images/bg2.jpg);
	background-size: cover;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
.hizmet-title {
	background-image: url(../images/bg3.jpg);
	background-size: cover;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
.resim-title {
	background-image: url(../images/bg1.jpg);
	background-size: cover;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
.blog-title {
	background-image: url(../images/bg9.jpg);
	background-size: cover;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
#contact-us {
	padding: 90px 0px;
}
#contact-us .seperator {
	margin-left: 60px;
	margin-right: 0px;
}
#contact-us .section-desc p.section-text {
	padding: 0px;
}
.roof-form-cont {
	margin-top: 50px;
}
.roof-contact-form input {
	height: 45px !important;
}
.form-control,
input.wpcf7-form-control,
textarea.wpcf7-form-control,
.search-field,
.comments-area textarea {
	background-color: #fff ;
	color: #636363;
	font-size: 14px;
	font-weight: 400;
	border-radius: 5px;
	border: 1px solid #d7d7d7 !important;
	height: 45px;
	padding: 6px 12px;
	max-width: 100%;
}
.wpcf7-form-control-wrap {
	margin-bottom: 15px;
	display: block;
}
textarea.wpcf7-form-control,
textarea{
	width:100%;
	min-height: 135px;
}
/* Comments Area */
.comment-thumb .comment-author-link{
	margin-top: 10px;
    display: block;
    word-wrap: break-word;
}
.comment-body .comment-date{
    font-size: 12px;
    color: #636378;
}
.comment-list-box{
	border-bottom: 1px solid #d7d7d7 !important;
	padding: 20px 0px;
}
.comment-list{
	margin:0px;
	padding:0px;
	list-style: none;
}
.comment-meta{padding-bottom: 10px;}
.comment-replay-link{
	margin-top: 20px;
}
.comment-block .comment-thumb{
	max-width: 10%;
}
.comment-block .comment-body{
	max-width: 86%;
}
.comment-block .comment-block{
	width: 95%;
    margin-left: 5%;
}
.comment-thumb,
.comment-body{display: inline-block;vertical-align: top;}
.comment-body{padding-left: 15px;}
.comments-title,
.comment-meta a{color: #171717;}
.comment-meta a:hover,
.comment-meta a:focus{color: #464646;}
.roof-contact-form .form-control.error {
	box-shadow: 0 0px 0px rgba(56, 165, 74, 0.0) inset, 0px 0px 0px 1px rgba(255, 40, 48, 1) !important;
}
.contact-info-line {
	width: 52px;
	height: 2px;
	display: inline-block;
	background: #171717;
	margin-top: 30px;
	margin-bottom: 25px;
}
.contact-info h4 {
	font-size: 30px;
	font-weight: 300;
	color: #171717;
	margin-top: 0px;
	margin-bottom: 0px;
}
.contact-info p {
	line-height: 1.6em;
	margin: 0px;
}
.contact-info p, .contact-info a {
	font-size: 14px;
	font-weight: 400;
	color: #636363;
}
.contact-info .contact-media {
	margin-top: 58px;
}
.contact-info .media-left {
	vertical-align: middle;
	padding: 0px 20px;
}
.contact-info .media-left i.fa {
	font-size: 20px;
	color: #171717;
}
.contact-info .media-body {
	padding: 20px 15px 20px 0px;
}
.contact-info .address-media {
	background: #171717;
	border-radius: 5px;
}
.contact-info .address-media i.fa, .contact-info .address-media p {
	color: #fff;
}
.contact-info .email-media, .contact-info .phone-media {
	margin-top: 0px;
	background: #f7f7f7;
}
.contact-info .email-media {
	border-bottom: 1px solid #e5e5e5;
}
.contact-info .email-media a {
	text-decoration: none;
	outline: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.contact-info .email-media a:hover {
	color: #fff;
}
.location-title {
	background-image: url(../images/bg9.jpg);
	background-size: cover;
}
.location-form {
	padding: 35px 0px 55px !important;
}
#location-form .form-group {
	width: 80%;
}
#location-form .form-control {
	width: auto !important;
}
#location-form label {
	width: 15%;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}
#newsletter-form #location-form .form-control {
	width: 80% !important;
	background-color: white;
	color: #636363;
	border-radius: 5px;
}
#newsletter #location-form .red-button {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 5px;
	padding: 18px 40px;
}
#newsletter #location-form .red-button:hover {
	background-color: #163d66;
	border: 1px solid #163d66;
	color: #fff;
}
#location-form .input-bottom-line {
	left: 15.5%;
	-webkit-transition: width 0.5s ease 0.2s;
	transition: width 0.5s ease 0.2s;
}
#location-form .form-control:focus ~ .input-bottom-line {
	width: 84%;
}
#location-cities {
	padding: 90px 0px 40px;
}
#location-cities ul.cities-list li i.fa {
	color: #08c;
}
#location-cities ul.cities-list li.disable i.fa {
	color: #e6e6e6;
}
#location-cities ul {
	margin-top: 0px;
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	padding: 0px;
	margin: 0px;
}
#location-cities ul li {
	padding-left: 1px;
}
#location-cities ul li a {
	color: #636363;
	padding-left: 0px;
	-webkit-transition: all 0.1s ease 0s;
	transition: all 0.1s ease 0s;
}
#location-cities ul li a:hover {
	color: #fff;
	padding-left: 3px;
	font-weight: 500;
	-webkit-transition: all 0.1s ease 0s;
	transition: all 0.1s ease 0s;
}
#location-cities ul li.disable a {
	cursor: default;
	text-decoration: none;
	pointer-events: none;
}
#location-cities ul li.disable a:hover {
	padding-left: 0px;
	cursor: default;
	color: #fff;
}
.sub-seperator {
	background: #171717;
	width: 52px;
	height: 2px;
	display: inline-block;
	margin: 25px 0px;
}
.news-title {
	background-image: url(../images/bg9.jpg);
	background-size: cover;
}
#latest-news-section {
	padding: 90px 0px 20px;
}
#latest-news-section .news-holder {
	margin-top: 0px;
}
#latest-news-section .news-holder .news-container {
	padding-bottom: 0px;
	margin-bottom: 50px;
}
.news-button {
	position: absolute;
	top: 95.5%;
	width: 100%;
	display: inline-block;
	height: auto;
}
.latst-news-text {
	margin-top: 48px;
}
.latst-news-text h3 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 20px;
	margin-top: 0px;
	color: #171717;
}
.latst-news-text p {
	font-size: 14px;
	font-weight: 400;
	color: #636363;
	line-height: 1.6em;
}
.latst-news-text a {
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
	color: #171717;
	text-decoration: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.latst-news-text a:hover {
	color: #fff;
}
.pagination-cont {
	border-top: 1px solid #e5e5e5 !important;
	margin-bottom: 20px;
}
.page-links span{
	padding: 6px 12px;
	display: inline-block;
}
.pagination>li>a,
.page-links a {
	background: transparent;
	border-radius: 0px;
	border: none;
	color: #171717;
	font-weight: 400;
	font-size: 14px;
	display: inline-block;
	-ms-transform: skew(-15deg);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border-width:1px;
	border-style:solid;
	border-color:#171717;
}
.pagination>li>a>span {
	display: inline-block;
	-ms-transform: skew(15deg);
}
.pagination>li:first-child>a, .pagination>li:last-child>a {
	border-radius: 0px;
	font-weight: 500;
}
.pagination>li>a:hover, .pagination>li>a:active, .pagination>li>a:focus,
.page-links a {
	background: #171717;
	color: #fff;
}
.page-links a:hover,.page-links a:focus,.page-links a:active {
	background-color:transparent;
	border-color: #171717;
	color: #fff;
}
.page-links a:hover,.page-links a:focus,.page-links a:active{


}
.pagination>li:first-child>a:hover, .pagination>li:last-child>a:hover {
	background: #171717;
	color: #fff;
}
#detail-page,
.archive .site-content {
	padding: 90px 0px 60px;
}
.poolc-single-page .detail-info{border:1px solid #d7d7d7;border-radius: 5px}
.poolc-single-page .detail-info-cont{padding: 0px 30px 20px 30px;}
.poolc_loop {border:1px solid #d7d7d7;border-radius: 5px}
.poolc_loop .detail-info-cont{padding:0px 30px 20px 30px;}
.poolc_loop .detail-img a{
	width:100%;
	display: inline-block;
	text-align: center;
}
.detail-img a{
	width:100%;
	display: inline-block;
	text-align: center;
}
.detail-img img{
	max-width:100%;
	display: inline-block;
}
.detail-info-cont {
	margin-top: 30px;
	margin-bottom: 30px;
	line-height: 25px;
}
.detail-info-cont h1,
.detail-info-cont h2,
.detail-info-cont h3,
.detail-info-cont h4,
.detail-info-cont h5,
.detail-info-cont h6{
	font-family: 'Pluto', sans-serif;
}
.detail-info-cont .entry-title {
	margin-top: 0px;
	margin-bottom: 30px;
	font-size: 30px;
	font-weight: 400;
}
.detail-info-cont .entry-title,
.detail-info-cont .entry-title a{
	color: #171717;
}
.detail-info-cont h2 a:hover,
.detail-info-cont h2 a:foucs{color:#464646;}
.detail-info-button {
	margin-bottom: 20px;
}
.detail-info-cont h1,
.comment-body h1{margin:25px 0px;}
.detail-info-cont h2,
.comment-body h2{margin:25px 0px;}
.detail-info-cont h3,
.comment-body h3{margin:25px 0px;}
.detail-info-cont h4,
.comment-body h4{font-size:20px;margin:25px 0px;}
.detail-info-cont h5,
.comment-body h5{font-size:18px;margin:25px 0px;}
.detail-info-cont h6,
.comment-body h6{font-size:16px;margin:25px 0px;}
.detail-info-cont p,
.detail-info-cont ul li,
.detail-info-cont {
	font-size: 15px;
	line-height: 1.5em;
	color: #636363;
	margin-bottom: 10px;
	font-weight: 400;
}

.detail-info-cont ul li span,
.detail-info-cont ul li em,
.detail-info-cont ul li strong{
	font-size: 15px !important;
	line-height: 1.5em !important;
	color: #fff;
	margin-bottom: 10px;
	font-weight: 400;	
}
.detail-bottom-info .cat-links,
.detail-bottom-info .tags-links{
	display: block;
	margin-bottom: 10px;
}
.detail-bottom-info .cat-links a,
.detail-bottom-info .tags-links a{
	color:#171717;
}
.detail-bottom-info .cat-links a:hover,
.detail-bottom-info .tags-links a:hover{
	color:#464646;
}
.detail-bottom-info .cat-links i,
.detail-bottom-info .tags-links i{
	font-size: 6px;
	position: relative;
	top: -3px;
}
.fa-sticky{
	background-image: url(../images/push-pin.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 12px;
	height: 12px;
	display: inline-block;
}
.posts-navigation{
	margin-bottom: 30px;
    float: left; 
    width: 100%;
}
.page .page-sidebar{
	padding-top: 60px;
}
.page-sidebar h3 {
	font-weight: 500;
	color: #171717;
	margin-top: 0px;
	margin-bottom: 15px;
}
.page-sidebar ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.widget_categories ul .children, .widget_archive ul .children, .widget_meta ul .children, .widget_recent_entries ul .children,.widget_pages ul .children,.widget_nav_menu .sub-menu{
    border-bottom: 0px;
    border-top: 1px solid #e1e1e1;
    margin-top: 17px;
}

.widget_categories ul .children li:last-child, .widget_archive ul .children li:last-child, .widget_meta ul .children li:last-child, .widget_recent_entries ul .children li:last-child,.widget_pages ul .children li:last-child{
    padding-bottom: 0px;
    border-bottom: 0px;
}
.sidebar-services, .sidebar-news,.widget  {
	margin-bottom: 30px;
}
.sidebar-news h3, .sidebar-flicker h3 {
	padding-bottom: 10px;
	border-bottom: 1px solid #ececec;
}
.widget ul{
	margin: 0px;
	padding: 0px;
}
.roofing-service-list li a,
aside .widget li,
aside .widget_recent_comments li {
	padding: 18px 0px;
	display: inline-block;
	font-weight: 400;
	font-family: roboto;
	font-size: 15px;
	border-bottom: 1px solid #d7d7d7;
	color: #636363;
	border-radius: 0px;
	margin-bottom: 5px;
	width: 100%;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.widget_recent_comments li a{
	border-bottom: 0px !important;
}
.roofing-service-list li a:hover,
.roofing-service-list li a:focus,
aside .widget li a:hover,
aside .widget li a:focus {
	color: #171717;
}
.widget_categories li:last-child,
.widget_archive li:last-child,
.widget_nav_menu .sub-menu li:last-child{
	border-bottom:0px !important;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}
.widget_recent_comments li a:hover,
.widget_recent_comments li a:focus{
	color: #171717 !important;
	background: transparent !important;
}
.sidebar-news a {
	display: inline-block;
	font-weight: 400;
	font-size: 15px;
	color: #636363;
	margin-bottom: 0px;
	margin-top: 5px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.sidebar-news a:hover {
	color: #da1c23;
}
.widget_search input[type=search]{padding-left: 15px;}
.widget_search label,
.widget_search input[type=search],
.widget_search .search-submit{
	width:100%;
}
.widget_search .search-submit{
	margin-top:0px;
	margin-bottom: 0px;
	padding: 10px 18px;
}
.widget_search .screen-reader-text{
	display: none;
}
.sidebar-flicker li {
	margin-bottom: 15px;
}
.detail-sep-line {
	display: inline-block;
	width: 100%;
	height: 2px;
	background: #ececec;
	margin-bottom: 30px;
}
.service-page-title {
	background-image: url(../images/2.jpg);
	background-size: cover;
}
#service-page {
	padding: 90px 0px 30px;
	overflow: hidden;
}
#service-page img {
	border: 2px solid #e0e0e0;
}
.rf-image {
	position: relative;
	display: inline-block;
	width: 100%;
}
.rf-image img{
	width:100%;
}
.rf-image .bottom-overlay {
	background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	bottom: 0;
	left: 0;
	min-height: 50%;
	position: absolute;
	width: 100%;
}
.rf-image h4 {
	color: #fff;
	bottom: 15px;
	margin: 0;
	overflow: hidden;
	padding: 0 15px;
	position: absolute;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	z-index: 2;
}
.mix {
	display: none;
}
.controls {
	margin-bottom: 50px;
}
.mix {
	margin-bottom: 30px;
}
.mix p {
	margin: 30px 0px;
	color: #000000;
	font-size: 14px;
	line-height: 22px;
}
.mix .red-button {
	margin: 0 0 30px 0px !important;
}
.mix .red-button:hover, .mix .red-button:active, .mix .red-button:focus {
	background: #163d66 none repeat scroll 0 0;
	color: #ffffff;
	outline: medium none;
	text-decoration: none;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.mix .red-button:hover::after {
	background: #171717;
	right: -1px;
}
.controls button {
	color: #171717 !important;
	font-size: 14px;
	padding: 10px 22px;
	display: inline-block;
	text-shadow: none;
	outline: none;
	font-weight: 500;
	text-transform: uppercase;
	margin-right: 8px;
	border-radius: 5px;
	background: transparent !important;
	border: 1px solid #171717;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.controls button:last-child {
	margin-right: 0px;
}
.controls button span {
	display: inline-block;
}
.controls button.active, .controls button:hover, .controls button:focus {
	background: #171717 !important;
	color: #ffffff !important;
}
.services-detail-title {
	background-image: url(../images/services-detail-title-bg.jpg);
	background-size: cover;
}
#services-detail {
	padding: 100px 0px 0px;
}
#services-left img {
	border: 2px solid #e0e0e0;
}
#services-right {
}
#services-right h1 {
	margin: 0px;
	font-size: 30px;
	color: #171717;
	font-weight: 500;
}
#services-right p {
	color: #636363;
	font-size: 14px;
	line-height: 25px;
}
ul.detail-list {
	margin-top: 40px;
	list-style: none;
	margin-left: 0
}
ul.detail-list li {
	color: #2b2b2b;
	font-size: 14px;
	font-weight: 500;
	line-height: inherit;
}
ul.detail-list li i.fa {
	color: #171717;
}
ul.detail-list li span {
	color: #171717;
}
#detail-text {
	margin-top: 50px;
}
#detail-boxes {
	margin: 50px 0px;
}
.detail-boxes {
	background: #fff;
	padding: 35px 30px;
	border: 1px solid #e0e0e0;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.detail-boxes:hover {
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)!important;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transform: translate(0, -10px);
	transform: translate(0, -10px);
	z-index: 3;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.detail-boxes h1, #detail-text h1 {
	margin: 0px;
	font-weight: 400;
	color: #171717;
	font-size: 18px;
}
.detail-boxes .sub-seperator, #detail-text .sub-seperator {
	margin: 15px 0px;
}
.detail-boxes p, #detail-text p {
	color: #636363;
	font-size: 14px;
	font-weight: 400;
	line-height: 25px;
}
.work-page-title, .work-detail-title {
	background-image: url(../images/bg9.jpg);
	background-size: cover;
}
#work-page {
	padding: 90px 0px 0px;
}
.rf-image {
	overflow: hidden;
	border-radius: 5px;
}
.deco-layer {
	-webkit-transition: -webkit-transform 0.5s;
	transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
}
#service-page .rf-image:hover .deco-layer--1 {
	-webkit-transform: translate3d(45px, 0, 0);
	transform: translate3d(50px, 0, 0);
}
#service-page .rf-image:hover .deco-layer--2 {
	-webkit-transform: translate3d(-50px, 0, 0);
	transform: translate3d(-50px, 0, 0);
}
#service-page .rf-image:hover .deco-layer--3 {
	-webkit-transform: translate3d(45px, 0, 0);
	transform: translate3d(50px, 0, 0);
}
#work-page .rf-image img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.work-overlay {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.0);
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.work-overlay-button {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -25px;
	margin-left: -60px;
	display: inline-block;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.work-overlay-button a {
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 2px solid #fff;
	border-radius: 50%;
	text-align: center;
	margin-right: 8px;
	color: #fff;
	background: rgba(255, 255, 255, 0.8);
	text-decoration: none;
	outline: none;
	position: relative;
	-webkit-transform: scale(0) rotate(380deg);
	transform: scale(0) rotate(380deg);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.work-overlay-button a i.fa {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 20px;
	margin-top: -10px;
	margin-left: -10px;
}
.work-overlay-button a:last-child {
	margin-right: 0px;
}
.work-overlay-button a:hover {
	color: #171717;
	border-color: #171717;
}
#work-page .rf-image:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.rf-image:hover .work-overlay {
	background: rgba(22, 61, 102, 0.83);
}
.rf-image:hover .work-overlay-button a {
	background: rgba(255, 255, 255, 0);
	-webkit-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
}
.post-password-form input{height: 46px;}
#work-detail {
	padding: 90px 0px;
}
#work-detail #detail-text {
	margin-top: 50px;
}
#detail-text h1 {
	font-size: 20px;
	color: #171717;
	font-weight: 400;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{margin-bottom: 0px !important;}
.comment-reply-title,
.comment-notes,
.comments-area .form-submit,
.logged-in-as{
	padding-right: 15px;
	padding-left: 15px;
}
.padding-top-30{
	padding-top: 30px;
} 
.padding-top-60{
	padding-top: 60px;
} 
.padding-top-90{
	padding-top: 90px;
} 
.padding-bottom-90{
	padding-bottom: 90px;
} 
.poolc-recent-posts img{
	border:1px solid #fff;
	border-radius: 5px;
} 
.detail-inner-content a{
	width: 100%;
	margin-top: 15px;
	display: block;
}
.fa-facebook:hover {
color: #0060C7;
}
.fa-instagram:hover {
color: #E403FF;
}