body{ border-top:8px solid #000000; font-family:"MyriadPro-Regular",Helvetica Neue,Helvetica,Arial,sans-serif;}
body,html{ height:100%;}
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../fonts/MyriadPro-Regular.eot');
	src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/MyriadPro-Regular.woff') format('woff'),
			 url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
			 url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
.padding20{ padding:20px;}
.main-wrapper { min-height: 100%;}
a{color:#d62828;}
/*=====================header=========================*/
header{ border-top:3px solid #db4f3e;}
header h1{margin-top:5px;  margin-bottom: 11px;}
header h1 img{max-width:310px;/* width:100%;*/}
/*top icons*/
.top-icns{ float:right;}
.top-icns a{text-align:center; display:inline-block; color:#000; padding:10px;}
.top-icns a{text-decoration:none;}
.top-icns a .donate,.top-icns a .email,.top-icns a .calender{ background:url('../images/top-links-icns.png') no-repeat; display:block; width:42px; height:40px; margin: 0 auto;}
.top-icns a:hover .donate,.top-icns a:hover .email,.top-icns a:hover .calender{background:url('../images/top-links-icns-h.png') no-repeat;}
.top-icns a .donate,.top-icns a:hover .donate{background-position:3px 0px;}
.top-icns a .email,.top-icns a:hover .email{background-position:-53px 0px;}
.top-icns a .calender,.top-icns a:hover .calender{background-position:-115px 0px;}
/**/
header .container{position: relative; z-index: 99;}
.top-slantdv,.bottom-slantdv { margin-top: 8px; position: relative; top: 0; width: 100%; z-index: 1;}
.bottom-slantdv{ margin-top:200px;}
.top-slantdv [class*="decor-"],.bottom-slantdv [class*="decor-"] { height: 102px; left: 0;  position: absolute; width: 100%;}
[class*="decor-"] {height: 60px; left: 0; position: absolute; width: 100%;}
.decor-top { bottom: 100%;}
svg:not(:root) { overflow: hidden;}
[class*="decor-"] svg { height:127%;}
.decor { display: block; margin: 0 auto;position: relative;}
.top-slantdv.swatch-red-white .decor{ fill: #dfdfdf;stroke: #fff;}
.bottom-slantdv.swatch-red-white .decor { fill: #dcdddd;stroke: #fff;}
.swatch-red-white .decor, [class*="swatch-"] .swatch-red-white .decor { fill: #191919; stroke: #fff;} 
/*===================navigation===========================*/
.navbar-default{ background:transparent; border:0; float:right;  margin-top:17px; width:100%; position:relative; z-index:999;}
.navbar-collapse{ padding-left: 0; padding-right: 0;}
.navbar-default .navbar-nav > li > a{ color:#727272; text-transform:uppercase; font-size:16px; display: inline-block; padding: 5px 3%;}
.navbar-default .container-fluid {padding-right:0;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{ background-color: #000; color: #fff;}
 
.navbar-default .caret{ display:none;}
.dropdown-menu {background-color: #000; border: 0 none; border-radius: 0; font-size: 16px;margin: 13px 0 0 !important;}
.dropdown-menu > li > a { color: #fff; text-transform: uppercase;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: transparent; color: #fff; font-weight: bold;}
.navbar-nav { float: none; margin: 10px 0 0; padding: 0; text-align: center; width: 100%;}
.navbar-nav > li { display: inline;  float: none;}

/*==============================slider==================*/
.slider-wrapper {background:url("../images/slider-background.png") no-repeat; background-size:99.5%; position:relative; z-index:9; display: inline-block;  padding-bottom: 74px; margin-top:-56px; margin-bottom:-25px; width: 100%;}
.carousel {left: 18px; position: relative; top: 21px; width: 96%; z-index: 999;}

/*==============================Content==================*/
.content-row { min-height:400px; margin-top:35px;
background: #dededf; /* Old browsers */
background: -moz-linear-gradient(top, #dededf 0%, #ffffff 53%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dededf), color-stop(53%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dededf 0%,#ffffff 53%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dededf 0%,#ffffff 53%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dededf 0%,#ffffff 53%); /* IE10+ */
background: linear-gradient(to bottom, #dededf 0%,#ffffff 53%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dededf', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}

.main-content h1{ color:#d62828; font-size:30px;}
.main-content p, .main-content a{color:#595959; font-size:18px; line-height:28px;}
.main-content a{ color:#d62828; text-decoration:underline;}
/*=======================footer========================================*/

.footer-wrapper{ display:inline-block; background:#dcdddd; width:100%;margin-top: 27px; color:#767575; margin-bottom: -7px;}       
.footer-wrapper h2{ font-size:18px;}  
.footer-wrapper p{font-size:15px; line-height:15px;}    
.footer-wrapper a{color:#767575; padding:10px 3px; text-decoration:underline;}      
.footer-wrapper .container{ margin-top: -30px; position: relative; z-index: 99;} 
.copyright-row{ border-top:1px solid #b3b3b3; padding-top:20px; margin:30px 0;}
.copyright-row p,.copyright-row h3{font-size:14px; line-height:18px; font-weight:normal; }

/*=================social icons=====================*/   
.facebook-icn,.instagram-icn,.twitter-icn,.blog-icn,.u-tube-icn{background:url('../images/social-icons.png') no-repeat; height:39px; width:40px; display:inline-block; margin-right:3px;}
.facebook-icn:hover,.instagram-icn:hover,.twitter-icn:hover,.blog-icn:hover,.u-tube-icn:hover{background:url('../images/social-icons-h.png') no-repeat;}
.facebook-icn,.facebook-icn:hover{background-position:0px 0px; }
.instagram-icn,.instagram-icn:hover{background-position:-40px 0px;}
.twitter-icn,.twitter-icn:hover{background-position:-80px 0px;}
.blog-icn,.blog-icn:hover{background-position:-120px 0px;}
.u-tube-icn,.u-tube-icn:hover{background-position:-162px 0px;}

/*slider arrow css*/

.slider-wrapper{ overflow:hidden; padding-left:6px; padding-right:6px; }
.slider-wrapper .carousel-inner { overflow:visible; }
.carousel-inner .left.carousel-control{ width:37px; height:37px; background-image:url(../images/left-arrow.png); background-repeat:no-repeat; background-position: 0 0; top: 50%; margin-top: -18px; opacity: 1; left:-25px;  }
.carousel-inner .right.carousel-control{ width:37px; height:37px; background-image:url(../images/right-arrow.png); background-repeat:no-repeat; background-position: 0 0; top: 50%; margin-top: -18px; opacity: 1; right:-25px; }


/*==============================media queries==================*/

@media screen and (min-width: 1920px){
header h1 img{max-width:270px;}	
}
@media (max-width: 1199px) 
{
header h1 img { max-width: 250px;}
header h1 { margin-bottom: 28px;}
.navbar-default .navbar-nav > li > a {  padding: 5px 2%;}
}

@media (max-width: 991px) 
{
.navbar-default{ margin-top:0;  margin-bottom: 13px;}
.navbar-default .container-fluid { padding-left: 0;}
.navbar-default .navbar-nav > li > a { padding: 5px 2.6%;}
header h1 { margin-bottom: 57px; text-align: center;}
header .pull-left, header .pull-right { clear: both; display: block; float: none !important;}
.top-icns { float: none; text-align: center;}
.carousel { left: auto; margin: 0 auto; top: 16px; width: 95%;}
.slider-wrapper{margin-top: -40px; padding-bottom: 55px;}
.facebook-icn, .instagram-icn, .twitter-icn, .blog-icn, .u-tube-icn{margin-right:0;}

.carousel-inner .right.carousel-control, .carousel-inner .left.carousel-control{ width:30px; height:30px; background-size:100% 100%; margin-top:-15px; }


}

@media (max-width: 767px) 
{
.navbar-header{text-align:center;}
.navbar-toggle { background-color: black; border-radius: 0; color: #fff; float: none; width: 100%;  padding: 6px 10px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #000;}
.navbar-default .navbar-nav > li:last-child a { padding: 5px 2.6%;}
.navbar-collapse{border-top:0;}
.navbar .container-fluid{width: 70%;}
.navbar-nav{ background:#000; margin:0 auto;}
.navbar-nav > li { border-bottom: 1px solid #fff; padding: 5px; text-align: left;display: block;}
.navbar-default .navbar-nav > li > a{ color:#fff;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color: #fff; font-weight: bold;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff;}
.footer-wrapper .text-center{text-align:left;}
.footer-wrapper .container { margin-top: -71px;}
.mceTmpl tr td{ display:block; width:100%;}

.carousel-inner .right.carousel-control, .carousel-inner .left.carousel-control{ width:14px; height:14px; background-size:100% 100%; margin-top:-7px; }
.carousel-inner .left.carousel-control{ left:-9px; }
.carousel-inner .right.carousel-control{ right:-9px; }


}

@media (max-width:640px) 
{
.top-slantdv [class*="decor-"], .bottom-slantdv [class*="decor-"] { height: 69px;}
.content-row { margin-top: 26px;}
.footer-wrapper{margin-top: 18px;}
.bottom-slantdv { margin-top: 100px;}
.footer-wrapper .container {  margin-top: -46px;}
}

@media (max-width:460px) 
{
.carousel {top: 9px;}
.container { padding-left: 10px; padding-right: 10px;}
.row { margin-left: -10px; margin-right: -10px;}
.slider-wrapper { margin-top: -34px; padding-bottom: 31px;}
.main-content h1 { font-size: 28px;}
.main-content p { font-size: 16px; line-height: 26px;}
}

.facebook-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}