/*------------------------------------------------------------------- /

Theme Name: MobiHolic 
Theme URI: http://codexcoder.com/
Author: CodexCoder
Author URI: http://codexcoder.com/
Description: MobiHolic is a one page html template
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: html, themplate, ccr, MobiHolic

--------------------------------------------------------------------- */


/* Table of contents
---------------------------------------------------------------------- /
*
*  1 - Import Google Font
*  2 - Global Styles
*    2.1 - Socila Buttons
*    2.2 - Section Title and Description
*    2.3 - Buttons
*    2.4 - Parallax 
*    2.5 - Owl Slider
*  3 - Top Section
*  4 - Main Menu
*  5 - Welcome Section
*  6 - Feature Section
*  7 - Download Section
*  8 - Description Section
*  9 - Screenshots Section
*  10 - How it works Section
*  11 - Team Section
*  12 - App Review Section
*  13 - Happy Clients Section 
*  14 - Pricing Section
*     14.1 - Hover Effects
*  15 - Newsletter Section
*  16 - Contact Section
*  17 - Google Map
*  18 - Footer Section
*  19 - Element Appear Effect 
*  20 - Preloader
*
---------------------------------------------------------------------- */



/* 1 - Import Google Font
------------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Dosis:400,600,700);

/* Google Font End 
------------------------------------------------------------------------*/



/* 2 - Global Styles
---------------------------------------------------------------------- */
html,body{
	font-family: 'Dosis', sans-serif;
	color: #262626;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	color: #d2d3d7;
}

a,article,div,h3,h1,h2,h3,h4,h5,h6,p{
	font-family: 'Dosis', sans-serif;
}

h2{
	font-size: 2.75em;
}

h3{
	font-size: 1.5625em;
}

a{
	-webkit-transition: color .2s ease;
	   -moz-transition: color .2s ease;
	    -ms-transition: color .2s ease;
		 -o-transition: color .2s ease;
		    transition: color .2s ease;
}

a:hover{
	color: #b2251f;
	text-decoration: none;
}

a:focus{
	outline:none;
	outline-offset:0;
}

p{
	line-height: 30px;
	font-size:18px;
}

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

audio {
	width:100%;
}

ul,li{
	list-style: none;
	padding-left: 0;
	font-size:18px;
}

time{
	padding: 0 7px;
}

.light-blue-color{
	color: #b2251f;
}
.white-color{
	color: #ffffff !important;
}

.form-control,
.form-control:focus{
	border-radius: 0;
	border-color: #e5e5e5;
	outline-style: none;
	background-color: #292d46;
	color: #d2d3d7;
	
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
	    -ms-box-shadow:none;
	     -o-box-shadow:none;
	        box-shadow:none;
}

.modal-content{
	border-radius: 0;
	background-color: black;
}
.modal-header .close{
	color: #ffffff;
	font-weight: normal;
	font-size: 36px;
	opacity: .5;
	text-shadow: 0 0px 0 transparent; 
}
.modal-header .close:hover{
	opacity: .9;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.icon,.texts{
	display: inline-block;
	height: auto;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

.content-icon {
	color:#b2251f;
	font-size: 2.15em;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 55px;
	float:left;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
.content {
	margin-left: 80px;
}

.content .content-title{
	margin-top: 0;
	font-weight: 700;
	font-size: 1.5em;
	color: #ffffff;
}

.dark-gray-bg{
	background-color: #292d46;
}

.gray-bg{
	background-color: #373c57;
}

.pattern{
	background-color: rgba(0,0,0,.7);
	background-image: url(../images/pattern.png);
}


/* 2.1 - Social Buttons
--------------------------------------------*/
.social-buttons a{
	width: 30px;
	height: 30px;
	background-color: #6f7283;
	display: inline-block;
	margin: 5px;
	border-radius: 100%;
	color: #FFF;
	line-height: 30px;
	position: relative;
	z-index: 0;
}

.social-buttons a,
.social-buttons a:after{
	-webkit-transition: all .25s  ease;
	   -moz-transition: all .25s  ease;
	    -ms-transition: all .25s  ease;
	     -o-transition: all .25s  ease;
	        transition: all .25s  ease;
}

.social-buttons a:after{
	content: "";
	width: 40px;
	height: 40px;
	position: absolute;
	top: -5px;
	left: -5px;
	border-radius: 100%;
	z-index: -1;
	opacity: 0;
}
.social-buttons a:hover:after{
	width: 40px;
	height: 40px;
	top: -5px;
	left: -5px;
	opacity: 1;
	background-color: #b2251f;
}

.social-buttons .facebook-btn:hover:after{
	background: #3B5998;
	color: #fff;
}
.social-buttons .twitter-btn:hover:after{
	background:#55ACEE;
	color: #fff;
}
.social-buttons .linkedin-btn:hover:after{
	background:#0077b5;
	color: #fff;
}
.social-buttons .google-plus-btn:hover:after{
	background:#db514f;
	color: #fff;
}
.social-buttons .youtube-btn:hover:after{
	background:#cc181e;
	color: #fff;
}

/* 2.1 - Social Buttons End
--------------------------------------------*/


/* 2.2 - Section Title and Description
---------------------------------------------*/

.section-title{
	color: #ffffff;
	font-size: 2.75em;
	font-weight: 700;
	margin: 152px 0 0 0;
	text-transform:capitalize;
	position: relative;
	-webkit-text-stroke: 0.3px;
	padding-bottom: 40px;
}

.section-title:after{
	position: absolute;
	width: 120px;
	height: 2px;
	background-color: #b2251f;
	content: "";
	bottom: 20px;
	left: 50%;
	margin-left: -60px;
}
.section-title.left-align:after{
	left: 0;
	margin-left: 0px;
}
.section-title.white-color:after{
	background-color: #fff;
}
.section-description{
	color: #d2d3d7;
	font-size: 1.375em;
	font-weight: 300;
	max-width: 728px;
	margin: 0 auto 75px auto;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: 0.2px;
}
.section-description.left-align{
	max-width: 100%;
}

.plx-section-title{
	color: #ffffff;
	font-size: 2.0625em;
	font-weight: 300;
	text-transform: capitalize;
	-webkit-text-stroke: 0.2px;
}

.plx-section-description{
	color: white;
	font-size: 1em;
	font-weight: 300;
	letter-spacing: 1px;
	-webkit-text-stroke: 0.1px;
}

/* 2.2 - Section Title and Description End
---------------------------------------------*/


/* 2.3 - Buttons
---------------------------------------------*/
.read-more,.read-more:hover,
.custom-btn:hover{
	color: #FFF;
}

.custom-btn{
	border: 2px solid #fff;
	color: #fff;
	font-size:1em;
	margin: 5px 10px;
	padding: 0;
	text-transform: uppercase;
	width: 170px;
}

.read-more,
.custom-btn{
	font-weight: 600;
	height: 50px;
	line-height: 46px
}

.read-more:hover,
.custom-btn:hover{
	background-color: #b2251f;
	border-color: #b2251f;
}

.btn{
	border-radius: 30px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

/* 2.3 - Buttons End
---------------------------------------------*/


/* 2.4 - Parallax 
---------------------------------------------*/
.parallax-style,
.no-parallax-style{
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.parallax-style{
	position: relative;
	z-index: 1;
}

.no-parallax-style{
	background-attachment: inherit;
}

.parallax-overlay{
	background-color: rgba(0,0,0,.3);
}

#top-section{
	/*background: url(../../images/background/top-section-bg.jpg) 50% 0 no-repeat fixed;*/
	margin: 0 auto;
	padding: 0;
}

#download{
	background: url(../../images/background/top-section-bg.jpg) 50% 0 no-repeat fixed;
	margin: 0 auto;
	padding: 0;
}

#pricing{
	background: url(../../images/background/top-section-bg.jpg) 50% 0 no-repeat fixed;
	margin: 0 auto;
	padding: 0;
}

#footer-section{
	background: url(../../images/background/top-section-bg.jpg) 50% 0 no-repeat fixed;
	margin: 0 auto;
	padding: 0;
}

/* 2.4 - Parallax  End
---------------------------------------------*/


/* 2.5 - Owl Slider
---------------------------------------------*/
.owl-controls{
	text-align: center;
	margin-top: 35px;
}

.owl-page{
	display: inline-block;
	width: 15px;
	height: 15px;
	background-color: #373c57;
	margin: 2px;
	border-radius: 100%;
	border:2px solid white;
}

.owl-page.active{
	background-color: white;
}
/* 2.5 - Owl Slider End
---------------------------------------------*/

/* 2 - Global Styles End
---------------------------------------------------------------------- */




/* 3 - Top Section
------------------------------------------------------------------------*/
.top-section{
	position: relative;
}
.top-section .pattern{
	padding-top: 120px;
	background-image: none;
	background-color: rgba(10,25,40,.9);
}

.logo{
	display: table;
	margin: auto;
}

#top-slider{
	margin-top: 70px;
	min-height: 490px;
	color: #fff;
	overflow: hidden;
}

#top-slider .top-mobile-image-container{
	padding: 0;
}
.top-mobile-image{
	position: absolute;
	left: 0px;
	top: 0px;
}
.slide-text-container{
	max-width: 470px;
	margin-left: 50px;
}
.slider-buttons {
	padding-bottom: 60px;
	padding-top: 75px;
}
div.slider-buttons .btn {
	margin-bottom: 40px;
}
.col-md-6 img {
	max-width: 95%;
}

.slider-title {
	margin-top: 38px;
	font-size: 4em;
	font-weight: 700;
}
.slider-sub-title{
	font-size: 2em;
	margin-top: 40px;
	margin-bottom: 25px;
}

.slider-text {
	font-size: 1.125em;
}

/* 3 - Top Section End 
------------------------------------------------------------------------*/


.navbar-fixed-top{
	display: none;
}

/* 4 - Main Menu
------------------------------------------------------------------------*/
.main-menu-continer{
	min-height: 80px;
}
#main-menu h1{
	margin: 0;
}
.navbar{
	min-height: 80px;
	border:none;
	margin-bottom:0;
}
.navbar-default{
	background-color: black;
	box-shadow: 0 0px 10px rgba(0,0,0,.2);
	border-color:#434863;
	border-radius: 0;
	clear: both;
}
.navbar-brand{
	height: 80px;
	font-size: 2rem;
	font-weight: 700;
	padding:0 15px; 
	line-height: 80px;
}
.navbar-default .navbar-nav>li>a{
	color: #ffffff;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus{
	color: #b2251f;
}
.navbar-nav>li>a {
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 1.125em;
}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus{
	color: #b2251f;
	background-color: transparent;
}
.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus{
	color: #b2251f;
}
/* 4 - Main Menu End 
------------------------------------------------------------------------*/




/* 5 - Welcome Section
------------------------------------------------------------------------*/
.welcome-section{
	padding-bottom: 100px;
}

.welcome-section .content-icon{
	border: 2px solid #b2251f;
	border-radius: 100%;
	position: relative;
	z-index: 0;
}
.welcome-section .content-icon:after{
	position: absolute;
	display: block;
	background-color: transparent;
	content: "";
	width: 80px;
	height: 80px;
	left: -12px;
	top: -12px;
	border-radius: 100%;
	z-index: -1;
	opacity: 0;
	-webkit-transition: all .25s ease-out;
	   -moz-transition: all .25s ease-out;
	    -ms-transition: all .25s ease-out;
	     -o-transition: all .25s ease-out;
	        transition: all .25s ease-out;
}
.welcome-section .col-md-4:hover .content-icon{
	color: #fff;
}
.welcome-section .col-md-4:hover .content-icon:after{
	background-color: #b2251f;
	top: -2px;
	left: -2px;
	width: 60px;
	height: 60px;
	opacity: 1;
}

.welcome-section .col-md-4{
	padding-bottom: 60px;
}
/* 5 - Welcome Section End 
------------------------------------------------------------------------*/




/* 6 - Feature Section
------------------------------------------------------------------------*/
.feature-section .section-title:after{
	left: 2px;
	margin-left: 0;
}
.feature-section .section-description{
	max-width: 100%;
}
.feature-section .content-icon{
	font-size: 3.125em;
}
.feature-section .col-md-6{
	padding-bottom: 60px;
}
.feature-section .col-lg-8{
	padding-bottom: 100px;
}

/* 6 - Feature Section End 
------------------------------------------------------------------------*/




/* 7 - Download Section
------------------------------------------------------------------------*/
.download-section .pattern{
	padding-bottom: 100px;
}
.available-on {
	color: #FFF;
	border: 2px solid #fff;
	padding: 10px 20px;
	display: table;
	margin: auto;
	min-width: 300px;
	min-height: 90px;
	margin-bottom: 60px;
	position: relative;
	z-index: 0;
}
.available-on:after{
	background-color: #b2251f;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0%;
	height: 0%;
	z-index: -1;
	opacity: 0;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

.available-on:hover:after{
	opacity: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: rotateX(360deg);
	   -moz-transform: rotateX(360deg);
	    -ms-transform: rotateX(360deg);
	     -o-transform: rotateX(360deg);
	        transform: rotateX(360deg);
}

.os-icon{
	width: auto;
	float: left;
	display: inline-block;
	height: 65px;
}
.os-icon img{
	width: 100%;
}


/* 7 - Download Section End 
------------------------------------------------------------------------*/





/* 8 - Description Section
------------------------------------------------------------------------*/
.description-section .container{
	overflow: hidden;
}
.phone-container{
	position: relative;
	min-height: 500px;
}
.phone-container .phone-1{
	position: absolute;
	left: 190px;
	top: 0;
}
.phone-container .phone-2{
	position: absolute;
	left: 15px;
	top: 0px;
}
.description-section .section-description{
	margin-bottom: 60px;
}
.description-list li{
	line-height: 40px;
	padding-left: 35px;
	position: relative;
	color: #d2d3d7;
}
.description-list li:before{
	position: absolute;
	left: 0px;
	color: #b2251f;
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* 8 - Description Section End 
------------------------------------------------------------------------*/




/* 9 - Screenshots Section
------------------------------------------------------------------------*/
.screenshots-section .container{
	padding-bottom: 150px;
}
#screenshot-slider figure{
	position: relative;
	display: table;
	margin:auto;
}
#screenshot-slider figure a{
	opacity: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 0px solid rgba(0,0,0,.6);
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
#screenshot-slider figure a:before,
#screenshot-slider figure a:after{
	content: "";
	display: inline-block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#screenshot-slider figure a:before{
	
}

#screenshot-slider figure a:after{
	background-image: url(../images/search-plus.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#screenshot-slider figure a:before{
	background-color: #b2251f;
}
#screenshot-slider figure a:hover{
	/*border: 40px solid rgba(0,0,0,.6);*/
	opacity: 1;
}

.screenshots-section .modal-body{
	display: inline-block;
}

/* 9 - Screenshots Section End 
------------------------------------------------------------------------*/




/* 10 - How it works Section
------------------------------------------------------------------------*/
.how-it-works-section{
	margin-bottom: 80px;
}

/* 10 - How it works Section
------------------------------------------------------------------------*/





/* 11 - Team Section
------------------------------------------------------------------------*/
.team-section {
	padding-bottom: 100px;
}
.team-section .team-member-box{
	text-align: center;
	margin-bottom: 60px;
	clear: both;
	display: inline-block;
}
.team-section figure{
	position: relative;
	width: 240px;
	height: 240px;
	border-radius: 100%;
	display: table;
	margin: auto;

}
.team-section figure img{
	width: 100%;
	height: auto;
	border-radius: 100%;
}
.team-section figure p{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0;
	padding: 0;
	text-align: center;
	line-height: 180px;
	border-radius: 100%;
	border:0px solid transparent;
	background-color: #b2251f;
	opacity: 0;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}

.team-section figure p a:before{
	content: "";
	display: inline-block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image:url(../images/search-plus.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.team-section figure:hover p{
	border:30px solid rgba(0,0,0,.7);
	opacity: 1;
}
.team-section .member-name{
	font-size:1.625em;
	font-weight: 700;
	color: #ffffff;
}
.team-section .member-designation{
	font-size:1em;
	font-weight: 700;
	color: #ffffff;
}

.team-section .modal-title{
	font-weight: 700;
	text-align: center;
	color: #ffffff;
}
.team-section .modal figure{
	margin-top: 15px;
	margin-bottom: 35px;
}
.team-section .modal .social-buttons{
	text-align: center;
}
/* 11 - Team Section End 
------------------------------------------------------------------------*/




/* 12 - App Review Section
------------------------------------------------------------------------*/
.review-section .review-box{
	font-style: italic;
	background-color: black;
	font-size: 1.125em;
	line-height: 28px;
	border:2px solid #b2251f;
	margin-bottom: 40px;
	padding: 35px;
	position: relative;
	z-index: 0;
}
.review-section .review-box:after,
.review-section .review-box:before{
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	bottom: -10px;
}

.review-section .review-box:before{
	border-width: 0px 40px 30px 40px;
	border-left-color: #b2251f;
	bottom: -30px;
	left: 65px;
}
.review-section .review-box:after{
	border-width: 0px 35px 26px 35px;
	border-left-color: black;
	bottom: -26px;
	left: 67px;
}
.review-section .review-author img {
	border-radius: 100%;
	width: 120px;
	height: auto;
	margin-right: 40px;
	float: left;
}

.review-section .author-name {
	padding-top: 25px;
	font-size: 1.75em;
	font-weight: 700;
	display: block;
	color: #ffffff;
}

.review-section .author-description {
	font-weight: 700;
	display: inline-block;
	color: #ffffff;
}
.review-section .author-description:after{
	content: " - ";
}
.review-section .author-url a{
	font-weight: 700;
	color: #b2251f;
}
.review-section .carousel-indicators {
	border: 120px;
	left: inherit;
	width: auto;
	margin: auto;
	bottom: 120px;
	right: 0;
}

.review-section .carousel-indicators li,
.review-section .carousel-indicators .active{
	width: 15px;
	height: 15px;
	padding: 0;
	margin: 2px;

}
.review-section .carousel-indicators li{
	background-color:#292d46;
	border-color: #292d46;

}

.review-section .carousel-indicators .active{
	background-color:#b2251f;
	border-color: #b2251f;
}

.review-section .cell-phone{
	float: right;
}

/* 12 - App Review Section End 
------------------------------------------------------------------------*/





/* 13 - Happy Clients Section 
------------------------------------------------------------------------*/
.happy-client-section{
	background-color: #d65469;
	padding: 30px 0;
}


.happy-client-section .col-md-3{
	padding:20px 15px;
}

.happy-client-section .col-md-3 img{
	display: table;
	margin: auto;
}


/* 13 - Happy Clients Section End 
------------------------------------------------------------------------*/






/* 14 - Pricing Section
------------------------------------------------------------------------*/
.pricing-section .pattern{
	padding-bottom:100px; 
}
.pricing-table-box{
	background-color: #373c57;
	max-width: 400px;
	margin: 0 auto 60px auto;
}

.pricing-table-box .pricing-title{
	color: #fff;
	font-size: 2.5em;
	font-weight: 700;
	background-color: #b2251f;
	margin:0;
	text-align: center;
	padding: 20px 15px;
}
.pricing-table-box .price-circle{
	color: #fff;
	text-align: center;
	width: 140px;
	height: 140px;
	margin:auto;
	border-radius: 100%;
	position: relative;
	z-index: 0;
}
.pricing-table-box .price-circle:after,
.pricing-table-box .price-circle:before{
	border-radius: 100%;
	content: "";
	position: absolute;
	z-index: -1;
}

.pricing-table-box .price-circle:before{
	background-color: #b2251f;
	width: 140px;
	height: 140px;
	top: 0;
	left: 0;
}
.pricing-table-box .price-circle:after{
	background-color: transparent;
	width: 180px;
	height: 180px;
	top: -20px;
	left: -20px;
	opacity: 0;
}

.pricing-table-box .price-box{
	padding: 20px;
	background-color: #292d46;
}
.pricing-table-box .price{
	padding-top: 45px;
	font-weight:700;
	font-size: 4.125em;
	display: inline-block;
	position: relative;
}

.pricing-table-box .price .currency{
	font-size: 1.875rem;
	position: absolute;
	top: 32px;
	left: -18px
}

.pricing-table-box .description{
	max-width: 280px;
	margin: 35px auto;
	display: table;
}
.pricing-table-box .description ul,
.pricing-table-box .description li{
	margin: 0;
	padding: 0;
}
.pricing-table-box .description li{
	line-height: 50px;
	padding-left: 35px;
	position: relative;
}

.pricing-table-box .description  li:before {
	position: absolute;
	left: 0px;
	color: #b2251f;
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-size: 1.5em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.pricing-table-box .sing-up-box{
	text-align: center;
}
.pricing-table-box .sign-up{
	margin-bottom: 60px;
	border-color: #b2251f;
	background-color: #373c57;
	color: #b2251f;
}

.pricing-table-box .pricing-title,
.pricing-table-box .price-circle:after,
.pricing-table-box .description  li:before,
.pricing-table-box .sign-up,
.pricing-table-box:hover .sign-up,
.pricing-table-box .sign-up{
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}

/* 14.1 - Hover Effects
-------------------------------------------*/
.pricing-table-box:hover .pricing-title{
	background-color: #d65469;
}
.pricing-table-box:hover .price-circle:after{
	opacity: 1;
	background-color:  #d65469;
	top: 0;
	left: 0;
	width: 140px;
	height: 140px;
}
.pricing-table-box:hover .description  li:before {
	color: #d65469;
}
.pricing-table-box:hover .sign-up{
	border-color: #d65469;
	color:#d65469;
}
.pricing-table-box:hover .sign-up:hover{
	background-color: #d65469;
	color:#fff;
}
.pricing-table-box:hover .sign-up{
	border-color: #d65469;
	color:#d65469;
}
/* 14.1 - Hover Effects End 
-------------------------------------------*/


/* 14 - Pricing Section End 
------------------------------------------------------------------------*/




/* 15 - Newsletter Section
------------------------------------------------------------------------*/
.newsletter-section{
	padding-bottom: 140px;
}

.newsletter-form{
	margin-top:160px; 
	height: 60px;
	width: 100%;
	position: relative;
}

.newsletter-form input{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-right:250px; 
	border:2px solid #b2251f;
}
.newsletter-form .btn{
	background-color: #b2251f;
	color: #fff;
	font-size: 1.5em;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-text-stroke: 0.1px;
	letter-spacing: .5px;
	border-radius: 0;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 240px;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
.newsletter-form .btn:hover{
	background-color: #d65469;
}

.newsletter-form .form-control, 
.newsletter-form .form-control:focus{
	border-color:#b2251f; 
}

/* 15 - Newsletter Section End 
------------------------------------------------------------------------*/




/* 16 - Contact Section
------------------------------------------------------------------------*/
.contact-section {
	padding-bottom:140px; 
}
.contact-section  .content-title{
	font-weight: 700;
	padding-bottom: 10px;
}
.contact-section  p{
	line-height: 25px;
}
.contact-section  .contact-details{
	list-style: none;
}
.contact-section  .contact-details li{
	line-height: 45px;
	padding-left: 35px;
	position: relative;
}
.contact-section  .contact-details li:before{
	position: absolute;
	left: 0px;
	color: #b2251f;
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-size: 1.5em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.contact-section   form{
	padding-top: 9px;
}
.contact-section  .form-control{
	max-width: 530px;
	height: 50px;
	margin-bottom: 10px;
	border: 2px solid transparent;
}
.contact-section  textarea.form-control{
	min-width: 100%;
	height: inherit;
}

.contact-section  .form-control:focus{
	border-color:#b2251f; 
}

.contact-section  .custom-btn{
	background-color: #373c57;
	color: #b2251f; 
	border-color:#b2251f;
	margin: 20px 0;
	position: relative;
	z-index: 0;

}
.contact-section  .custom-btn:hover{
	background-color: #b2251f;
	color: #ffffff; 
}

/* 16 - Contact Section End 
------------------------------------------------------------------------*/





/* 17 - Google Map
------------------------------------------------------------------------*/
.map-container img{
	max-width: inherit;
	height: inherit;
}
.google-map-container{
	width:100%; 
	height:500px;
}

/* 17 - Google Map End 
------------------------------------------------------------------------*/




/* 18 - Footer Section
------------------------------------------------------------------------*/
.footer-section .pattern{
	padding-top: 160px;
	text-align: center;
}
.footer-social-btn{
	padding-bottom: 30px;
}
.footer-social-btn a{
	color: #fff;
	border: 2px solid #b2251f;
	display: inline-block;
	line-height: 30px;
	width: 35px;
	height: 35px;
	border-radius: 100%;
	margin: 5px;
	-webkit-transition: all .25s linear;
	   -moz-transition: all .25s linear;
	    -ms-transition: all .25s linear;
	     -o-transition: all .25s linear;
	        transition: all .25s linear;
	position: relative;
	z-index: 0;
}
.footer-social-btn a:after{
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	top: -10px;
	left: -9.5px;
	background-color: transparent;
	opacity: 0;
	display: block;
	border-radius: 100%;
	z-index: -1;
	-webkit-transition: all .25s linear;
	   -moz-transition: all .25s linear;
	    -ms-transition: all .25s linear;
	     -o-transition: all .25s linear;
	        transition: all .25s linear;
}
.footer-social-btn a:hover:after{
	background-color: #b2251f;
	width: 35px;
	height: 35px;
	top: -2px;
	left: -2px;
	opacity: 1;

}

.footer-social-btn a:hover{
/*	background-color: #b2251f;*/
}

.copyrights{
	color: #fff;
	padding-bottom: 155px;
}
.copyrights a{
	font-weight: 700;
	color: #fff;
	-webkit-text-stroke: 0.1px;
}
.copyrights a:hover{
	color: #b2251f; 
}

/* 18 - Footer Section End 
------------------------------------------------------------------------*/





/* 19 - Element Appear Effect 
---------------------------------------------------------------------- */

@media screen and (min-width: 992px){
	.from-top {
		top: -50px;
		opacity: 0;
		position: relative;
	}

	.from-bottom {
		bottom: -50px;
		opacity: 0;
		position: relative;
	}

	.from-left {
		left: -80px;
		opacity: 0;
		position: relative;
	}

	.from-right{
		right: -80px;
		opacity: 0;
		position: relative;
	}
	.fade-in {
		opacity: 0;
		position: relative;
		right: 0px;
	}
}

/* 19 - Element Appear Effect End
---------------------------------------------------------------------- */




/* 20 - Preloader
---------------------------------------------------------------------- */
#preloader{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff;
	/* change if the mask should have another color then white */
	z-index:999999;
	/* makes sure it stays on top */
	opacity:.96;
}

.loader{
	text-align:center;
	width:60px;
	height:60px;
	position:absolute;
	background:url(../images/loader-grey.gif);
	left:50%;
	top:50%;
	margin:-21px 0 0 -7px;
}

.loader span{
	display:none !important;
	display:inline-block;
	vertical-align:middle;
	width:10px;
	height:10px;
	margin:50px auto;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	-webkit-animation:loader 0.3s infinite alternate;
	-moz-animation:loader 0.3s infinite alternate;
	-ms-animation:loader 0.3s infinite alternate;
	-o-animation:loader 0.3s infinite alternate;
	animation:loader 0.3s infinite alternate;
}

.loader span:nth-of-type(2){
	-webkit-animation-delay:0.3s;
	-moz-animation-delay:0.3s;
	-ms-animation-delay:0.3s;
	-o-animation-delay:0.3s;
	animation-delay:0.3s;
}

.loader span:nth-of-type(3){
	-webkit-animation-delay:0.3s;
	-moz-animation-delay:0.3s;
	-ms-animation-delay:0.3s;
	-o-animation-delay:0.3s;
	animation-delay:0.3s;
}

@-webkit-keyframes loader{
	0% {
		width: 10px;
		height: 10px;
		opacity: 0.9;
		-webkit-transform: translateY(0);
	}
	100% {
		width: 24px;
		height: 24px;
		opacity: 0.1;
		-webkit-transform: translateY(-21px);
	}
}
@-moz-keyframes loader{
	0% {
		width: 10px;
		height: 10px;
		opacity: 0.9;
		-moz-transform: translateY(0);
	}
	100% {
		width: 24px;
		height: 24px;
		opacity: 0.1;
		-moz-transform: translateY(-21px);
	}
}
/* 20 - Preloader
---------------------------------------------------------------------- */