/*
* ------------------------------------------------------------------
*
* Project: 
* Version: 1.0
* Created : 29/12/2018
* Template URI: 
* Author Name: Shelley C Antony
* Author URI: http://www.fshdesign.org/
* Description: Roofing
* Developer: Fsh Design
*
*
* -------------------------------------------------------------------
font-family: 'Raleway', sans-serif;
font-family: 'Montserrat', sans-serif;
*/
/******SCPL****/
.padd-bot{
	padding-bottom:65px;
}
.padding {
	padding: 15px;
}
.padding-left {
	padding-left: 10px;
}
.padding-right {
	padding-right: 10px;
}

.no-padding {
	padding-left: 0;
	padding-right: 0;
}
.margin-top {
	margin-top:15px;
}
.margin-bottom{
	margin-bottom:15px;
}
.padding-bottom{
	padding-bottom:15px;
}
.padding-bottom2{
	padding-bottom:30px;
}
.padding-bottom3{
	padding-bottom:60px;
}
.shadow {
	
	-webkit-box-shadow: 1px 1px 1px 1px #D6D6D6;
box-shadow: 1px 1px 1px 1px #D6D6D6;
}

:focus {
       outline:none;
}

.padding-top {
	padding-top: 15px;
}
.padding-top2 {
	padding-top: 30px;
}
.padding-top3 {
	padding-top: 60px;
}
.no-padding-left {
	padding-left:0;
}
.no-padding-right {
	padding-right:0;
}
.margin-centre {
	margin-right: auto;
	margin-left: auto;
}
.alignment {
	text-align: center;
	color: #FFF;
}
.alignment p {
	line-height: 25px;
	font-size: 15px;
}
.alignment h1 {
	/*margin-bottom: 47px;*/
	font-size: 43px;
}

.border {
	padding: 5px;
	border: 1px solid #FFFFFF;
}
.no-border {
	border: none;
}
.col-centered{
    float: none;
    margin: 0 auto;
}
.col-center-block {
    float: none;
    display: block;
    margin: 0 auto;
    /* margin-left: auto; margin-right: auto; */
}

.color-text-white{
	color: #FFF;
}
.color-white{
	background-color: #FFF;
}
.color-text-black{
	color: #000;
}
.color-black{
	background-color: #000;
}
.color-maroon{
	background-color: #741414;
	}
.color-text-maroon{
	color: #741414;
	}
/******SCPL****/
/*landing page*/
.lander .nav-item .nav-link{
    color: #fff;
    border: solid 1px #fff;
padding-left: 57px;
    padding-right: 57px;
	margin-left:40px;
	margin-right:40px;
}
.lander .navbar-expand-sm .navbar-nav .dropdown-menu {
    left: 39px;
	min-width:203px;
}
.landingBody{
		margin: 0;
	width: 100%;
	height: 100vh;
	font-family: "Exo", sans-serif;
	color: #fff;
	background-color:#fff;
	padding-bottom:50px;
}
.middleLand{
	/*background-color:#fff;
	height:300px;*/
	width:100%;
	position:absolute;
 top: 50%;
    transform: translateY(-50%);
	
	}
.floatLogo{
	min-width:310px;
	/*height:50px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;*/
	display:block;
	}

.middleLand h1 {
    left: 50%;
    margin: 0;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

	
	#title {
padding: 0px !important;
    margin: 0 !important;
    display: inline-flex;
    
} 

.title-letter {
    font-size: calc(6vw + 1rem);
    margin-left: -2px;
}

#sub-title {
font-weight: 400;
    font-size: 2.2rem;
    letter-spacing: 3px;
    position: relative;
    top: -5px;
	/*font-family: 'Tangerine', cursive;*/
	/*font-family: 'Monotype Corsiva Regular';*/
	font-family: 'MTCORSVA';
	color: #741414;
	text-align:center;
	display:block;
	font-style:italic;

}

/* Opacity For Start */
.title-letter, #sub-title {
  opacity: 0;   
}


.lander {
	background: linear-gradient(-45deg, #741414, #6a0f0f, #2d0707, #721010);
	background-size: 400% 400%;
	animation: gradientBG 15s ease infinite;
	}
	.fotterland{
	background: linear-gradient(-45deg, #741414, #6a0f0f, #2d0707, #721010);
	background-size: 400% 400%;
	animation: gradientBG 15s ease infinite;
	padding-top: 22px;
	}
.fotterland .first p{
	font-size:14px;
	color: #fff;
	}
.fotterland .second p {
    font-size: 14px;
    color: #fff;
}
.fotterland .second .right{
	float:right;
}
/*landing*/
@media (max-width:580px) {
	#sub-title {
    font-size: 11.5px;
	padding-top:10px;
	}
	#title {
    width: 242px;
	}
            }
@media (max-width:768px) {
		.wow-caption h2{
	font-size:14px;
	}

	#title {
    width: 242px;
	}
		#sub-title {
    font-size: 14px;
	padding-top:10px;
	}
            }