@font-face { font-family: 'rabioheadregular'; src: url('../fonts/rabiohead-webfont.eot'); src: url('../fonts/rabiohead-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/rabiohead-webfont.woff') format('woff'), url('../fonts/rabiohead-webfont.ttf') format('truetype'), url('../fonts/rabiohead-webfont.svg#rabioheadregular') format('svg'); font-weight: normal; font-style: normal; }
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { outline: none !important; color:#4574b8; }
body { line-height: 1; font-family: 'Open Sans', sans-serif !important; font-size: 14px; color: #333; }
.header { width: 100%; float: left; }
.logo { width: 250px; height: 62px; float: left; margin-top: 10px; }
.logo img { width: 100%; }
.login { float: right; margin-right:15px; }
.login a { color: #4574b8; border-left: 2px solid #4574b8; padding-left: 10px; margin-top: 10px; float: left; }
.menu { width: 100%; float: left; background: #4574b8; margin-top: 10px; }
.menu ul { float: right; margin-bottom: 0px !important; }
.menu ul li { float: left; }
.menu ul li a { display: block; padding: 10px 20px; text-align: center; color: #fff; text-decoration: none; text-transform: uppercase; }
.menu ul li a:hover { background:rgba(0,0,0,0.10);}
.menu ul li .active { background:rgba(0,0,0,0.10);}
.rabio { font-family: 'rabioheadregular' !important; font-size: 26px !important; text-align: center !important; color: #666666 !important; }
.follow { background: url(../images/follow.png) no-repeat center center; width: 800px; float: none; margin-top: 20px; height: 380px; padding-top: 100px; padding-left: 50px; margin: 0 auto; }
.follow .cell { width: 100%; float: left; margin-bottom: 20px; }
.follow .fb { display: block; background: url(../images/fb.png) no-repeat 0 0; padding-left: 110px; width: 100%; height: 100px; padding-top: 35px; color: #333; font-size: 16px; transition: all 0.5s ease 0s;opacity: 0.8; }
.follow .twt { display: block; background: url(../images/twt.png) no-repeat left top; padding-left: 110px; width: 100%; height: 100px; padding-top: 35px; color: #333; font-size: 16px; transition: all 0.5s ease 0s;opacity: 0.8; }
.follow .mail { display: block; background: url(../images/email.png) no-repeat left top; padding-left: 110px; width: 100%; height: 100px; padding-top: 35px; color: #333; font-size: 16px; transition: all 0.5s ease 0s;opacity: 0.8; }
.follow .url { display: block; background: url(../images/url.png) no-repeat left top; padding-left: 110px; width: 100%; height: 100px; padding-top: 35px; color: #333; font-size: 16px; transition: all 0.5s ease 0s;opacity: 0.8; }
.follow .fb:hover { color: #4574b8; opacity: 1; }
.follow .twt:hover { color: #4574b8; opacity: 1; }
.follow .mail:hover { color: #4574b8; opacity: 1; }
.follow .url:hover { color: #4574b8; opacity: 1; }
.strip { width: 100%; float: left; margin-bottom: 8px; }
.strip .textfield { width: 100%; border: 1px solid #ccc; padding: 5px; float: left; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; font-family: 'rabioheadregular' !important; font-size: 22px; }
.strip .textarea { width: 100%; border: 1px solid #ccc; padding: 5px; float: left; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; min-height: 100px; font-family: 'rabioheadregular' !important; font-size: 22px; }
.modal .sub-btn { width: 100%; text-align: center; color: #fff; padding: 5px 0px; float: left; background: #4574b8; border: 0px; cursor: pointer; margin-top: 10px; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; font-family: 'rabioheadregular' !important; font-size: 28px; transition: all 0.5s ease 0s;}
.modal .sub-btn:hover { background:#3968ad;}
.footer { height: 40px; width: 100%; float: left; background: #f2f2f2; margin-top: 0px; z-index: 2; position: relative; }
.footer p { font-size: 12px; color: #888; width: 100%; text-align: center; margin-top: 10px; }
.footer p a { color:#4574b8;}
* { margin: 0; }
html, body { height: 100%; }
.wrapper { min-height: 100%; height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */ height: 100%; margin: 0 auto -85px; /* the bottom margin is the negative value of the footer's height */ }
.push { height: 85px; /* .push must be the same height as .footer */ }


.ec { padding-top: 15px;}

@media screen and (min-width:320px) and (max-width:480px) {
.carousel-inner .item { height: auto !important; } 
.follow { background-position:-200px top !important; padding-left:0px !important;}
.carousel-indicators { margin-top: 10px !important; }
}

@media screen and (min-width:320px) and (max-width:700px) {
.links ul { width:100% !important; }
.menu ul li a { font-size:12px; padding:10px !important;}
}


@media screen and (min-width:767px) and (max-width:900px) {
.links ul { width:70% !important; }
}

@media screen and (min-width:901px) and (max-width:1279px) {
.links ul { width:55% !important; }
}


@media screen and (min-width:767px) and (max-width:1200px) {
.carousel-inner .item { height: 700px !important; }
.follow { margin-top: 0px !important; }

}
.carousel-inner { overflow: hidden; position: relative; width: 100%; z-index: 1; }
.carousel-inner .item { height: 760px; }
.carousel img { float: left; margin-top: 10px !important; width: 100% !important; }
.carousel-indicators { position: relative !important; margin-top: -60px; }
.carousel-control.left { background: url(../images/arrow-left.png) no-repeat left center !important; left: -2% !important; text-indent: -9999px; opacity: 0.3 !important; }
.carousel-control.right { background: url(../images/arrow-right.png) no-repeat right center !important; right: -2% !important; text-indent: -9999px; opacity: 0.3 !important; }
.carousel-control:hover { opacity: 1.0 !important; }
.carousel-control:focus { opacity: 0.3 !important; }
.carousel-caption { top: 10px !important; width: 100% !important; text-shadow: none !important; position: relative !important; left: 0 !important; }
.carousel p { font-size: 16px; width: 100%; float: left; text-shadow: none !important; text-align: left; font-weight: 400; margin-bottom: 20px; }
.carousel h3 { font-size: 50px; width: 90%; margin-left: 5%; margin-right: 5%; float: left; font-family: 'rabioheadregular' !important; color: #976949 !important; text-align: left; margin-bottom: 20px; margin-top: 10px; }
.carousel .li { background: url(../images/li.png) no-repeat left 2px; padding-left: 20px; color: #333 !important; width: 90%; margin-left: 5%; margin-right: 5%; }
.carousel-indicators li { background: url(../images/dot.png) no-repeat !important; background-size: 12px; border: 0px !important; border-radius: 0 !important; width: 12px !important; height: 12px !important; margin: 0px !important; padding: 0px !important; }
.carousel-indicators .active { background: url(../images/dot_act.png) no-repeat !important; background-size: 12px; border: 0px !important; border-radius: 0 !important; width: 12px !important; height: 12px !important; margin: 0px !important; padding: 0px !important; }
.modal-dialog { margin-top:80px !important;}
.links { width:100%; background:#fff; border:1px solid #f2f2f2;}
.links ul { width:44%; float:none; text-align:center; margin:0 auto;}
.links ul li { float:left; margin-right:5px; padding:6px 0px;}
.links ul li a { display:block; padding:5px 10px; font-size:14px; color:#444;}
.links ul li a:hover { text-decoration:underline; color:#4574b8;}
.inner h2 { font-size:22px; float:left; width:100%; color:#4574b8;}
.inner h4 { font-size:18px; float:left; width:100%; color:#000;}
.inner h5 { font-size:18px; float:left; width:100%; color:#000; text-decoration:underline;}
.inner p {color:#666;}
.caps { text-transform:uppercase; font-size:16px !important; line-height:normal;}
.ulchild { width:100%; float:left; margin-left:20px; list-style:disc;}
