/*--------------------
   1. BASE CSS
----------------------*/

@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700|Lato:400,700|PT+Sans+Narrow:400,700');

@import url(font-awesome.css);

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #212324;
}

a:hover {
    color: #ca3d26;
}

a:focus,
a:hover {
    outline: 0;
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-family: "PT Sans Narrow", sans-serif;
    font-weight: 700;
}

html,
body {
    height: 100%
}

body {
    color: #555555;
    font-family: "Lato", sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.3px;
    line-height: 1.7em;
}

a:hover {
    text-decoration: none
}


/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.navbar-toggle {
    border: 2px solid #fff;
    border-radius: 0;
}

.navbar-toggle .icon-bar {
    background: #fff none repeat scroll 0 0;
}

.is-sticky .navbar-header .collapse,
.is-sticky .navbar-toggle {
    border: 2px solid #1a1a1a;
}

.is-sticky .navbar-toggle .icon-bar {
    background: #1a1a1a none repeat scroll 0 0;
}

.area-title {
    margin-bottom: 60px;
}

.area-title h2 {
    /*font-family: "Herr Von Muellerhoff", cursive;
    font-family: 'Sacramento', cursive; 
    font-family: 'Great Vibes', cursive;
*/
    color: #ca3d26;
    display: inline-block;
    font-family: "Dancing Script", cursive;
    font-size: 60px;
    letter-spacing: 2px;
    line-height: 0.8;
    margin: 0;
    padding: 0 20px 45px;
    position: relative;
    text-transform: capitalize;
}

.area-title h2::after {
    background: rgba(0, 0, 0, 0) url("../img/icons/red.png") no-repeat scroll center center / contain;
    bottom: 0;
    content: "";
    height: 30px;
    left: 0;
    position: absolute;
    width: 100%;
}

.section-padding {
    padding: 100px 0;
}

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}

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

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

.gray-bg {
    background: #f3f4f4;
}


body.coming-soon { background: url(../img/bg-img.jpg?v=1.1) no-repeat center;
	-webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; background-size:cover;
 	 margin: 0; padding: 0; position:relative;} 
	 
body.coming-soon .coming-soon-area { position:relative; height: 100%; width: 100%;}
body.coming-soon .coming-soon-area::before { content: ''; background: #264254; width: 100%; height: 100%;
	position: absolute; left: 0; top: 0; opacity: 0.75;}	
body.coming-soon .coming-soon-area .inner-area { width: 100%; height: 100%; z-index: 99; position: relative;}

body.coming-soon .coming-soon-area h2 { font-size:80px; margin: 120px 0 60px 0; font-weight: 400;
	color: #FFFFFF; line-height:80px; text-align: center;}	
body.coming-soon .coming-soon-area h2 span { font-family: "Dancing Script", cursive; font-size:36px; display:block;}	

body.coming-soon .coming-soon-area .logo-main { background: #FFFFFF; display: inline-block;
    padding: 15px; margin: 0 50px;}	
body.coming-soon .coming-soon-area .logo-main img { max-width: 300px; display:inline-block;}

body.coming-soon .coming-soon-area .art-icons { text-align:center; display:block;}	
body.coming-soon .coming-soon-area .art-icons ul { list-style: none; margin: 0; padding: 0;}
body.coming-soon .coming-soon-area .art-icons ul li { max-width: 200px; display: inline-block; margin: 0 6px;}	
	
body.coming-soon .coming-soon-area .social-icons { position:absolute; left:0; right:0; bottom: 5%;}	
body.coming-soon .coming-soon-area .social-icons ul { list-style: none; margin: 0; padding: 0; text-align: center;}
body.coming-soon .coming-soon-area .social-icons ul li { display: inline-block; margin: 0 6px;}
body.coming-soon .coming-soon-area .social-icons ul li a { background: #23a59b; color: #FFFFFF;
    display: block; font-size: 22px; padding: 6px; text-align: center; 
	width: 40px; height: 40px; line-height: 40px;
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
body.coming-soon .coming-soon-area .social-icons ul li a:hover { background: #fff; color: #23a59b;}