/*

	Project Name : Locksmith

	Author Company : Ewebcraft

	Project Date: 17 October, 2016

	Author Website : http://www.ewebcraft.com

	Author Email : ewebcraft@gmail.com

*/



/*

[generic Table of contents]

* body

	+ header

		- .logo



	+ navigation



	+ .slider

		- #slider-with-blocks-1		

		

	+ #about

		- .roofers



	+ #estimation

		- .estimation-toggle

			- .estimation

				- form

		- .toggle

	

	+ .services

		- #service-carousel

		   	- .item

					

	+ #cities

		- #map



	+ #newsletter

		- #newsletter-form



	+ #featured-work

		- featured work gallery		



	+ #latest-news

		- .news-holder

			

	+ #plans

		- .price-container



	+ #testimonials

		- #partners



	+ #footer

		- .footer-detail

*/





body{

	height:100%;

	width:100%;

	font-family: 'Roboto', sans-serif;

	font-size:16px;

	/*color:#35383e;*/

	margin:0;

	padding:0;

	font-weight:400;

}



/* form-submision */



	.formOverlay:before 

	{

	  content: "\f110";

	  font-family: fontawesome;

	  -webkit-animation: fa-spin 1s infinite steps(8);

	  animation: fa-spin 1s infinite steps(8);

	  color:#212b6d;

	  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;

	}

	.form-control.error {

		border-color: rgba(166, 0, 0, 0.4) !important;

		box-shadow: 0 1px 1px rgba(56, 165, 74, 0.1) inset, 0 0 4px rgba(166, 0, 0, 0.4) !important;

		-webkit-box-shadow: 0 1px 1px rgba(56, 165, 74, 0.1) inset, 0 0 4px rgba(166, 0, 0, 0.4) !important;

		-moz-box-shadow: 0 1px 1px rgba(56, 165, 74, 0.1) inset, 0 0 4px rgba(166, 0, 0, 0.4) !important;

	}

	label.error {

		display: none !important;

	}



	/* section seperator */

.seperator:before {

	content: '';

	display: inline-block;

	position: absolute;

	background: #212b6d;

	top: 50%;

	left: -60px;

	height: 1px;

	width: 50px;

	margin-top: -0.5px;

}

.seperator:after {

	content: '';

	display: inline-block;

	position: absolute;

	background: #212b6d;

	top: 50%;

	right: -60px;

	height: 1px;

	width: 50px;

	margin-top: -0.5px;

}

.seperator {

	background: url(../images/locksign.png) no-repeat;

	position: relative;

	width: 20px;

	height: 20px;

	margin: 25px auto 40px;

}

	/* section seperator */	



.section-desc h1.section-heading {

	font-family: 'Roboto';

	font-weight: 300;

	font-size: 30px;

	margin-top: 0px;

	margin-bottom: 0px;

	color: #424242;	

}

.section-desc p.section-text {

	font-family: 'Roboto';

	padding: 0px 190px;

	font-weight: 300;

	font-size: 16px;

	line-height: 1.7em;

	color: #636363;

	margin-top: 0px;

	margin-bottom: 15px;

}



img

{

	max-width:100%;

}

*{margin:0px;padding:0px;}



/*for scroll button to reach on top*/

.backtotop {

	display: inline-block;

	width: 100%;

	position: relative;

}

.back-to-top {

	position: fixed;

	bottom: 60px;

	right:93px;

	width: 70px;

	height: 50px;

	z-index:9999;

	display: none;

	text-align: center;

	text-decoration: none;

	color: #fff;

	font-size:20px;

	background:#212b6d;

	border-radius: 25px;

	transition: all 0.3s ease 0s;	

}

.back-to-top i.fa {

	margin-top: 14px;	

}

.back-to-top:hover , .back-to-top:focus{

	 color: #ffffff;

	 background: #2b2b2b;

}

.overflow{

	overflow:hidden;

}

a{ text-decoration:none; color:#35383e; outline:0 !important;}

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{
	color: #8c8c8c;
	font-size: 13px;
	letter-spacing: 0.2px;
	padding: 20px 0;
	font-weight: 400;

}

.for-contact-info {

	display: inline-block;

	width: 100%;

}

.for-timing {

	display: inline-block;

	width: 100%;

}

header .fa{

	margin-right:3px;

	color:#454545;

}

header address{

	display:inline;

	margin:0;

}

.address a{

	color:#8c8c8c;

	transition: all 0.3s ease 0s;

}

.address a:hover {
	color: #212b6d;
	font: 15px;

}

.color{

	color:#454545;

}



.formOverlay:before 

{

  content: "\f110";

  font-family: fontawesome;

  -webkit-animation: fa-spin 1s infinite steps(8);

  animation: fa-spin 1s infinite steps(8);

  color: #212b6d;

  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;

	}



/*NAVIGATION*/



.navigation{

	/*background:rgba(36,32,33,0.30);*/

	background:rgba(3,3,3,0.50);

	width:100%;

	position:absolute;

	z-index:9999;

	font-size: 0px;	

	transition: all 0.3s ease 0s;

}

.navigation span {

	position: absolute;

	right: 100%;

	width: 100%;

	background: #212b6d;

	height: 100%;

}



/* .navigation:before, */ 



	

.navigation:after {

	bottom: 0;

	content: "";

	position: absolute;

	top: 0;

}

.navigation:after {

	left: 100%;

	background:#212022;

}

.for-logo {

	padding-right: 0px;

	overflow: hidden;

	background:#212b6d;

}

.navigation .logo{

   background: #212b6d;

   height: auto; /*100px*/

   margin-top: 0px;

   position: relative;

   width: 100%;   

   border-radius: 0px;

   z-index: 10;

   /*transform:skew(-20deg);   */

}

.navigation .logo span {

  	/*content: "";*/

    top: 0;

    position: absolute;

    right: -3px;

    bottom: 0;

    border-radius: 55px;

    width: 70%;

    z-index: 1;

    box-shadow: 3px 0px #212b6d, 3px 0px 1px 0px #212b6d;

    -moz-box-shadow: 3px 0px #000, 3px 0px 1px 2px #000;

    background: transparent;

  	

}

.logo img {

  /*transform: skew(20deg);*/

}

.navigation .logo a{

	display: inline-block;

	padding: 32px 16px 28px 0px;

	position: relative;

	z-index: 10;

}

nav {

    background-color: transparent !important;

    border: medium none !important;

	z-index:999;

}

.navbar{

	margin-bottom:0 !important;

	z-index:999;

	border: none;

	border-radius: 0px;

}

.navbar-form.navbar-right:last-child{

	margin-right:0 !important;

}

.navbar-collapse{

	margin-right:30px;	

}

.navbar li {

	z-index:999;

	margin-left:5px;

	margin-top:31px;

	margin-bottom:31px;

	border-radius: 25px;	

    transition:all 0.3s ease 0s;

}

.navbar-nav > li > a{

    color:#fff !important;

	font-size:16px;

	padding:8px 22px;

	display:inline-block;

	text-shadow: none;

	font-weight:400;

	background: transparent !important;	

}

.navbar-default .navbar-nav > li.active ,.navbar-default .navbar-nav > li:hover{	

	background:#212b6d;

}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {

	background:transparent !important;	

}



	/* dropdown menu */



.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {

	background: transparent;	

}



.caret-up {

    width: 0; 

    height: 0; 

    border-left: 4px solid rgba(0, 0, 0, 0);

    border-right: 4px solid rgba(0, 0, 0, 0);

    border-bottom: 4px solid;    

    display: inline-block;

    margin-left: 2px;

    vertical-align: middle;

}

.dropdown .dropdown-menu {

	padding: 0px;

	background-color: #212b6d;
	

	min-width: 160px;

	border-radius: 20px !important;

}

.dropdown .dropdown-menu li:first-child {	

	border-top-left-radius: 20px;

	border-top-right-radius: 20px;

}

.dropdown .dropdown-menu li {

	margin: 0px;

	border-bottom:1px solid rgba(197, 119, 0, 1);

	background: transparent;

	border-radius: 0px;	

	transition: all 0.3s ease 0s;

}

.dropdown .dropdown-menu li:last-child {

	border-bottom-left-radius: 20px;

	border-bottom-right-radius: 20px;

}

.dropdown .dropdown-menu li a {

	padding: 8px 15px;

	color: #fff;	

}

.dropdown .dropdown-menu li:hover {

	background: transparent;

}

.dropdown .dropdown-menu li:hover a {

	color: #ccc;


}

.dropdown-menu li a:hover {

	background: transparent !important;

}







	/* dropdown menu */



	/*fixing navbar*/

.navbar-fixed {

	/*background-color: transparent;*/

    top: 0;

    z-index: 100;

  	position: fixed;

    width: 100%;

    z-index: 9999;

}

	/*fixing navbar*/



/* Searchbar */



.hiden-form {

	min-height: 0px !important;

}

.search-container {

    position: absolute;

    right: 0;

    top: 0%;

    margin-top: 0px;

    display: inline-block;   

    z-index: 999;    

}

.search-container .searchbox-icon:before {

	color: #fff;

	display: inline-block;

	content: '\f002';

	font-family: FontAwesome;

	font-size: 16px;

	transition:all 0.3s ease 0.1s;

}

.search-container .searchbox-icon-closed:before {

	content: '\f00d';

}

.search-container .searchbox-icon {

	height: 55px;

	width: 55px;

	background: rgba(255, 255, 255, 0.05);

    border-radius: 50%;    

	border:none;

	transition: all 0.3s ease 0s;		

}

.search-container .searchbox-icon:hover {

	background: rgba(247, 148, 29, 1);

}

.search-container .searchbox-icon-closed {

	background: rgba(247, 148, 29, 1);

}

.search-container .searchbox-icon:focus,

.search-container .searchbox-icon:active {

	outline: none !important;

}



#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;

	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;

	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: rgba(247, 148, 29, 1);

	border: none;

	border-top-left-radius: 45px;

	border-bottom-left-radius: 45px;

	position: absolute;

	padding: 0px 22.5px;

	top: 50%;

	font-size: 16px;

	right: 0px;

	transform:translateY(-50%);

	-webkit-transform:translateY(-50%);

	-moz-transform:translateY(-50%);

	z-index: -1;

	transition:z-index 0.8s ease 0s, background 0.3s ease 0s;	

}

#search-form .search-group .search-icon:before {

	content: "";

    top: 0;

    position: absolute;

    left: -5px;

    bottom: 0;

    border-radius: 55px;

    width: 100%;

    z-index: 1;

    box-shadow: inset 2px 0px #212b6d, inset 2px 0px 1px 0px #212b6d;

    -moz-box-shadow: inset 5px 0px #000, inset 5px 0px 1px 2px #000;

    transition: all 0.3s ease 0s;

}

#search-form .search-group .search-icon:hover {

	background: #2b2b2b;	

}

#search-form .search-group .search-icon:hover:before {

	left: 0px;

}

#search-form .search-group .search-icon i.fa {

	color: #fff;

}

#search-form .search-group-active .search-icon {

	z-index: 7;

}

#search-form .form-control::-webkit-input-placeholder { /* Chrome */

	color: #999999;

}

#search-form .form-control:-ms-input-placeholder { /* IE 10+ */

	color: #999999;

}

#search-form .form-control::-moz-placeholder { /* Firefox 19+ */

    color: #999999;

    opacity: 1;

}

#search-form .form-control:-moz-placeholder { /* Firefox 4 - 18 */

    color: #999999;

    opacity: 1;

}

.top-nav2 {

	display:inline-block;

	width: 100%;

}

.color-scheme{

	position:fixed;

	right:-200px;

	z-index:1000;

	top:78px;	

}

.color-icon{

	float:left;

	width:50px;

	border:1px solid #dadada;

	height:50px;

	padding-top:10px;

	background-color:#fff;	

}

.fa-cog{

	color:#000;	

}

.color-scheme-inner{

	float:left;	

	background-color:#fff;

	width:200px;

	box-shadow: 0 4px 3px 0px rgba(0,0,0,0.75);

}

.color-scheme-inner ul{

	list-style:none;

}

.color-scheme-inner .roofer-colors{

	padding:20px 15px;

	display: none;	

}

.roofer-colors p{

	color: #333;

    font-family: 'OpenSansRegular';

    font-size: 12px;

    font-weight: 400;

    line-height: 20px;

    margin: 0 0 12px;	

}

.color-scheme-inner h2{

	font-size:16px;

	margin-bottom:20px;

	color:#fff;

	line-height:48px;

	font-family:'RobotoRegular';

	margin:0;

	background: #212b6d;

}

.colors li{

	margin:0 5px;

	float:left;

	width:30px;

	margin-bottom:7px;	

	height:30px;

	cursor:pointer;

	display:inline;

	border-radius:5px;		

}

.colors li.activeColor

{

	border:1px solid #000 !important;	

}

hr{

	border-bottom:2px solid #ff9c11;	

}



/* General button style */

.red-button {

	text-align:center;

	font-size:14px;

	font-family: 'Roboto', sans-serif;

	font-style: italic;

	font-weight:400;

	text-transform:uppercase;

	background:#bbb;

	/*background:#212b6d;*/

	color:#ffffff;

	padding:10px 20px;

	display: inline-block;

	margin-bottom: 10px;

    margin-top: 20px;

    border:none;

    border-radius: 25px;

	position: relative;

	transition: all 0.3s ease 0s;	

    transition-delay: 0s;

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

}

.red-button span{

	display: block;

	position: relative;

	z-index: 10;	

}

.red-button:after {

    content: "";

    top: 0;

    position: absolute;

    right: -3px;

    bottom: 0;

    border-radius: 30px;

    width: 70%;

    z-index: 1;

    box-shadow: 2px 0px #212b6d, 2px 0px 1px 0px #212b6d;

    -moz-box-shadow: 5px 0px #212b6d, 5px 0px 1px 2px #212b6d;

    transition: all 0.3s ease 0s;

}

.red-button:hover,

.red-button:active,

.red-button:focus {

	color: #212b6d;

	text-decoration: none;

	outline: none;

    background: #ffffff;

    transition-delay: 0s;

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

}

.red-button:hover:after {	

	right: 0px;

}



	/* main-slider */



.rsABlock{

	color:#fff;

	left: 0;

	top: 0;

	position: relative;

  	display: block;

	z-index: 15;

}

.rsABlock img {

	position:absolute;

	top:0;

	left:0;

	height: 630px;

	width: 75%;

}



	/* Custom */



#slider-with-blocks-1{

  width: 100%;

}

.rsContent{

  color: #FFF;

  float: left;

}

.bContainer{

  position: relative;

  left:10px;

  padding: 280px 0px 200px;  

}

.bContainer h1{

	font-size:42px;	

	font-family: 'Roboto', sans-serif;

	margin:20px 0;

	margin-top: 5px;

	font-weight: 900;

	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.6);

	-webkit-text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.6);

	-moz-text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.6);

}

.bContainer h2{

	font-size:26px;

	margin-bottom: 0px;

	font-weight:400;

	text-transform:uppercase;

	font-family: 'Roboto', sans-serif;

}

.bContainer h2 span {

	border-bottom: 1px solid #fff;

	padding-bottom: 20px;

	display: inline-block;

	margin-bottom: 20px; 

}

.bContainer h2 strong

{

	color:#212b6d !important;	

}



.item {

	overflow: hidden;

}

.slide1{
	background: url(../images/sliderimg3.jpg) top left no-repeat;
	background-size: cover;

}

.slide2 {

    background: url(../images/sliderimg2.jpg) top left no-repeat;

	background-size:cover;

}



.slide3{
	background: url(../images/sliderimg1.jpg) top left no-repeat;
	background-size: cover;

}



#slider-with-blocks-1 .owl-controls .owl-buttons div {

   background: rgba(0,0,0,0.3);

   color: #fff;

   display: inline-block;   

   padding: 0px;

   margin-right: 5px;

   font-weight: normal;	

   width: 50px;

   height: 50px;

   border-radius: 50%;

   line-height: 50px;

   font-size: 18px;

   text-align: center;

   transition:all 0.30s ease 0s;  

   opacity: 0;    

}

#slider-with-blocks-1:hover .owl-controls .owl-buttons div {

	opacity: 1;

}

#slider-with-blocks-1 .owl-controls .owl-buttons .owl-prev {

	position: absolute;

	left: 5px;

	top: 45%;

}

#slider-with-blocks-1 .owl-controls .owl-buttons .owl-next {

	position: absolute;

	right: 0px;

	top: 45%;

}

#slider-with-blocks-1 .owl-controls .owl-buttons .owl-prev i.fa,

#slider-with-blocks-1 .owl-controls .owl-buttons .owl-next i.fa {

	font-size: 16px;

}

#slider-with-blocks-1 .owl-controls .owl-buttons div:hover {

	background: rgba(255,255,255,0.8);

	border-color: #fff; 

	color: #000;

}



/******************* roofers section *******************/



.roofers-bg{

	 background:#ffffff;

	 padding:90px 0 40px;

	 color:#fff;

	 position:relative;

	 transition:all 0.3s ease 0s;

}

.about-info {

	margin-top: 40px;

}

.about-info .media {

	margin-bottom: 50px;

}

.about-info .media img {

	max-width: none;

	margin-top: 10px;

}

.about-info .media-body {

	padding-left: 20px;

}



.media-heading {

	font-size: 20px;

	font-weight: 300;

	color: #424242;

	margin-bottom: 18px;

}

.media-desc {

	font-size: 14px;

	font-weight: 300;

	color: #636363;

	line-height: 1.7em;	

	margin-top: 0px;

	margin-bottom: 0px;

}

.gray-bg {

	background: #f3f3f3;

}





/*********************** free estimation quota *********************/



div.module.parallax {

  height: auto;

  background-position: 50% 50%;

  background-repeat: no-repeat;

  background-attachment: fixed;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}



div.module.parallax-1 {

  background-image: url(../images/estimation.jpg);

  padding-top:65px;

  position:relative;

}



.myrow {

    font-size: 0;

}

.myrow > * {

    float: none;

    display: inline-block;

    font-size: 14px; /* if using LESS it's quicker to just use @font-size-base */

}

.myrow > *:last-child {

    vertical-align: bottom;

}

#estimation .section-desc p.section-text  {

	margin-bottom: 0px;

}



#estimation .seperator {

	/*margin-left: 62px;*/

	margin-bottom: 25px;

}

#estimation .section-desc .section-text {

	padding: 0px;	

}

#form-estimation

{

	margin-top:35px;

	margin-bottom: 85px;

}

#estimation-form .field-container-lft {

	padding-right: 10px;

}

#estimation-form .field-container-rght {

	padding-left: 10px;

}

#estimation-form .form-group {

	margin-bottom: 20px;

}

#estimation-form .form-control

{

	height:40px;

	border-radius:25px;

	box-shadow:none;

	background-color:rgba(255,255,255,0.5) !important;

	outline: none;

	padding: 0px 15px;

	border: none;

	border: 1px solid #212b6d;

	position: relative;

	z-index: 2;

	color:#404040 !important;

	transition: all 0.3s ease 0s;

}

#estimation-form .form-control:focus {

	border: none;

}

#estimation-form textarea.form-control

{

	height:165px;

	padding: 15px;

}

form#estimation-form .btn{

	border:none;

	border-radius:0;

	font-size:14px;

	color: #fff !important;

	font-family: "Roboto",sans-serif;

	right:25px;

	padding:10px;

	display: inline-block;

	margin-bottom: 10px;

	font-weight:500;

    margin-top: 20px;

	position: relative;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

	width:100px;

	-moz-transform:skew(-25deg);

    -webkit-transform:skew(-25deg);

    -o-transform:skew(-25deg);

    -ms-transform:skew(-25deg);

    transform:skew(-25deg);

	margin-left:15px;

}

form#estimation-form .btn:after {

  content: "";

  background: #5b3832;

  height: 111px;

  top: 0;

  position: absolute;

  right: 3px;

  bottom: 0;

  width: 3px;

}

#estimation-form .red-button {

	margin-right: 15px;

	margin-top: 0px;

	margin-bottom: 0px;

}

#estimation-form .red-button:hover {

	background: #1A1A23;

	color: #ffffff;

	border-right: 1px solid #212b6d;

}

#estimation-img img {

	display: inline-block;

}

 

.toggle{

	background:#212b6d; 

	color:#fff;	

	margin-left:-42.5px;

	display: inline-block;

	position:absolute;

	top:-14px;

	width:60px;

	height: 30px;

	border-radius: 25px;

	left:50%;

	right:0;

	cursor:pointer;

}

/*.toggle .toggle-arrow {

	position: relative;

	width: 100%;

	height: 100%;

	display: inline-block;

	overflow: hidden;

}*/

.toggle .toggle-arrow:before

{

	content: "\f102";

	font-family:fontawesome;

	color:rgba(255,255,255,1);

	font-size:16px;	

	position: absolute;

	left: 50%;

	bottom: 50%;

	margin-left: -5px;

	margin-bottom: -11px;

	display:block;

}

.toggle .toggle-arrow.active:before

{

	content: "\f103";

	font-family:fontawesome;

	color:rgba(255,255,255,1);

	font-size:16px;	

	position: absolute;

	left: 50%;

	bottom: 50%;

	margin-left: -5px;

	margin-bottom: -12px;	

	display:block;

}



/* general form animation style */



		.form-group {

			position: relative;

		}

		.input-bottom-line {

			position: absolute;

			content: '';

			top: 0;

			left: 0;

			width: 0%;

			height: 101%;

			border-radius: 25px;

			border: 1px solid rgba(247, 148, 29, 0);

			/*background: #212b6d;*/

			z-index: 1;

			-webkit-transition: height 0.3s, width 0.3s 0.1s;

			transition: width 0.3s, border 0.4s;			

		}		

		.form-control:focus ~ .input-bottom-line {

			/*top: 0;*/

			width: 100%;

  			/*height: 101%;*/

  			border: 1px solid rgba(247, 148, 29, 1);			

		}



	/* general form animation style */



/**************************** our services **************************/

#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-right: 20px;

	margin-top: 20px;

}

#service-carousel .item .item-inner {

	position: relative;

	display: inline-block;

	width: 100%;

	overflow: hidden;

}

#service-carousel .item .item-inner h4 {

	font-weight: 400;

	text-transform: uppercase;

	bottom: 25%;

    margin: 0;

    overflow: hidden;

    padding: 0 15px;

    position: absolute;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 100%;

    z-index: 2;

    transition: all 0.3s ease-in 0.1s;

}

#service-carousel .item .item-inner p {

	position: absolute;

	padding: 0px 15px;

	height: 75%;

	overflow-y: hidden;

	font-size: 14px;

	line-height: 1.6em;

	word-spacing: 1.9px;

	letter-spacing: 1.1px;

	opacity: 0;

	width: 100%;

	top: 100%;

	left: 0;

	transition: all 0.3s ease-in 0.1s;

}

#service-carousel .item .item-inner .bottom-overlay {

	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);

    bottom: 0;

    left: 0;

    min-height:20%;

    position: absolute;

    width: 100%;

    transition: all 0.3s ease 0s;

}

#service-carousel .item .item-inner:hover .bottom-overlay {

	background: rgba(0, 0, 0, 0.2) linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.8) 100%);

	min-height: 100%;

}

#service-carousel .item .item-inner:hover h4 {

	bottom: 85%;

}

#service-carousel .item .item-inner:hover p {

	top: 20%;

	opacity: 1;

	overflow-y: auto;	

}

#service-carousel .item img {

	border: 2px solid #e0e0e0;

}

#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:#212b6d;

	color:#ffffff;

	padding: 4px 22px;

	display: inline-block;

	border:none;

	border-radius: 25px;

	position: relative;

	transition: all 0.3s ease 0s;	    

}

#service-carousel .owl-buttons .owl-next:hover,

#service-carousel .owl-buttons .owl-prev:hover {

	background: #1A1A23;

}

#service-carousel .owl-controls .owl-buttons div {

	height: auto !important;

	width: auto !important;

	line-height: normal !important;

	margin-left: 5px;

}

#service-carousel .owl-buttons .owl-next i.fa,

#service-carousel .owl-buttons .owl-prev i.fa {

	font-size: 10px;

}

#service-carousel .red-button:hover {

	background: #2b2b2b;

	color: #fff;

}

#service-carousel .red-button:after:hover {

	background: #2b2b2b;

}





/********************** cities we serve ****************************/

#cities

{

	background:#212b6d;

}

.zero-right-padding {

	padding-right: 0px;

}

#cities .section-desc h1.section-heading {

	color: #fff;

}

#cities .seperator {

	margin-left: 62px;	

	background: url(../images/locksign-white.png) no-repeat;

}

#cities .seperator:before,

#cities .seperator:after {

	background: #fff;

}

#cities .section-desc .section-text {

	padding: 0px;

	color: #fff;

}

#map

{

	height: 670px;

}

#cities-text

{

	padding-top:90px;

}

#cities-text ul

{

  -moz-column-count:2;

  -webkit-column-count:3;

  column-count:2;

}

ul#cities-list

{

	margin-top:50px;

	height: 340px;

	overflow: auto;

}

ul#cities-list li

{

	font-family: "Roboto",sans-serif;

	font-weight:400;

	color:#fff;

	font-size:14px;

	line-height:35px;

}

ul#cities-list li i.fa

{

	margin-right:10px;

	color:#fff;

}

ul#cities-list li.disable

{

	color:#d9831a;

}

ul#cities-list li.disable i.fa

{

	color:#d9831a;

}



/******************** newsletter *********************/

#newsletter

{

	background:#212b6d;

	padding:60px 0px 70px;

}

#newsletter .red-button {

	background: #fff;

	color: #212b6d;

	margin: 0px;

	margin-top: 20px;

	font-weight: 500;

	margin-left: -15px;

	transition: 0.3s ease 0s;

	position: relative;

	z-index: 2;

}

#newsletter .red-button:hover {

	background: #2b2b2b;

	color: #ffffff;

}

#newsletter-text h1

{

	margin:0px;

	font-family: "Roboto",sans-serif;

	font-weight:lighter;

	font-size:30px;

	color:#ffffff;

}

#newsletter-text p

{

	font-size:14px;

	margin-top:15px;

	font-family: "Roboto",sans-serif;

	color:#ffffff;

	margin-bottom:0px;

	font-weight:normal;

}

#newsletter-form {

	margin-top: 20px;

}

#newsletter-form .form-group {

	margin-bottom: 0px;

	margin-top: 20px;

	display: inline-block;

	width: 65%;

	float: left;

}

#newsletter-form input.form-control {

  background:transparent;

  background-color: transparent;

  border:none;

  border-bottom: 1px solid rgba(255, 255, 255, 0.5);

  height: 40px;

  display: inline-block;

  font-size: 16px;

  font-weight: 400;

  border-radius: 0px;

  margin-top: 0px;

  padding: 0 20px 0px 15px;

  width: 100%;

  color:rgba(255,255,255,1);

  box-shadow:none !important;

  -moz-box-shadow:none !important;

  -webkit-box-shadow:none !important;

  transition: all 0.2s ease 0s;

  z-index: 2;  

}

#newsletter-form input:focus

{

	box-shadow:none !important;

	-moz-box-shadow:none !important;

  	-webkit-box-shadow:none !important;

  	outline: none;

 	border-bottom: 1px solid rgba(255, 255, 255, 0.0); 	

}

#newsletter .red-button:after {

	box-shadow: 2px 0px #fff, 2px 0px 1px 0px #fff;

    -moz-box-shadow: 5px 0px #fff, 5px 0px 1px 2px #fff;

}

#subscribe-form .error {

	border-radius: 25px !important;	

	border: 1px solid #e52325 !important;

}

#subscribe-form .error:focus ~ .input-bottom-line {

	width: 0px;

	border-color: transparent !important;

}



/* general form animation style */



		#newsletter-form .form-control:focus ~ .input-bottom-line {

  			border: 1px solid rgba(255, 255, 255, 1);

		}



	/* general form animation style */



#newsletter-form ::-webkit-input-placeholder { /* Chrome */

	  color: rgba(255,255,255,0.20);

	}

#newsletter-form :-ms-input-placeholder { /* IE 10+ */

	  color: rgba(255,255,255,0.20);

	}

#newsletter-form ::-moz-placeholder { /* Firefox 19+ */

	  color: rgba(255,255,255,0.20);

	  opacity: 1;

	}

#newsletter-form :-moz-placeholder { /* Firefox 4 - 18 */

	  color: rgba(255,255,255,0.20);

	  opacity: 1;

	}



/************************** feature section ************************/



.feature{

	background-color:#ffffff;

	min-height:460px;

	height:100%;

	padding:90px 0 70px;

	position:relative;

}

.outer-border

{

	border:1px solid #fff;

	height:100%;

	border-radius: 25px;

}

.outer-border a:hover i.fa

{

	color:#333333;

}

.outer-border h4

{

	color:#ffffff;

	margin:0px;

	font-weight: 400;

	font-size:18px;

	text-transform: uppercase;

}

.outer-border p {

	color:#ffffff;

	margin-top:10px;

	font-weight: 400;

	font-size:14px;

	text-transform: uppercase;

}

.outer-border h4

{

	margin-top:13%;

}

.mosaicflow{

	margin-bottom:1%;

    margin-top:4%;

}

.mosaicflow__column {

	float:left;

}

.mosaicflow__item {

	position:relative;

}

.mosaicflow__item .hoover {

	position:absolute;

	bottom:0;

	left:0;

	width:100%;

	height:100%;

	margin:0;

	padding:20px;

	background:rgba(33, 43, 109, 0.9);

	opacity:0;

	-webkit-transition:all 0.3s ease 0s;

	-moz-transition:all 0.3s ease 0s;

	-o-transition:all 0.3s ease 0s;

	 transition:all 0.3s ease 0s;

}

.mosaicflow__item .hoover .fa{

	color:#fff;

	font-size:18px;

	padding:10px;

	margin-top:0px;

	transition: all 0.3s ease 0s;

}

.mosaicflow__item:hover .hoover {

	opacity:1;

}

.new-images

{

	display:none;

}

.new-images1 .outer-border h4

{

	margin-top:30%;

}



/***************************** latest news *****************************/



div.module.parallax-3 {

  background: #f5f5f5;

  padding:90px 0px 70px;

}



#latest-news .section-desc .section-heading { 

	color: #424242;

}

#latest-news p

{

	font-size:16px;

	margin-top:10px;

	color:#636363;

	line-height:25px;

}

.news-holder {

	margin-top: 60px;

	display: inline-block;

	width: 100%;

}

.news-holder .red-button:first-child {

	margin-left: 8px;

}

.news-holder .red-button,

.detail-info-cont .red-button{

	padding: 8px 16px;

	margin-right: 5px;

	margin-top: 0px;

	font-size: 12px;

	font-family: 'Roboto';

	font-weight: 500;

	cursor: default;

	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: #212b6d;

	color: #fff;

}

.news-holder .grey-button,

.detail-info-cont .grey-button {

	background: #2b2b2b;

	margin-right: 0px;

}

.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: 5px;	

	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;

	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: #424242;

	font-weight: 300;

	font-size: 20px !important;

	margin-top: 10px !important;

	margin-bottom: 10px !important;

	transition:all 0.3s ease 0s;

}

.news-holder .news-text p {

	color: #000;

	font-size: 14px !important;

	display: none;

	margin-bottom: 10px;

	line-height: 1.7em;

	transition:all 0.3s ease 0s;

	transition-delay: 0.6s;

}

.news-holder .news-text .news-read-more {

	color: #fff;

	font-size: 12px;

	font-style: italic;

	font-weight: 400;

	display: none;

	transition:all 0.3s ease 0s;

}

.news-holder .news-text .news-read-more:hover {

	color: #000000;

}

.news-holder .news-container:hover .news-text {

	top: 0px;

	background: rgba(33, 43, 109, 0.9);

	height: 100%;

	padding: 18px;

}

.news-holder .news-container:hover .news-text h1 {

	font-weight: 400;

}

.news-holder .news-container:hover .red-button {

	background: #fff;

	color: #212b6d;

}

.news-holder .news-container:hover .grey-button {

	background: #2b2b2b;

	color: #fff;

}

.news-holder .news-container:hover .news-text h1 {

	color: #fff;

}

.news-holder .news-container:hover .news-text p {

	display: block;

	font-weight: 400 !important;

	font-size: 14px !important;

	padding: 0px !important;

	color: #fff !important;	

}

.news-holder .news-container:hover .news-text p.news-text-desc {

	line-height: 1.6em !important; 

}

.news-holder .news-container:hover .news-text .news-read-more{

	display: block;

}



/******************** pricing plan ******************/

	#plans {

		padding:0px 0px 90px;

		overflow: hidden;

	}	

	#plans .price-plan {

		margin-top: 60px;

	}

	#plans .price-plan .panel-default 

	{

	  -webkit-background-size: cover;

      -moz-background-size: cover;

      -o-background-size: cover;

      background-size: cover;

	  border-radius: 25px;

	  background-color: #fff;

	  margin-bottom: 0px;

	  box-shadow: 0 0 8.3px 2px rgba(0, 0, 0, 0.1);

	  -webkit-box-shadow: 0 0 8.3px 2px rgba(0, 0, 0, 0.1);

	  -moz-box-shadow: 0 0 8.3px 2px rgba(0, 0, 0, 0.1);

	  transition: all 0.3s ease 0s;

	  backface-visibility: hidden;

	  border: none;

	}

	.price-container {

		padding: 25px 0px;		

	}

	#plans .price-plan .panel-default:hover

	{

		background:url(../images/price-hover.jpg) top left no-repeat;

		-webkit-background-size: cover;

      	-moz-background-size: cover;

      	-o-background-size: cover;

       	background-size: cover;

       	background-color: transparent;

		box-shadow: 0 0 9.3px 3px rgba(0, 0, 0, 0.35);

	  	-webkit-box-shadow: 0 0 9.3px 3px rgba(0, 0, 0, 0.35);

	  	-moz-box-shadow: 0 0 9.3px 3px rgba(0, 0, 0, 0.35);

		transform: scale(1.23, 1.10);

	  	position:relative;

	 	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, #plans .price-plan .panel-default:hover p, #plans .price-plan .panel-default:hover .panel-body ul li, #plans .price-plan .panel-default:hover .panel-body ul li.disable-li

	{

		color:#ffffff !important;

	}

	#plans .price-plan .panel-default h2,

	#plans .price-plan .panel-default p  {

		font-family: "Roboto",sans-serif;

	}

	#plans .price-plan .panel-default h2 {

		font-size: 18px;

	  	margin-top: 0px;

	  	text-transform: uppercase;

	  	color: #454545;

	  	letter-spacing: 1px;

	  	font-weight: 500!important;

	  	font-family: roboto;

	}

	#plans .price-plan .panel-default p {

	  	font-size: 14px;

	  	text-transform: uppercase;

	  	color:#636363;

	  	font-weight:500;

	}

	.panel-price{

	  	background:#212b6d;

	  	padding:20px 0px;

	  	margin-top:20px;

	}

	.panel-price h2

	{

		margin:0px !important;

		color:#ffffff !important;

		font-size:40px !important;

		font-family: "Roboto",sans-serif;

		font-weight:normal !important;

		text-transform:lowercase !important;

	}

	span.per ,span.dollar

	{

	  	font-size: 16px;

	  	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 15px 0px;

		font-size:14px;

		padding:10px 0px;

		color:#636363;

	}

	#plans .red-button {

		background: #2b2b2b;

	}

	#plans .red-button:after {

		right: -2px;

		box-shadow: 2px 0px #2b2b2b, 2px 0px 1px 0px #2b2b2b;

        -moz-box-shadow: 5px 0px #2b2b2b, 5px 0px 1px 2px #2b2b2b;

        transition: all 0.3s ease 0s;

	}		

	#plans .red-button:hover {

		background: #ffffff;		

	}

	#plans .red-button:hover:after {

		right: -2px;

		box-shadow: 2px 0px #ffffff, 2px 0px 1px 0px #ffffff;

        -moz-box-shadow: 5px 0px #ffffff, 5px 0px 1px 2px #ffffff;

	}

	#plans .price-plan .panel-default .panel-body ul li.disable-li

	{

		color:#d1d1d1 !important;

	}

	.panel-body 

	{

	  padding: 40px 15px 15px 15px;

	}

	div.triangle {

    text-align: center;

	color: #fff;

	font-size: 0.8em;

	position: absolute;

    top: -9px;

    left: -23px;

	width: 0;

	height: 0;	

	border-left: 	60px solid transparent;

	border-right: 	60px solid transparent;

	border-bottom: 	60px solid #000000;

    -moz-transform: rotate(-45deg);

    -webkit-transform:rotate(-45deg);

    transform:rotate(-45deg);

}

span.sale-text {

	font-family: "Roboto",sans-serif;

	font-weight: normal;

    position: absolute;

    bottom: -54px;

    left: -126px;

    right: -126px;

    width: auto;

    height: auto;

    text-transform: uppercase;

}

 /* Price-Plan */

 

 /************************** testimonial *************************/

 

div.module.parallax-2 {

  /*background-image: url(../images/testimonial.jpg);*/

  background: #ffffff;

  padding:60px 0px 10px;

}

  #testimonial h1

  {

	  text-transform:capitalize;

	  font-size:22px;

	  font-weight: 400;

	  color:#424242;

	  margin:0px 0px 40px;

  }

  #partners {

  	display: inline-block;

  }

  ul#partners li {

	float:left;

	margin-bottom:1px;

	margin-right:1px;

  }

  ul#partners li a {

	background-color:rgba(0,0,0,0.10);

	display:inline-block;

	text-align:center;

	padding: 20.5px 30px;	  

	transition: all 0.3s ease 0s;

  }

  ul#partners li a:hover {

  	background-color: rgba(247, 148, 29, 0.90);

  }



  .bx-wrapper .bx-viewport

  {

	  box-shadow:none;

	  border:none;

	  background:rgba(87, 87, 87, 0.10);

	  padding:35px 0px 30px;	 

  }

  .testimonial-container .bx-wrapper .bx-viewport {

  	background-image: url(../images/testimonial.jpg);

  	background-size: cover;

  	-webkit-background-size: cover;

  	-moz-background-size: cover;

  }

  .bx-wrapper img {

  display: block;

  max-width: 100%;

  text-align: center;

  margin: 0 auto;

}

.testimonial-img {

  margin: 0 auto;

  text-align: center;

  width: 100%;

}

.testimonial-content p {

  color: #636363;

  font-size: 14px;

  font-style: italic;

  font-weight: normal;

  margin:10px 50px 20px;

  line-height: 1.7em;

}

.testimonial-img span

{

	font-size:16px;

	font-weight:400;

	color:#212b6d;	

}

.testimonial-img p

{

	font-size:12px;

	color:#424242 !important;

	font-weight: 400;

	margin:0px;

	font-style:normal !important;	

}

  .testimonial-content .testimonial-text {

  	position: relative;

  }

  .testimonial-content .testi-img {

  	margin-bottom: 30px;

  }

  .testimonial-content .quote-icon {

	  position: absolute;	  

	  font-size:22px;

	  color:#949494;

  }

  .testimonial-content .quote-icon-left {

  	top: -40px;

  	left: 28px;

  }

  .testimonial-content .quote-icon-right {

  	bottom: -32px;

  	right: 24px;  	

  }

  .bx-viewport {

  	background: transparent;

  }

  #partners-logo .bx-wrapper {

  	margin-left: 7px !important;

  }

  #partners-logo .bx-wrapper .bx-viewport {

  	padding: 0px 0px 0px 0px;

  	background: transparent;

  }

  .logo-slider li {

  	margin-top: 0px !important;

  	margin-bottom: 1px !important;

  }

 

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



footer{

	background:#2b2b2b;

	border-top:3px solid #212b6d;

	color:#8b8b8b;

	font-size:14px;

	padding-top:5%;

}

#footer .seperator:before {

	width: 15px;

	left: -25px;

}

#footer .seperator {

	margin-left: 25px;

	margin-top: 15px;

}

#footer .seperator:after {	

	width: 82px;

	right: -92px;

}

.footer-detail {

	position: relative;

}



.footer-services a {

	display: inline-block;

	width: 100%;

	position: relative; 

	padding-left: 20px;

}

.footer-services a i.fa {

	position: absolute;

	top: 3px;

	left: 0px;

}

.footer-detail{ padding-bottom:75px; display: inline-block; width: 100%; }

.footer-detail a{ color:#a8a8a8; font-weight:500;}

.footer-detail a:hover{ color:#fff;}

.footer-detail .fa{ margin-right:2px;}

.footer-detail h3{

	color:#fff;

	font-family: "Roboto",sans-serif;

	font-size:18px;

	font-weight:normal;

	margin-top:0;

	margin-bottom:0px;

}

.footer-services a {

	font-size: 14px;

	font-weight: 500;

}

p.footer

{

	color:#828282 !important;

	font-size:12px !important;

	margin:10px 0px 0px;

	font-weight: 500;

}



.footer-detail ul li{

	border-bottom: 1px solid #404040;

	font-size: 16px;

	font-weight: normal;

	padding-bottom: 8px;

	margin-bottom: 8px;

}

.footer-detail li:hover {

	color: #fff;	

}

.footer-detail ul li a:hover, footer .copy-right a:hover{

	color:#fff;

}

.l-post .row {

	margin-bottom: 200px;

}

.footer-detail .l-container {

	padding: 0px 8px 8px 0px;

}

.footer-detail .latest-project {

	position: relative;

}

.l-project-hover {

	position: absolute;

	top: 0px;

	left: 0px;

	padding: 10px;

	width: 100%;

	height: 100%;

	display: inline-block;

	background: rgba(247, 148, 29, 0);

	text-align: center;	

	transition:all 0.6s ease 0s; 

}

.l-project-hover .l-project-hover-inner {

	width: 100%;

	height: 100%;

	display: inline-block;

	transform: scale(0.1);

	-webkit-transform: scale(0.1);

	-moz-transform: scale(0.1);

	border: 1px solid rgba(255, 255, 255, 0);

	border-radius: 25px;

	transition:all 0.3s ease 0s;	

}

.l-project-hover .l-project-hover-inner a {

	font-size: 16px;

	color: rgba(255, 255, 255, 0);

	position: absolute;

	top: 50%;

	left: 50%;

	transform: scale(0.1);

	-webkit-transform: scale(0.1);

	-moz-transform: scale(0.1);

	margin-top: -10px;

	margin-left: -8px;

	transition: all 0.3s ease 0s;	

}

.footer-detail .latest-project:hover .l-project-hover {

	background: rgba(247, 148, 29, 0.8);

}

.footer-detail .latest-project:hover .l-project-hover .l-project-hover-inner {

	transform: scale(1);

	border: 1px solid rgba(255, 255, 255, 1);

	transition-delay: 0.3s;

}

.footer-detail .latest-project:hover .l-project-hover .l-project-hover-inner a {

	color: rgba(255, 255, 255, 1);

	transform: scale(1);

	transition-delay:0.6s;

}

.footer-detail #mail , footer .copy-right a{

	color:#8b8b8b;

}

footer .copy-right{

	border-top:1px solid rgba(247, 148, 29, 0.5);

	padding:20px 0;

	margin-bottom: 0px;

	position: relative;

	font-weight: 500;

}	





/* About Page */



.about-title {

  background-image: url(../images/about-title-bg.jpg);

  background-size: cover;

  -moz-background-size: cover;

  -webkit-background-size: cover;

}

#page-title {

	padding: 185px 0px 80px;

}

#page-title h1 {

	color: #fff;

	font-size: 42px;

	font-weight: 700;

	margin-top: 0px;

	margin-bottom: 10px;

}

.breadcrumb {

	background: transparent;

	margin-bottom: 0px;	

}

.breadcrumb li a {

	color: #999999;

	font-size: 18px;

	font-weight: 400;

	text-decoration: none;

	transition: all 0.3s ease 0s;

}

.breadcrumb li a:hover,

.breadcrumb li a:active,

.breadcrumb li a:focus {

	color: #ffffff;

	outline: none;

}

.breadcrumb li.active {

	color: #fff;

	font-size: 18px;

	font-weight: 400;

}



	/* About Image */



#about-us {

	padding-top: 90px; 

}

#about-us .section-text {

	padding: 0px 30px;

}

.about-main-img {

	margin-top: 50px;

}



	/* Our mission */



#our-mission {

	padding: 90px 0px 60px;

}

#our-mission .section-desc h1.section-heading,

#our-mission .section-desc p.section-text {

	color: #fff;

}

div.module.mission-parallax {

  background-image: url(../images/mission-bg.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;

}

.mission-media .media-left {

	position: relative;	

	/*padding-right: 0px;*/

}

.media-span {

	background-color: #fff;

    position: absolute;

    right: -0px;

    top: -5px;

    height: 105%;

    transform: rotate(6deg);

    -webkit-transform: rotate(6deg);

    -moz-transform: rotate(6deg);

    width: 25px;

}

.mission-media .media-left .mission-media-image {

	

}

.mission-media .media-body {

	padding-left: 20px;

	padding-right: 12px;

	background: #fff;

	border-bottom-left-radius: 25px;

	position: relative;

	left: -30px;

}

.mission-media .media-body h3 {

	font-size: 18px;

	color: #2b2b2b;

	font-weight: 500;

	margin-top: 28px;

	margin-bottom: 15px;

}

.mission-media .media-body p {

	font-size: 14px;

	color: #636363;

	font-weight: 400;

	line-height: 1.6em;

	margin-bottom: 0px;

}

.mission-media .red-button {

	padding: 5px 12px;

	margin-left: 0px;

}

.mission-media .red-button:hover {

	background:#2b2b2b;

	color: #fff;

}



	/* Our Team */



#our-team {

	padding: 90px 0px 0px;

}

.team-cont {

	margin-top: 40px;

}

.team-memb {

	position: relative;

}

.team-memb img {

	width: 92%;

}

.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: 0;

	width: 90%;

	height: auto;

	margin-right: 5%;

	margin-left: 5%;

	display: inline-block;

	background:rgba(247, 148, 29, 0.0);

	padding: 15px;

	border-top-left-radius: 0px;

	border-top-right-radius: 0px;

	transform: scale(0);

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	transition: bottom 0.3s ease 0s, transform 0.3s ease 0.1s, background 0.6s ease 0s, border-top-left-radius 0.5s ease 0.1s, border-top-right-radius 0.5s ease 0.1s;

}

.team-memb:hover .team-memb-info {

	background:rgba(247, 148, 29, 1);

	bottom: 0;

	/*left: 50px;*/

	transform: scale(1);

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	border-top-left-radius: 25px;

	border-top-right-radius: 25px;

}

.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;

}

.memb-social li a {

	color: #fff;

	text-decoration: none;

	outline: none;

	transition:all 0.3s ease 0s;	

}

.memb-social li a:hover,

.memb-social li a:active,

.memb-social li a:focus {

	color: #2b2b2b;

	outline: none;

}



	/* Services */



div.module.roof-service-parallax {

  background-image: url(../images/about-services-bg.jpg);

  padding: 75px 0px;

}

.roof-service-parallax .section-desc h1.section-heading,

.roof-service-parallax .section-desc p.section-text {

	color: #fff;

}

.roof-service-parallax .red-button:hover {

	background: #fff !important;

	color: #212b6d !important;

}

.roof-service-parallax .red-button:hover:after {

	box-shadow: 2px 0px #fff, 2px 0px 1px 0px #fff !important;

    -moz-box-shadow: 5px 0px #fff, 5px 0px 1px 2px #fff !important;

    right: -3px !important;

}



	/* Contact Page */



.contact-title {

  background-image: url(../images/contact-title-bg.jpg);

  background-size: cover;

  -moz-background-size: cover;

  -webkit-background-size: cover;

}



#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;

}

.roof-contact-form .form-control {

	background-color: transparent;

	color: #2b2b2b !important;

	box-shadow: none;

	outline: none;

	padding-left: 20px;

	border-radius: 25px;

	border: 1px solid #cccccc;

    position: relative;

    z-index: 2;

	/*color: #d5d5d5 !important;*/

	font-size: 14px;

	font-weight: 400;

	/*border: 1px solid #d7d7d7 !important;*/

}

.roof-contact-form .form-control:focus {

	border: none;

}

.roof-contact-form textarea {

	padding: 20px;

}

.roof-contact-form ::-webkit-input-placeholder { /* Chrome */

	  color: #d5d5d5;

	}

.roof-contact-form :-ms-input-placeholder { /* IE 10+ */

	  color: #d5d5d5;

	}

.roof-contact-form ::-moz-placeholder { /* Firefox 19+ */

	  color: #d5d5d5;

	  opacity: 1;

	}

.roof-contact-form :-moz-placeholder { /* Firefox 4 - 18 */

	  color: #d5d5d5;

	  opacity: 1;

	}

.roof-contact-form .form-control.error {

	    -webkit-box-shadow: 0 0px 0px rgba(56, 165, 74, 0.0) inset, 0px 0px 0px 1px rgba(255, 40, 48, 1) !important;

	    -moz-box-shadow: 0 0px 0px rgba(56, 165, 74, 0.0) inset, 0px 0px 0px 1px rgba(255, 40, 48, 1) !important;

	    box-shadow: 0 0px 0px rgba(56, 165, 74, 0.0) inset, 0px 0px 0px 1px rgba(255, 40, 48, 1) !important;

}

.roof-contact-form .red-button:hover {

	background: #2b2b2b;

	color: #fff;

}

.contact-info-line {

	width: 52px;

	height: 2px;

	display: inline-block;

	background: #212b6d;

	margin-top: 30px;

	margin-bottom: 25px;

}

.contact-info h4 {

	font-size: 30px;

	font-weight: 300;

	color: #2b2b2b;

	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: #212b6d;

}

.contact-info .media-body {

	padding: 20px 15px 20px 0px;

}

.contact-info .address-media {

	background: #212b6d;	

	border-radius: 25px;

}

.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;

	transition:all 0.3s ease 0s;

}

.contact-info .email-media a:hover {

	color: #212b6d;

}



/* Location Page */



.location-title {

  background-image: url(../images/location-title-bg.jpg);

  background-size: cover;

  -moz-background-size: cover;

  -webkit-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;

}

#location-form .form-control {

	width: 84% !important;

}

#location-form .input-bottom-line {	

	left: 15.5%;

	transition:width 0.5s ease 0.2s;

}

#location-form .form-control:focus ~ .input-bottom-line {

	width: 84%;

}



#location-cities {

	padding: 90px 0px;

}

#location-cities ul {

	margin-top: 0px;

	column-count: 4;

	-webkit-column-count: 4;

	-moz-column-count: 4;

}

#location-cities ul li {

	padding-left: 1px;

}

#location-cities ul li a {

	color: #636363;

	padding-left: 0px;

	transition:all 0.1s ease 0s;	

}

#location-cities ul li a:hover {

	color: #212b6d;

	padding-left: 3px;	

}

#location-cities .seperator {

	margin-left: 60px;

	margin-right: 0px;

}

#location-cities ul li.disable a {

	cursor: default;

	text-decoration: none;

	pointer-events: none;

	-webkit-pointer-events: none;

	-moz-pointer-events: none;

}

#location-cities ul li.disable a:hover {	

	padding-left: 0px;

	cursor: default;

	color: #636363;

}



/* sub seperator */

.sub-seperator {

	background: #212b6d;

	width: 52px;

	height: 2px;

	display: inline-block;

	margin: 25px 0px;

}

/* sub seperator */



/* Latest News Page */



.news-title {

  background-image: url(../images/news-title-bg.jpg);

  background-size: cover;

  -moz-background-size: cover;

  -webkit-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: 18px;

	font-weight: 400;

	margin-bottom: 20px;

	margin-top: 0px;

	color: #424242;

}

.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: #636363;

	text-decoration: none;

	transition:all 0.3s ease 0s; 

}

.latst-news-text a:hover {

	color: #212b6d;

}



#latest-news-section .news-holder .news-container:hover .red-button {

	color: #fff;

	background: #212b6d;

}



	/* pagination */



.pagination-cont {

	border-top: 1px solid #e5e5e5 !important; 

	margin-bottom: 20px;

}

.pagination>li>a {

	background: transparent;

	border-radius: 0px;

	border: none;

	border-radius: 50%;

	color: #424242;

	font-weight: 400;

	font-size: 14px;

	display: inline-block;	

	transition:all 0.3s ease 0s;

}

.pagination>li>a>span {

	display: inline-block;	

}

.pagination>li:first-child>a,

.pagination>li:last-child>a {

	border-radius: 25px;

	padding: 5px 18px; 

	font-weight: 500;

}

.pagination>li>a:hover,

.pagination>li>a:active,

.pagination>li>a:focus {

	background: #212b6d;

	color: #fff;

}

.pagination>li:first-child>a:hover,

.pagination>li:last-child>a:hover {

	background: #424242;

	color: #fff;

}



/* Latest News Page */



/* News Detail Page */



#detail-page {

	padding: 90px 0px 60px; 

}



.detail-info-cont {

	margin-top: 30px;

	margin-bottom: 30px;	

}

.detail-info-cont .red-button:last-child {

	background: #2b2b2b;

}

.detail-info-cont h2 {	

	margin-top: 0px;

	margin-bottom: 30px;

	font-size: 30px;

	font-weight: 400;

	color: #424242;

}

.detail-info-button {

	margin-bottom: 20px;

}

.detail-info-cont p {

	font-size: 15px;

	line-height: 1.5em;

	color: #636363;

	margin-bottom: 10px;

	font-weight: 400;

}

	/*page sidebar */



.page-sidebar h3 {

	font-size: 18px;

	font-weight: 400;

	color: #424242;

	margin-top: 0px;

	margin-bottom: 15px;



}

.sidebar-services,

.sidebar-news {

	margin-bottom: 30px;

}

.sidebar-news h3,

.sidebar-flicker h3{

	padding-bottom: 10px;

	border-bottom: 1px solid #ececec;

}

.roofing-service-list li a {

	padding: 20px 15px;

	display: inline-block;

	background: #ececec;

	font-weight: 400;

	font-size: 16px;

	border-bottom: 2px solid #ffffff;

	color: #636363;

	width: 100%;

	transition: all 0.3s ease 0s;

}

.roofing-service-list li a:hover {

	background: #212b6d;

	color: #ffffff;

}

.sidebar-news a {

	display: inline-block;

	font-weight: 400;

	font-size: 15px;

	color: #636363;

	margin-bottom: 0px;

	margin-top: 5px;

	text-decoration: none;

	transition: all 0.3s ease 0s;

}

.sidebar-news a:hover {

	color: #212b6d;

}

.sidebar-flicker li {

	margin-bottom: 15px;

}

.detail-sep-line {

	display: inline-block;

	width: 100%;

	height: 2px;

	background: #ececec;

	margin-bottom: 30px;

}



	/*page sidebar */



/* Service Page */



.service-page-title

{

	 background-image: url(../images/service-title.jpg);

	  background-size: cover;

	  -moz-background-size: cover;

	  -webkit-background-size: cover;

}

#service-page

{

	padding:90px 0px 30px;

	overflow: hidden;

	transition: all 0.3s ease 0s;

}

#service-page img {

	border: 2px solid #e0e0e0;

}

.rf-image {

	position: relative;	

	display: inline-block;

	width: 100%;

}

.rf-image .bottom-overlay {

	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 15px !important;

}

.mix .red-button:hover,.mix .red-button:active,.mix .red-button:focus {

  background: #1a1a23 none repeat scroll 0 0;

  color: #ffffff;

  outline: medium none;

  text-decoration: none;

  transition-delay: 0s;

}

.mix .red-button:hover::after {

  right: 0px;

}

.controls button

{

	color:#212b6d !important;

	font-size:14px;

	padding:8px 22px;

	display:inline-block;

	text-shadow: none;

	outline: none;

	font-weight:500;

	text-transform: uppercase;

	margin-right: 8px;

	background:transparent !important;

	border:1px solid #212b6d;

	border-radius: 25px;

	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:#212b6d !important;

	color: #ffffff !important;	

}



/* service detail page */

.services-detail-title {

  background-image: url(../images/services-detail-title-bg.jpg);

  background-size: cover;

  -moz-background-size: cover;

  -webkit-background-size: cover;

}

#services-detail

{

	padding:100px 0px;

}

#services-left

{

}

#services-left img

{

	border:2px solid #e0e0e0;

}

#services-right

{

}

#services-right h1

{

	margin: 0px;

	font-size: 30px;

	font-weight: 300;

	color: #424242;

}



#services-right p

{

	color:#636363;

	font-size:14px;

	line-height:25px;

}

ul.detail-list

{

	margin-top:40px;

}

ul.detail-list li

{

	color:#2b2b2b;

	font-size:14px;

	font-weight:500;

	line-height:33px;

}

ul.detail-list li span

{

	color:#212b6d;

}

.detail-list > li::before 

{

  color: #212b6d;

  content: "";

  font-family: fontawesome;

  font-size: 14px;

  margin-right: 10px;

}

#detail-boxes

{

	margin:65px 0px;

}

.detail-boxes

{

	background:#f6f6f6;

	padding:35px 30px;

	border:1px solid #e0e0e0;

	border-radius: 0px;

	transition: all 0.3s ease 0s;

}

.detail-boxes h1,#detail-text h1

{

	margin:0px;

	font-weight:400;

	color:#2b2b2b;

	font-size:18px;

	transition: all 0.3s ease 0s;

}

.detail-boxes .sub-seperator,#detail-text .sub-seperator

{

	margin:15px 0px;

	transition: all 0.3s ease 0s;

}

.detail-boxes p,#detail-text p

{

	color:#636363;

	font-size:14px;

	font-weight:400;

	line-height:25px;

	transition: all 0.3s ease 0s;

}

.detail-boxes:hover {

	border-radius: 25px;

	background: #212b6d;

	border-color: transparent;	

}

.detail-boxes:hover h1,

.detail-boxes:hover p {

	color: #fff;	

}

.detail-boxes:hover .sub-seperator {

	background: #fff;

}





/* Work Page */

.work-page-title,

.work-detail-title {

  background-image: url(../images/work-page-title.jpg);

  background-size: cover;

  -moz-background-size: cover;

  -webkit-background-size: cover;

}



#work-page {

	padding: 90px 0px 80px;

}

.rf-image {

	overflow: hidden;

}

#work-page .rf-image img {

	transform: scale(1);

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	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;

	position: absolute;

	transition: all 0.3s ease 0s;

}

.work-overlay-button {

	position: absolute;

	left: 50%;

	top: 50%;

	margin-top: -25px;

	margin-left: -60px;

	display: inline-block;

	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;

	transform: scale(0) rotate(380deg);

	-webkit-transform: scale(0) rotate(380deg);

	-moz-transform: scale(0) rotate(380deg);

	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: #212b6d;

	border-color: #212b6d;

}

#work-page .rf-image:hover img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

}

.rf-image:hover .work-overlay {

	background: rgba(0,0,0,0.8);

}

.rf-image:hover .work-overlay-button {

	

}

.rf-image:hover .work-overlay-button a {

	background: rgba(255,255,255,0);

	transform: scale(1) rotate(0deg);

	-webkit-transform: scale(1) rotate(0deg);

	-moz-transform: scale(1) rotate(0deg);	

}



	/* Work detail page */



#work-detail {

	padding: 90px 0px;

}

#work-detail #detail-text {

	margin-top: 50px;

}

#detail-text h1 {

	font-size: 30px;

	color: #424242;

	font-weight: 300;

}