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

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

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





/* 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: #53c5d5;
	text-decoration: none;
}

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

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

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

audio {
	width:100%;
}

ul,li{
	list-style: none;
	padding-left: 0;
}

time{
	padding: 0 7px;
}

.light-blue-color{
	color: #53c5d5;
}
.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: #373c57;
}
.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:#53c5d5;
	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.2 - Section Title and Description
---------------------------------------------*/

.section-title{
	color: #ffffff;
	font-size: 2.75em;
	font-weight: 700;
	margin: 80px 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: #53c5d5;
	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 50px auto;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: 0.2px;
}
.section-description.left-align{
	max-width: 100%;
}

.demo-image-container img{
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
.demo-image-container:hover img{
	-webkit-transform: scale(1.1, 1.1);
	   -moz-transform: scale(1.1, 1.1);
	    -ms-transform: scale(1.1, 1.1);
	     -o-transform: scale(1.1, 1.1);
	        transform: scale(1.1, 1.1);
}

.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: #53c5d5;
	border-color: #53c5d5;
}

.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);
}
a{
	text-align: center;
}
a img{
	max-width: 300px;
	display: table;
}
.demo-image{
	font-size: 25px;
	line-height: 0px;
	padding-bottom: 50px;
	text-align: center;
	display: inline-table;
}
.demo-image-container{
	text-align: center;
}



#demo{
	margin: 0 auto;
	padding: 0;
}



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




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








/* 14 - Pricing Section
------------------------------------------------------------------------*/
.pricing-section .pattern{
	padding-bottom:40px; 
}





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

.copyrights{
	color: #fff;
	text-align: center;
	padding-bottom: 20px;
}
.copyrights a{
	font-weight: 700;
	color: #fff;
	-webkit-text-stroke: 0.1px;
}
.copyrights a:hover{
	color: #53c5d5; 
}

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