/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
@font-face {
    font-family: 'bitdust_tworegular';
    src: url('../fonts/bitdust2-webfont.woff2') format('woff2'),
         url('../fonts/bitdust2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ft77regular';
    src: url('../fonts/ft77-webfont.woff2') format('woff2'),
         url('../fonts/ft77-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font: 16px/26px Helvetica, Helvetica Neue, Arial;
    background: url(/img/b21_1.jpg); #303030;
    padding: 0;margin: 0;
    line-height: normal;
    font-size: 11px;color: #FFF;
}
*{box-sizing: border-box;}
ul{padding: 0;margin: 0;line-height: normal;}
li{list-style: none;padding: 0;margin: 0;line-height: normal;}



/* ===================
    ALL: Orange Theme
   =================== */

.header-container {
    border-bottom: 20px solid #e44d26;
}

.footer-container,
.main aside {
    border-top: 20px solid #e44d26;
}

.header-container,
.footer-container,
.main aside {
    background: #f16529;
}

.title {
    color: white;
}

/* ==============
    MOBILE: Menu
   ============== */

nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

nav a {
    display: block;
    margin-bottom: 10px;
    padding: 15px 0;

    text-align: center;
    text-decoration: none;
    font-weight: bold;

    color: white;
    background: #e44d26;
}

nav a:hover,
nav a:visited {
    color: white;
}

nav a:hover {
    text-decoration: underline;
}

/* ==============
    MOBILE: Main
   ============== */

.main {
    padding: 30px 0;
}

.main article h1 {
    font-size: 2em;
}

.main aside {
    color: white;
    padding: 0px 5% 10px;
}

.footer-container footer {
    color: white;
    padding: 20px 0;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.page-wrapper{display: block;width: 800px;margin: auto;min-height: 800px;position: relative;background: #4c4c4c;padding: 8px 16px 0px 16px;}
.page-wrapper:before{position: absolute;content: '';left: 0;top: 0;width: 16px;height: 100%;background: url("../img/wrapper-left-bg.png") repeat-y;}
.page-wrapper:after{position: absolute;content: '';right: 0;top: 0;width: 16px;height: 100%;background: url("../img/wrapper-right-bg.png") repeat-y;}

.header{padding: 4px; background: #000000;border-radius:0px 0px 10px 10px;min-height: 115px;display: block;box-shadow: inset 0px -1px 1px 1px rgba(163, 163, 163, 0.62);position: relative;}
.clearfix{display: block;}
.clearfix:after{position: relative;display: block;content: '';clear: both;}
.logo{display: block;width: 34.8%;float: left;background: url("../img/logo-bg.png") no-repeat top center;text-align: center;padding: 0px 0px;height: 104px;margin-top: 7px;}
.logo a{display: block;text-decoration: none !important;}
.logo img{display: inline-block;}
.logo h1{text-transform: unset;font-size: 20px;font-family: 'ft77regular';margin: 0;line-height: 17px;color: #fff000;font-weight: normal;text-decoration: none;}
.logo span{margin: 0;line-height: normal;color: #fff000;font-weight: normal;text-decoration: none !important;font-family: 'bitdust_tworegular';font-size: 8px;text-transform: uppercase;}
.header-rt{display: block;float:right;width: 65%;background: url("../img/header-rt-bg.png") repeat-x top;min-height: 100px;}
.story-box{display: block;width: 38%;padding-right:20px; float: left;padding: 5px;border-right: 1px solid #4d4d4d;}
h3{font-size: 11px;font-weight: bold;color: #fff000;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;margin: 0px 0px 8px 0px;line-height: normal;}
p{margin-top: 0;font-size: 11px;line-height: 14px;}
.more-btn{font-size: 11px;color: #fff000;text-decoration: none;}
.more-btn:hover{text-decoration: underline;}

.login-box{display: block;position: relative;padding: 4px 10px;width: 62%;float: right;}
.login-box .head{display: block;position: relative;background: url("../img/h3-bg.png") no-repeat center center;
    margin-bottom: 10px;
    background-size: cover;
-moz-background-size: cover;-webkit-background-size: cover;-ms-background-size: cover;min-height: 27px;border: 1px solid #393939;padding: 4px 10px 5px 27px;border-radius: 3px;}
.login-box .head:before{display: block;width: 12px;height: 15px;background: url("../img/ic-login.png") no-repeat;position: absolute;top: 4px;left: 10px;content: '';}
.login-box .head h3{margin: 0;line-height: normal;}

.login-box .input-group{display: block;}
.login-box .input-group ul li{display: block;width: 49%;}
.login-box .input-group ul li:nth-child(odd){float: left;}
.login-box .input-group ul li:nth-child(even){float: right;}

.input-box{width: 100%;background: #FFF;height: 22px;border: 1px solid #9d9da1;color: #000000;font-size: 12px;padding: 0px 10px;
margin-bottom: 7px;}
.input-box:focus{border: none;outline: none;}
.other-actions{display: block;text-align: right;}
.submit-btn{color: #042e85;background: #e0dfe3;border: 1px solid #FFF;display: inline-block;float: left;line-height: normal;padding: 4px 8px;
font-size: 14px;transition:all ease 0.2s;}
.submit-btn:hover{background: #FFF;}

.input-item label{font-size: 12px;color: #FFF;margin: 5px 0px;display: block;}
.other-actions .more-btn{padding-top: 5px;display: inline-block;font-size: 11px;}
a{transition:all ease 0.2s;-moz-transition:all ease 0.2s;-ms-transition:all ease 0.2s;-webkit-transition:all ease 0.2s;}
.main-menu{display: block;text-align: center;padding: 0px 7px;}
.main-menu ul li{display: inline-block;background: #565656;background: url("../img/menu-sep.png") no-repeat top right;}
.main-menu ul {display: inline-block;background: #565656;background: url("../img/menu-sep.png") no-repeat top left;font-size: 0;}
.main-menu ul li a{display: block;color: #FFF;    color: rgba(255, 255, 255, 0.6);font-size: 11px;padding: 6px 27px;text-decoration: none;}
.main-menu ul li a:hover{color: #FFF;}

a.menu-toggle{
	position:absolute;	
	display:none;
	width:40px;
	height:40px;
	background:#e8cf0d;
	top:0px;
	right:-40px;
	padding-top:4px;
	box-sizing:border-box;
	padding-top:4px;
}
a.menu-toggle:hover,a.menu-toggle.active{
	background:#fae019;
}

a.menu-toggle span.line{
	position:relative;
	width:65%;
	height:2px;
	background:#FFF;
	margin:6px auto;
	display:block;
	transition:all ease 0.3s;
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	-o-transition:all ease 0.3s;
	-ms-transition:all ease 0.3s;		
}

a.menu-toggle.active span.line {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	transform-origin: center center;
}	


a.menu-toggle.active span.line.a{
	transform: rotate(45deg);
}
a.menu-toggle.active span.line.c{
	transform: rotate(-45deg);
}
a.menu-toggle.active span.line.b{
	opacity:0;
	filter alpha(opacity=0);
}


.mobile-menu{height:100%;position: fixed;display:block;left:-220px;top:0;width:220px;height:100%;z-index:9;transition:all ease 0.2s;-webkit-transition:all ease 0.2s;-moz-transition:all ease 0.2s;-ms-transition:all ease 0.2s;padding-top:40px;padding:40px 20px;
    background: #3d3d3d; /* Old browsers */
    background: -moz-linear-gradient(top, #3d3d3d 0%, #212121 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3d3d3d 0%,#212121 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3d3d3d 0%,#212121 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#212121',GradientType=0 ); /* IE6-9 */
}
.mobile-menu.show{left:0;}
.mobile-menu a.btn-curved.blue{margin-top:0;background:none;padding:0;}
.mobile-menu .menu-list li a{text-transform:uppercase;color:#FFF;display:block;padding:8px 10px !important;text-decoration: none;}

.intro-box{display: block;border-radius: 10px 10px 0px 0px;border: 1px solid #202020;min-height: 200px;padding: 4px;

background: #3d3d3d; /* Old browsers */
background: -moz-linear-gradient(top, #3d3d3d 0%, #212121 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3d3d3d 0%,#212121 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3d3d3d 0%,#212121 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#212121',GradientType=0 ); /* IE6-9 */
}
.welcom-box{display:block;float:left;width:55%;background:url("../img/welcome-bg.jpg") no-repeat center center;padding: 10px;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;}
.welcom-box h2{margin: 0px 0px 6px 0px;font-size: 18px;color: #fff000;font-weight: bold;line-height: normal;}
.learn-more{color: #FFF;display: inline-block;font-size: 11px;font-weight: bold;text-decoration: none;}
.learn-more:hover{text-decoration: underline;}
.welcom-box .texting{display:block;float:left;width:52%;}
.intro-right{display: block;padding: 6px 10px;float: right;width: 45%;padding-right: 0;}

.newsletter-box{display: block;float: right;width: 47%;padding-top: 16px;}
.holder{display: block;background: #113c93;    background: rgba(17, 60, 147, 0.5);padding: 8px;}
.newsletter-box h3{color: #FFF;text-transform: uppercase;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-weight: bold;}
.newsletter-box .submit-btn{float:right;margin-top: 5px;}
.newsletter-actions{display: block;float: left;}
.newsletter-actions label{display: block;margin: 3px 0px;}

.newsletter-actions label .lbl-text{position: relative;top: -3px;display: inline-block;padding-left: 4px;}
.content-area{
    padding: 4px;padding-top: 20px; min-height: 200px;position: relative;
background: #3d3d3d; /* Old browsers */
background: -moz-linear-gradient(top, #3d3d3d 0%, #151515 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3d3d3d 0%,#151515 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3d3d3d 0%,#151515 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#151515',GradientType=0 ); /* IE6-9 */

}
.content-area:before{position: absolute;height: 13px;width: 100%;background: url("../img/content-area-top-bg.png") repeat-x;content: '';top: 0;left: 0;;}
.half-box{display: block;width: 49%;float: left;}
.half-box.width70{width: 65%;}
.half-box.width30{width: 30% !important;}
.pic-box-190x86{display: block;float:left;width: 190px;height: 86px;border-radius: 4px;overflow: hidden;border: 1px solid #040504;margin: 0px 7px 7px 0px;}
.pic-box-150x88{display: block;float:left;width: 150px;height: 88px;border-radius: 4px;overflow: hidden;border: 1px solid #040504;margin: 0px 7px 7px 0px;}
.pic-box-190x86 img{width: 100%;height: 100%;}
.para-set{display: block;margin-bottom: 10px;}
.half-box.right{width: 49%;float:right;padding-top: 5px;padding-right: 5px;}
.half-box.right ul li{display: block;margin-bottom: 15px;}

.footer{display: block;background: url("../img/footer-top-bg.png") repeat-x top #4c4c4c;border: 1px solid #303030;border-top:none;padding: 15px 7px 12px 7px;}
.coptright{display: block;width: 60%;float: left;}
.footer-menu{width: 38%;float:right;display: block;text-align: right;}
.footer-menu ul li{display: inline-block;color: #fff000; padding: 0px 3px;}

.footer-menu ul li a,.coptright p{    font-size: 11px; color: #fff000; text-decoration: none;margin: 0;line-height: normal;}
.footer-menu ul li a{display: block;}
.footer-menu ul li a:hover{text-decoration: underline;}
.review-main{border-bottom: 2px solid #434343;padding-bottom: 6px;}
.score-box{display: block;margin-top: 18px;padding-bottom: 28px;}
.score-box span{display: inline-block;font-size: 12px;font-weight: bold;vertical-align: middle;margin-right: 4px;}
.rating-box{display: block;background: url("../img/star-grey.png") no-repeat left;width: 63px;height: 12px;}
.rating-box.inline{display: inline-block;position: relative;top: 3px;}
.rating-box .fill{background: url("../img/star-yellow.png") no-repeat left;display: block;width: 100%;height: 100%;}
.rating-box .fill.star1{width: 12px;}
.rating-box .fill.star2{width: 26px;}
.rating-box .fill.star3{width: 39px;}
.rating-box .fill.star4{width: 51px;}
.rating-box .fill.star5{width: 63px;}

.more-btn.right{float: right;}
.other-review{display: block;padding-top: 12px;}
.other-review ul li{display: block;padding: 0px 0px 0px 0px;margin-bottom: 10px !important;}
.other-review ul li p{margin-bottom: 0px;}

/* ==========================================================================
   Media Queries
   ========================================================================== */
   @media screen and ( max-width: 991px ) 
	
   {	
       a.menu-toggle{display:block;}
       .mobile-menu a.close-it{display:block;}
       .main-menu{display:none;}
       .mobile-menu .menu-list{display:block;}

       .page-wrapper{width: 750px;}

       .welcom-box {width: 59%;}
       .intro-right {width: 41%;}

       .half-box.width70{float: left;}
       .half-box.width30{float: right !important;}


   }
   @media screen and ( max-width: 991px ) {
        .logo,.header-rt,.welcom-box,.intro-right,.half-box,.half-box.right{width: 100%;float: none;}
        
   }
   @media screen and ( max-width: 767px ){
   .pic-box-190x86,.pic-box-150x88{width: 220px; height: 130px;}
   .pic-box-150x88 img{width: 100%;height: 100%;}
   .page-wrapper{width: 100%;}
   .login-box {padding: 4px;}
   .welcom-box{padding: 10px 8px;border-radius: 8px;}
   .content-area {padding: 8px;padding-top: 20px;}

   .half-box.width70{float: mone !important;width: 100%;}
   
    .half-box.width30{float: none !important;width: 100% !important;}


   }
   @media screen and ( max-width: 480px ){
    .story-box,.login-box,.welcom-box .texting,.newsletter-box{width: 100%;float: none;}
    .pic-box-190x86, .pic-box-150x88 {
        width: 160px;
        height: 90px;
        margin-right: 10px;
    }
    .coptright,.footer-menu{width: 100%;float: none;text-align: center;}
    .footer-menu{padding: 8px 0px;}
   }

   

   


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}