/* ==========================================================================
   Base styles
   ========================================================================== */
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}
body{
	font-family: 'Montserrat', sans-serif;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}
figure{
	margin:0;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
a{
	transition:.3s ease;
}
@keyframes animatedBg{
	from{background-position: 0 0;}
	to{background-position: 100% 0;}
}
/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.main-title {
  font-size: 48px;
  font-weight: 600;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.demo-header{
	background:url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 750px;
    position: relative;
    text-align: center;
	animation: 15s linear 0s normal none infinite running animatedBg;
}
.demo-header:before{
	position: absolute;
	content: "";
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	background: rgba(35, 35, 35, 0.8);
}
.demo-header a {
  background: #f62459 none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  margin-top: 30px;
  padding: 20px 50px;
  text-transform: uppercase;
}
.demo-header a:hover{
	text-decoration: none;
	background: #fff;
	color: #f62459;
}
h2{
	font-weight: 500;
}
.mat-row {
	margin-top: 80px;
}
.demo-header .col-sm-12{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.demo-header .col-sm-12 h1{
    font-size: 80px;
    margin: 0 0 20px 0;
    color: #fff;
    font-weight: 600;
}
.demo-header .col-sm-12 p{
    color: #fff;
    font-size: 25px;
    text-align: center;
    margin-bottom: 40px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 700;
}
.demos{
    padding: 100px 0;
}
.demo-multipage{
	background:#FBFBFB;
}
.demos .demo-single{
    position: relative;
}
.demos .demo-single h2{
    text-align: center;
    margin-bottom: 40px;
	font-family: "Montserrat", Sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #333333;
}
.demos .demo-single figure a.demo-image {
    box-shadow:0px 0px 10px 0px #ddd;
    display: block;
    height: 530px;
    overflow: hidden;
	background-position:top !important;
	background-size:cover !important;
	background-repeat:no-repeat !important;
	transition:10s ease;
}
.demos .demo-single figure a.demo-coming{
	text-align:center;
	color:#777;
	font-size:45px;
	padding-top:230px;
	transition:0s ease;
	pointer-events: none;
	cursor:no-drop;
}
.demos .demo-single figure a.demo-coming:hover{
	text-decoration:none;
}
.demos .demo-single figure a:hover{
	background-position:bottom !important;
}
.demos .demo-single figure figcaption {
    text-align: center;
    margin-top: 30px;
}
.demos .demo-single figure figcaption a, .demos .demo-single figure figcaption span{
	color:#f62459;
    font-size: 18px;
    text-transform: uppercase;
	transition:.3s ease;
}
.demos .demo-single figure figcaption a:hover{
	color:#f62459;
	text-decoration:none;
}
footer{
    background: #2B2E36;
    padding: 50px 0;
    text-align: center;
}
footer p{
    color: #fff;
}
footer p a{
    color: #F62459;
}
footer p a:hover{
	text-decoration:none;
	color:#ddd;
}
footer p ~ p{
	margin-bottom:0;
}
.core-features{
	padding: 100px 0;
}
.core-features h2.section-title{
	margin: 0 0 80px 0;
	text-align: center;
}
.core-features .feature-single{
	margin-bottom: 80px;
}
.core-features .feature-singl:last-child{
	margin-bottom: 0;
}
.core-features .feature-single .feature-image, .core-features .feature-single .feature-text{
	display: table-cell;
	vertical-align: middle;
}
.core-features .feature-single .feature-text{
	padding-left: 50px;
}
.core-features .feature-single.image-right .feature-text{
	padding-left: 0;
}
.core-features .feature-single.image-right .feature-image{
	padding-left: 50px;
}
.core-features .feature-single .feature-text h2{
	margin: 0 0 15px 0;
}
.mf-single:hover{
	box-shadow: 0 7px 23px rgba(0, 0, 0, 0.2);
}
.more-features{
	padding: 100px 0 70px 0;
	background: #efefef;
}
.more-features .mf-header{
	margin-bottom: 80px;
	text-align: center;
}
.more-features .mf-header h2{
	margin: 0 0 10px 0;
	text-align: center;
    margin-bottom: 40px;
    font-family: "Montserrat", Sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #333333;
}
.more-features .mf-header p{
	margin-bottom: 0;
}
.more-features .mf-single{
	background: #fff;
	text-align: center;
	margin-bottom: 30px;
	padding: 10px 15px 20px 15px;
}
.more-features .mf-single p{
	margin: 10px 0 0 0;
}
.shortcodes{
	padding: 100px 0;
}
.shortcodes h2{
	margin: 0 0 50px 0;
	text-align: center;
    margin-bottom: 40px;
    font-family: "Montserrat", Sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #333333;
}
.shortcodes span{display: block; padding: 10px 0;}
.shortcodes span i{
	display: inline-block;
	padding-right: 7px;
}
.cta{
	padding: 100px 0;
	background: url(../images/bg.jpg);
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	animation: 15s linear 0s normal none infinite running animatedBg;
}
.cta:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.5);
}
.cta img{text-align: center;}
.cta h2{margin: 15px 0 30px 0; line-height: 40px;color: #fff;}
.cta a.cta-btn{
	display: inline-block;
	padding: 20px 50px;
	font-size: 20px;
	background: #F62459;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 3px;
}
.cta a.cta-btn:hover{
	text-decoration: none;
	background: #fff;
	color: #F62459;
}
.support{
	padding: 100px 0;
	text-align: center;
}
.support img{ display: inline;}
.support h2{ margin: 30px 0 25px 0;}
.support a{color: #F62459; font-weight: 500;display: inline-block; margin-top: 20px;}
.support a:hover{color: #333; text-decoration: none;}


/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {
    display: none !important;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
a:hover, a:focus{
	border: none;
	outline: none;
}

/* ==========================================================================
   Responsive Fixing
   ========================================================================== */
   
/*		Tablet Layout: 768px	 */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	

}



/*		Mobile Layout: 320px	 */

@media only screen and (max-width: 767px) {

.demo-header .col-sm-12 h1 {
  font-size: 62px;
}

}



/*		Wide Mobile Layout: 480px	 */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	


}