﻿/*** Global styles ***/

body {
    font-family:'Cabin', sans-serif;
	/*background:#939598;*/
	background:#cecece;
    color:#1a1a1a;
    font-size:16px;
    line-height:150%;
    margin:0 auto;
    overflow-x:hidden;
}

* {
    margin:0;
    list-style:none;
    padding:0;
}

a {
    text-decoration:none;
    /*color:#0179e5;*/
    outline:none;
}

a:hover {
    text-decoration:none;
    /*color:#0179e5;*/
}

h3 {
    font-family:'Cabin', sans-serif;
    font-size:27px;
	font-weight:700;
	margin:0 0 30px 0;
}

p {
	margin-top:10px;
	margin-bottom:10px;
}

sup {
    font-size:75%;
}

.clear {
    float:none;
    clear:both;
}

/*** end Global styles ***/

/*** Header styles ***/

header {
	position:fixed;
	background:#ffffff;
	border-top:6px solid #b92727;
	border-bottom:7px solid #b92727;
	padding:7px 15px;
	width:calc(100% - 30px);
	z-index:200;
	-moz-transition:all 0.15s ease-in-out;
    -o-transition:all 0.15s ease-in-out;
    -webkit-transition:all 0.15s ease-in-out;
    transition:all 0.15s ease-in-out;
}

header.sm-header {
	border-top-width:4px;
	border-bottom-width:5px;
	-moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

header img.logo {
	display:block;
	margin:0 auto;
	width:195px;
	height:auto;
	-moz-transition:all 0.15s ease-in-out;
    -o-transition:all 0.15s ease-in-out;
    -webkit-transition:all 0.15s ease-in-out;
    transition:all 0.15s ease-in-out;
}

header.sm-header img.logo {
	width:120px;
	-moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

/*** end Header styles ***/

/*** Main Content styles ***/

#main-content {
	position:relative;
	background:#ffffff;
	margin:0 auto;
	padding-top:155px;
    max-width:1260px;
	min-height:900px;
    overflow:hidden;
}

#main-slider {
	position:relative;
	/*min-height:800px !important;*/
	overflow:hidden;
	z-index:0;
}

#main-slider .main-banner-slide {
	display:inline-block;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
	width:100%;
}

#main-slider .main-banner-slide img {
	width:100%;
	height:auto;
}

#main-slider-nav {
	position:relative;
	margin:-30px 0 0 0;
	padding:0;
	width:calc(100% + .5px);
}

#main-slider-nav .nav-slide {
	border-right:1px solid #ffffff;
	display:-webkit-flexbox;
  	display:-ms-flexbox;
  	display:-webkit-flex;
  	display:flex;
	float:left;
	background:#b92727;
	cursor:pointer;
	text-align:center;
	width:33%;
	height:60px;
}

#main-slider-nav .nav-slide.last {
	border-right:0;
}

#main-slider-nav .nav-slide h2 {
	color:#ffffff;
	font-family:'Cabin', sans-serif;
	font-size:17px;
	font-weight:600;
	line-height:21px;
	letter-spacing:1.2px;
  	-webkit-align-self:center;
  	align-self:center;
	text-transform:uppercase;
	transform:translateX(0%);
	width:100%;
}

#main-slider-nav .nav-slide:hover, #main-slider-nav .nav-slide.slick-current {
	background:#971f1b;
}

#about {
	float:none;
	clear:both;
	padding:45px 60px 60px 60px;
	text-align:center;
}

#about p {
	display:block;
	margin:0 auto;
	width:85%;
}

#info {
	display:inline-block;
	position:relative;
	float:none;
	clear:both;
	background:#1568b3;
	color:#ffffff;
	margin:0;
	padding:0;
	width:100%;
}

#info .info-content {
	display:-webkit-flexbox;
  	display:-ms-flexbox;
  	display:-webkit-flex;
  	display:flex;
	border-bottom:1px solid #1568b3;
	float:none;
	clear:both;
	margin:0;
	width:100%;
}

#info .info-content img {
	width:50%;
	height:100%;
}

#info .info-content img.image-left {
	float:left;
	-webkit-order:1;
	order:1;
}

#info .info-content img.image-right {
	float:right;
	-webkit-order:2;
	order:2;
}

#info .info-content .info-text {
	padding-left:80px;
	padding-right:80px;
	-webkit-align-self:center;
	align-self:center;
	width:calc(50% - 100px);
}

#info .info-content .info-text.left {
	float:left;
	-webkit-order:1;
	order:1;
}

#info .info-content .info-text.right {
	float:right;
	-webkit-order:2;
	order:2;
}

#donate {
	padding:60px 60px 80px 60px;
	text-align:center;
}

#donate p {
	display:block;
	margin:10px auto 10px auto;
	width:80%;
}

#donate a.donate-btn {
	display:table;
	background:#b92727;
	color:#ffffff;
	font-size:21px;
	font-weight:500;
	margin:30px auto;
	padding:10px 25px;
}

#donate a:hover {
	background:#971f1b;
}

/*** end Main Content styles ***/

/*** Footer styles ***/

footer {
	position:static;
	bottom:0;
	background:#1568b3;
	color:#ffffff;
	margin:0 auto;
	padding:25px 15px 30px 15px;
	text-align:center;
	max-width:1230px;
}

footer p.copyright {
	font-size:80%;
	margin-bottom:0;
}

/*** end Footer styles ***/