body {
    background: url("../img/bg-page.png") repeat-x scroll 0 0 #6495BE;
    margin: 0;
    font-size:13px; font-family:Arial, Helvetica, sans-serif, "Myriad Pro";


}

.cpu {display: block;}
.reg {font-size:}

.panel {margin-bottom:0px;}

.cpad {padding-bottom: 20px;}

.carousel-inner>.item {background: #515151;}

.carousel-caption {right:5%; left:5%; padding:5px; background:rgba(0,0,0,.8);}

.slide-title {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
}
.slide-text {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding-top: 15px;
}

.slide-text a {color:#ffff00!important;}
.slide-text a:hover {color:#fff!important;}

#home-rotator a:link {
    color: #ffffff;
    text-decoration: underline;
}
#home-rotator a:visited {
    color: #ffffff;
    text-decoration: underline;
}
#home-rotator a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

a{color:#CC0000;text-decoration:none}
a:focus,a:hover{color:#FF0000;text-decoration:underline}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}

h1 {font-family: arial, helvetica, sans-serif; font-style: italic; color: #000000; margin-top: 0px; font-weight: bolder;}
h2 {font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000;}
h3 {font-family: arial, helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #000000;}

h2.awareness {font-family: arial, helvetica, sans-serif; font-size: 18px; font-weight: bolder; color: #cf0404; font-style: italic;}

.public {margin: 10px 0px; border-bottom: 1px solid #333333;}

.links {min-height: 100px; border-bottom: 1px solid #e0e0e0; margin:0px!important;}

.pa {margin-bottom: 15px;}

.nurf {padding:5px 0px;}

.rlink {padding: 20px 0px; font-size: 18px; font-weight: bold;}

.rlogo {padding: 10px 0px;}

.content {padding: 10px 0px;}

.nopad {padding: 0px;}
.nomar {margin: 0px;}
.clear {clear: both;}

.mobileapp {width: 800px!important;}
.modal-content {background: url("../img/modal-nujabes.jpg");}
.profix {background:#FFFFFF!important;}
.modalre {margin-bottom: 10px; font-size: 22px; color: #FFFFFF;
  font-weight: bold;}
.promrow {margin-bottom:10px;}  

.luvsic1 {padding: 7px; background: #000000; margin-bottom: 20px;}
.luvsic2 {padding: 7px; background: #ec3122;}
.luvsic3 {padding: 7px; background: #ffffff;}
.clouds {padding:5px;}
.whitebg {background:#FFFFFF!important;}

.social {margin:30px 0px; text-align: right;}

.txtright {text-align: right;}

.white {background:#FFFFFF;}

.navbar {margin-bottom: 0px; border-radius: 0px;}

.navbar-inverse .navbar-nav>li>a {color: #FFF; font-size: 18px; font-weight: 600;text-shadow: 0px 1px 5px rgba(0, 0, 0, 1); padding:15px 24px; border-left: 1px solid #000000;}
.navbar-inverse .navbar-brand {color: #FFF; font-size: 18px; font-weight: 600;text-shadow: 0px 1px 5px rgba(0, 0, 0, 1); padding: 15px 24px;}

.dropdown-menu {background:#CC0000; color: #FFFFFF; padding: 0px;}

.dropdown-menu >li>a {color:#FFFFFF; border-bottom: 1px solid #666666; }
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background-color:#e52901;color:#FFFFFF;}

.buttonlist {list-style: none; margin: 0px; padding: 0px;}
ul.buttonlist li {margin:10px 0px;}
ul.buttonlist .btn-danger {width: 100%; font-family: "Arial"; }

.bpad {padding:20px 0px;}

.btn-red {width:100%; background: #bc1212; /* Old browsers */
    background: -moz-linear-gradient(top,  #bc1212 0%, #9b0303 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bc1212), color-stop(100%,#9b0303)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #bc1212 0%,#9b0303 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #bc1212 0%,#9b0303 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #bc1212 0%,#9b0303 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #bc1212 0%,#9b0303 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc1212', endColorstr='#9b0303',GradientType=0 ); /* IE6-9 */
}

.btn-red:hover {width:100%; background: #ff3019; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}

.btn-yel {width:100%; background: #e4fa21; /* Old browsers */
background: -moz-linear-gradient(top, #e4fa21 0%, #d0e02a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e4fa21 0%,#d0e02a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e4fa21 0%,#d0e02a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4fa21', endColorstr='#d0e02a',GradientType=0 ); /* IE6-9  */
color:#000!important;}

.btn-yel:hover {width:100%; background: #ebf968; /* Old browsers */
background: -moz-linear-gradient(top, #ebf968 0%, #d3dd61 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ebf968 0%,#d3dd61 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ebf968 0%,#d3dd61 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf968', endColorstr='#d3dd61',GradientType=0 ); /* IE6-9 */
}

.buttonlist a:link, .buttonlist a:visited {color:#FFFFFF;}

.footer {border-top:3px solid #999999; background: #666666; /* Old browsers */
    background: -moz-linear-gradient(top, #666666 0%, #131313 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#131313)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #666666 0%,#131313 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #666666 0%,#131313 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #666666 0%,#131313 100%); /* IE10+ */
    background: linear-gradient(to bottom, #666666 0%,#131313 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#131313',GradientType=0 ); /* IE6-9 */}

.footpad {padding: 20px; color: #FFFFFF;}

.logomobile, .socialmobile {display: none;}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {background: #626262; /* Old browsers */
background: -moz-linear-gradient(top,  #626262 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#626262), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #626262 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #626262 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #626262 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #626262 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626262', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}

.navbar-inverse .navbar-nav>li>a:hover {background: #cbcbcb; /* Old browsers */
background: -moz-linear-gradient(top,  #cbcbcb 0%, #232323 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbcbcb), color-stop(100%,#232323)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cbcbcb 0%,#232323 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cbcbcb 0%,#232323 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cbcbcb 0%,#232323 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cbcbcb 0%,#232323 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#232323',GradientType=0 ); /* IE6-9 */
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {background: #cbcbcb; /* Old browsers */
    background: -moz-linear-gradient(top,  #cbcbcb 0%, #232323 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbcbcb), color-stop(100%,#232323)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cbcbcb 0%,#232323 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cbcbcb 0%,#232323 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cbcbcb 0%,#232323 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cbcbcb 0%,#232323 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#232323',GradientType=0 ); /* IE6-9 */}

.nav>li>a {padding: 10px }

.palogo {min-height:70px;}

.qth  {margin-bottom: 15px;}
.qth li {margin-bottom: 15px;}


.howitworks hr {width: 90%;}
.howitworks h3 {color: #FFF; background: #5f90b9; font-size: 14px; padding: 5px; margin: 0px;}
.howitworks h3 span {float: right;}
.howitworks .btn-holiday {cursor: pointer;}
.howitworks .first {padding-top: 0px;}

.panel-default{border:none;}
.panel-default>.panel-heading{color:#CC0000;background-color:#f9f9f9;border:none;font-family: 'Arial', sans-serif; font-size:24px; font-weight: bold; border-bottom:1px solid #e0e0e0}
.panel-body {color:#345573;}
.panel-title {font-size: 18px; line-height: 30px;}

.showimg {width:14%; float:left;}

.outdoor img {margin: 10px; padding: 3px; border: 1px solid #000000;}

.safety li {padding: 10px 0px;}

.yellowbg {color:#000000; background: #FFFF00; padding: 5px; font-weight: bold; font-style: italic;}
.redbg {color:#FFFFFF; background: #8B1400; padding: 5px; font-weight: bold; font-style: italic;}
.orangebg {color:#000000; background: #FF6600; padding: 5px; font-weight: bold; font-style: italic;}

.qro {margin-bottom:25px; min-height:195px!important;}
.qro img {border:1px solid #000000;}


.btn-yelnav {background: #e4fa21; /* Old browsers */
background: -moz-linear-gradient(top, #e4fa21 0%, #d0e02a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e4fa21 0%,#d0e02a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e4fa21 0%,#d0e02a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4fa21', endColorstr='#d0e02a',GradientType=0 ); /* IE6-9  */
color:#000!important;}

.navbar-inverse .navbar-nav>li.btn-yelnav>a {color:#000!important;text-shadow:none!important;}

.navbar-inverse .navbar-nav>li.btn-yelnav>a:hover {background: #ebf968!important; /* Old browsers */
background: -moz-linear-gradient(top, #ebf968 0%, #d3dd61 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ebf968 0%,#d3dd61 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ebf968 0%,#d3dd61 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf968', endColorstr='#d3dd61',GradientType=0 )!important; /* IE6-9 */
}


.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

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

    .navbar-inverse .navbar-nav>li>a {color: #FFF; font-size: 16px; font-weight: 600;text-shadow: 0px 1px 5px rgba(0, 0, 0, 1); padding: 15px;}
    .navbar-inverse .navbar-brand {color: #FFF; font-size: 16px; font-weight: 600;text-shadow: 0px 1px 5px rgba(0, 0, 0, 1); padding: 15px;}
}

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

    .logomobile,.socialmobile {display: block;}
    .logo,.social {display: none;}

    .socialmobile {margin:10px 0px 20px; text-align: center;}

    .navbar-inverse .navbar-nav>li>a {color: #FFF; font-size: 14px; font-weight: 600;text-shadow: 0px 1px 5px rgba(0, 0, 0, 1);}
    .navbar-inverse .navbar-brand {color: #FFF; font-size: 14px; font-weight: 600;text-shadow: 0px 1px 5px rgba(0, 0, 0, 1);}

    .pull-right {float: none!important;}

    .howitworks .first {padding-top: 20px;}

    .showimg {width:33%; float:left; margin: 10px 0px;}

    .cpu {display: none!important;}

    .mobileapp {width: 600px!important;}

}

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

.navbar-inverse .navbar-nav>li>a {border-left: none!important;}

    .mobileapp {width: 600px!important;}
	.qro {margin-bottom:25px; min-height:210px!important;}

}

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

    .mobileapp {width: 400px!important;}

}

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

    .mobileapp {width: 300px!important;}

}