/*  RESET
------------------------------------------------------------------------------*/
* { margin:0;padding: 0 }

:focus { outline: 0 }

img { border: none }

html,body { -webkit-text-size-adjust: none }
/*  RESET END
------------------------------------------------------------------------------*/

/* REUSABLE STYLES
------------------------------------------------------------------------------*/
.hidden {display: none !important;}
.clear {height:0; clear:both; overflow:hidden; font-size:0;}
/* REUSABLE STYLES END
------------------------------------------------------------------------------*/

/* FOUNDATION
------------------------------------------------------------------------------*/
body {background-color: #FCCC3C; font-family: Arial, Tahoma;}
a {color: #348aec; text-decoration: underline;}
a:hover {text-decoration: none;}
img {color: blue;}
strong {font-weight: bold;}
/* FOUNDATION END
------------------------------------------------------------------------------*/

/* BUTTONS
------------------------------------------------------------------------------*/
.btn-primary {display: inline-block; font-size: 24px; line-height: 36px; text-align: center; text-decoration: none; border: 2px solid #FFF3E1; color: #fff; text-shadow: 1px 1px 0 #9B5001; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; padding: 0 12px;
    
background: #ffbb02;
background: -moz-linear-gradient(top,  #ffbb02 0%, #fa9101 46%, #f67a00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbb02), color-stop(46%,#fa9101), color-stop(100%,#f67a00));
background: -webkit-linear-gradient(top,  #ffbb02 0%,#fa9101 46%,#f67a00 100%);
background: -o-linear-gradient(top,  #ffbb02 0%,#fa9101 46%,#f67a00 100%);
background: linear-gradient(to bottom,  #ffbb02 0%,#fa9101 46%,#f67a00 100%);

}
.btn-primary:active {-moz-box-shadow: inset 0 3px 3px #c66200; -webkit-box-shadow: inset 0 3px 3px #c66200; box-shadow: inset 0 3px 3px #c66200;}

.btn-secondary {display: block; font-size: 30px; line-height: 43px; text-align: center; text-decoration: none; border: 2px solid #baffb1; color: #fff; text-shadow: 1px 1px #559628; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; padding: 0 12px;
    
background: #7bef2a;
background: -moz-linear-gradient(top,  #7bef2a 0%, #59c70e 38%, #4ab300 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7bef2a), color-stop(38%,#59c70e), color-stop(100%,#4ab300));
background: -webkit-linear-gradient(top,  #7bef2a 0%,#59c70e 38%,#4ab300 100%);
background: -o-linear-gradient(top,  #7bef2a 0%,#59c70e 38%,#4ab300 100%);
background: linear-gradient(to bottom,  #7bef2a 0%,#59c70e 38%,#4ab300 100%);
}
.btn-secondary:active {-moz-box-shadow: inset 0 3px 3px #25ad01; -webkit-box-shadow: inset 0 3px 3px #25ad01; box-shadow: inset 0 3px 3px #25ad01;}

/* BUTTONS END
------------------------------------------------------------------------------*/

/* BLOCKS
------------------------------------------------------------------------------*/
.b-main {max-width: 600px; padding: 0 5px; margin: 0 auto;}

.b-header {color: #2A2A2A; font-size: 19px; padding: 10px 0; text-shadow: 0 1px #FEDB94; text-align: center; line-height: 20px; border-bottom: 1px solid #c48e2c;
background: #fcd343;
background: -moz-linear-gradient(top,  #fcd343 0%, #fbc233 38%, #f6b422 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcd343), color-stop(38%,#fbc233), color-stop(100%,#f6b422));
background: -webkit-linear-gradient(top,  #fcd343 0%,#fbc233 38%,#f6b422 100%);
background: -o-linear-gradient(top,  #fcd343 0%,#fbc233 38%,#f6b422 100%);
background: linear-gradient(to bottom,  #fcd343 0%,#fbc233 38%,#f6b422 100%);
}
.b-header .slogan b {color: #FA0000;}

.b-header-line {font-size: 17px; color: #fff; line-height: 21px; text-align: center;}   

.b-intro-line {color: #fff; font-size: 17px; line-height: 24px; text-shadow: 1px 1px #345a85; text-align: center;}   

.b-content {background-color: #276a9d; padding: 0 0 15px;}

.b-banner {display: block; margin: 0 auto; background-size: cover; background-position: center center;}
.b-banner .btn-primary {float: right; margin: 30px 10px 0 0;}


.b-banner.alt-1 {background-image: url(bg-1.jpg); background-position: center center; height: 218px;}
.b-banner.alt-2 {background-image: url(../images/bg-2.html); background-position: center center; height: 300px;}
.b-banner.alt-3 {background-image: url(../images/bg-3.html); background-position: center center; height: 310px;}
.b-banner.alt-4 {background-image: url(../images/bg-4.html); background-position: center center; height: 218px;}

.b-list {border: 1px solid #204663; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; overflow: hidden; margin: 0 0 15px;}
.b-list p {font-size: 16px; padding: 5px 10px;}
.b-list .title {background-color: #b54040; color: #121212;}
.b-list .text {background-color: #fff; color: #121212;}

.b-footer {text-align: center; color: #2A2A2A; font-size: 14px; line-height: 15px; padding: 5px 0; background-color: #FCCC3C; border-top: 1px solid #FEEBB1;}
.b-footer span {color: #A21010; font-weight: bold;}
/* BLOCKS END
------------------------------------------------------------------------------*/