@charset 'UTF-8';

/* Body & Links */
body{ font-family: 'Arial', sans-serif; color: #2c2c2e; background: #f7f7f7; font-size: 13px; line-height: 19px; text-align: center; padding-top: 34px; position: relative; }
a{ color: #2e6cb1; text-decoration: none; }
a:hover{ color: #244c94; }

/* Main layout elements */
div.width{ width: 960px; margin: 0 auto; text-align: left; }

.top-menu div.width{ width: auto; min-width: 960px; }
.header div.width{ width: auto; padding: 0 20px; }
.header div.right{ right: 20px; }

.header .img-banner{ top: 6px !important; }
div.header-action{ margin: 10px !important; }

/* Buttons */
.btn{ display: inline; background: #3e66b0; border: #395d9f 1px solid; box-shadow: inset 0 1px 1px 0 #6587c7; color: #fff; text-shadow: #5276b8; border-radius: 2px; padding: 5px 10px; cursor: pointer; }
    .btn:hover{ background: #4971bd; color: #fff; }
    .btn:active{ background: #2b4f91; color: #fff; }

.btn.green{ background: #57b748; border-color: #40a330; box-shadow: inset 0 1px 1px 0 #77c669; }
    .btn.green:hover{ background: #61bb52; }
    .btn.green:active{ background: #4ca33f; }

.btn span.arrow{ padding-left: 14px; background: url('/images/new_design/nav-icons.png') 0 -311px no-repeat; }

/* Clearfix */
.clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear { display: inline-block; }
html[xmlns] .clear { display: block; }
* html .clear { height: 1%; }

/* Underlined headings */
.underlined{ color: #4b4b4b; font-family: 'Roboto Slab'; font-weight: 300; border-bottom: #dedede 1px solid; }
    .underlined span{ display: inline-block; padding: 0 0 8px 0; border-bottom: red 1px solid; position: relative; top: 1px; }

/* Main menu */
div.main-menu{ background: #3c65b0; background: linear-gradient(#3a60a0, #3f65ac); box-shadow: inset 0 1px 2px 0 #284778; }
    .main-menu *{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .main-menu div.width{ display: table; border-left: #456cb3 1px solid; text-align: center; }
    .main-menu ul{ display: table-row; }
        .main-menu ul li:first-child{ border-left: #365b9e 1px solid; }
        .main-menu li{ display: table-cell; border-right: #456cb3 1px solid; }
        .main-menu a{ color: #eff2f8; padding: 10px 0; text-align: center; display: block; font-size: 13px; font-weight: bold; border-right: #365b9e 1px solid; text-align: center; text-shadow: 0 1px 1px #1d3868; }
            .main-menu a:hover{ background: #416bb4; }

        .main-menu li.media{ width: 8%; }
        .main-menu li.congress{ width: 10%; }
        .main-menu li.academic{ width: 10%; }
        .main-menu li.gov_relations{ width: 19%; }
        .main-menu li.business{ width: 10%; }
        .main-menu li.federal_agencies{ width: 16%; }
        .main-menu li.political_research{ width: 16%; }
        .main-menu li.job_seeker{ width: 11%; }


.notification{ padding: 0; }
    .notification p{ width: 940px; margin: 20px auto -15px auto; text-align: left; }

/* Heroic slider */
div.heroic{ padding-top: 40px; }
    .heroic div.slider{ padding-bottom: 23px; }
    .heroic div.wrapper{ height: 338px; overflow: hidden; border-radius: 4px; position: relative; }
    .heroic .slider div.controls{ position: absolute; top: 0; right: 0; background: #000; background: rgba(0,0,0,0.8); padding: 11px 12px; border-radius: 0 0 0 2px; }
        .heroic .slider .controls a{ display: inline; float: left; width: 8px; height: 8px; border-radius: 10px; text-indent: -5000px; background: #ccc; background: rgba(255,255,255,0.3); margin: 0 3px; }
        .heroic .slider .controls a.active{ background: #6084ff; }

/* Heroic Single Images */
.heroic div.single{ width: 960px; height: 338px; border-radius: 3px; overflow: hidden; position: relative; background-position: 0 0; background-repeat: no-repeat; }
    .heroic div.single{ background-image: url('/images/new_design/heroic/gov-relations.jpg'); }
        .heroic div.action{ position: absolute; width: 180px; right: 30px; bottom: 0; text-align: center; padding: 20px; background: rgba(0,0,0,0.7); border-radius: 4px 4px 0 0; }
        .heroic .action a.btn{ display: block; text-align: center; padding: 10px 0; font-size: 18px; font-family: 'Roboto Slab', serif; font-weight: 500; margin-bottom: 10px; }
        .heroic .action a.pricing{ color: #bcc6d5; font-size: 12px; }
        .heroic .action a.pricing:hover{ color: #fff; }
            

/* Homepage elements */

.homepage div.subheader{ border-bottom: #dedede 1px solid; overflow: hidden; font-family: 'Roboto Slab', Georgia, serif; font-weight: 300; font-size: 14px; margin-bottom: -15px; }
    .homepage .subheader ul{ float: right; color: #bdbdbd; }
        .homepage .subheader li{ float: left; display: inline; padding: 5px 20px 12px 20px; border-right: #dedede 1px solid; }
        .homepage .subheader li a{ color: #ff3a31; font-weight: 400; }
            .homepage .subheader li a:hover{ color: #e2322a; }
        .homepage .subheader li a:before{ content: '\00BB'; color: #595959; margin-right: 5px; }
        .homepage .subheader h2{ font-size: 18px; padding-top: 5px; color: #4b4b4b; font-weight: 300; }

.homepage div.split{ overflow: hidden; padding-top: 40px; }
    .homepage .split div.box{ float: left; display: inline; width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 25px; }
    .homepage .split div.box:first-child{ padding-left: 0; padding-right: 25px; }

.homepage .post h3{ font-family: 'Roboto Slab'; font-weight: 300; font-size: 24px; line-height: 1.3em; }
    .homepage .post div.meta{ font-size: 11px; color: #606063; padding-top: 10px;  }
    .homepage .post .meta a.category{ color: #fff; background: #4b4b4b; padding: 4px 7px; border-radius: 3px; margin-right: 5px; }
        .homepage .post .meta a.category:after{ content: '\00BB'; margin-left: 5px; }
        .homepage .post .meta a.category:hover{ background: #6b6b6b; }
    .homepage .post div.content{ padding-top: 10px; }
    .homepage .post .content p{ padding-top: 8px; }
    .homepage .post .content p:first-child{ padding-top: 0; }

.homepage .listing h3{ font-size: 20px; }
    .homepage .listing li{ padding-top: 14px; font-size: 11px; color: #606063; line-height: 18px; }
    .homepage .listing h4{ font-size: 14px; font-weight: bold; }
    .homepage .listing a.category{ color: inherit; font-weight: bold; }

/* Subfooter */
div.subfooter{    background: #f9f9f9; border-top: #dedede 1px solid; margin-top: 40px; color: #4c4c4c; }
    .subfooter div.width{ overflow: hidden; padding: 30px 0 10px 0;  }
    .subfooter div.box{ width: 300px; float: left; display: inline; margin-left: 30px; }
    .subfooter div.box:first-child{ margin-left: 0; }
    .subfooter h4{ font-size: 18px; color: #4b4b4b; font-family: 'Roboto Slab'; font-weight: 300; border-bottom: #dedede 1px solid; padding: 0 0 10px 0; }

    .subfooter .updates p{ font-size: 11px; line-height: 16px; padding-top: 15px; }
    .subfooter .updates ul{ font-size: 12px; padding-top: 10px;  }
    .subfooter .updates li{ padding-left: 18px; display: block; padding-top: 6px; background: url('/images/new_design/nav-icons.png') -13px -207px no-repeat; }

    .subfooter .connect h4{ border: 0; }
    .subfooter div.twitter{ position: relative; padding-top: 20px; }
        .subfooter .twitter h5{ font-size: 14px; font-weight: bold; } 
            .subfooter .twitter h5 a{ font-size: 13px; }
        .subfooter .twitter span.date{ position: absolute; top: 2px; right: 0; color: #bbb; font-size: 12px; }
        .subfooter .twitter div.comment{ margin-top: 5px; margin-bottom: 15px; }

    .subfooter h4 em{ font-style: normal; color: #2e6cb1; font-weight: 300; }
    .subfooter h4 strong{ color: #a7adbd; font-weight: 300; }
    .subfooter h4 sup{ text-transform: uppercase; color: #ff3a31; font-family: 'Arial', sans-serif; font-weight: bold; font-size: 12px; padding-left: 2px; }
    
    div.comment{ position: relative; padding-top: 6px; }
        .comment div.wp{ background: #fff; border: #d4d4d4 1px solid; border-radius: 3px; padding: 14px; font-family: Georgia, serif; font-style: italic; color: #606063; line-height: 20px; }
        .comment span.arrow{ display: block; position: absolute; top: 1px; left: 20px; width: 9px; height: 7px; background: url('/images/new_design/nav-icons.png') 0 -237px no-repeat; }
    
    .subfooter .pro h4{ position: relative; top: -5px; }
    .subfooter .pro h5{ font-size: 12px; font-weight: bold; line-height: 1em; }
    .subfooter .pro small{ font-size: 11px; color: #606063; display: block; }

    .subfooter div.testimonials{ padding-top: 8px; height: 260px; position: relative; }
    .subfooter .testimonials div.controls{ position: absolute; top: 14px; right: 0; }
    .subfooter .testimonials .controls a{ background: url('/images/new_design/nav-icons.png') no-repeat; display: inline; float: left; width: 12px; height: 12px; margin-left: 6px; opacity: .5; text-indent: -5000px; }
        .subfooter .testimonials .controls a:hover{opacity: 1; }
        .subfooter .testimonials .controls a.next{ background-position: 0 -270px; }
        .subfooter .testimonials .controls a.prev{ background-position: 0 -290px; }

    .subfooter a.subscribe{ display: block; background: #3c65b0; border: #3c65b0 1px solid; border-radius: 3px; text-align: center; color: #fff; font-family: 'Roboto Slab', Georgia, serif; font-size: 16px; font-weight: 300; padding: 10px; text-shadow: 0 1px 1px #2d4778;  box-shadow: inset 0 1px 1px 0 #759bdd, 0 1px 1px 0 #333; }
        .subfooter .subscribe em, .subfooter .subscribe strong{ font-weight: inherit; font-style: normal; } 
        .subfooter .subscribe sup{ text-transform: uppercase; color: #ff564e; font-family: 'Arial', sans-serif; font-weight: bold; font-size: 12px; padding-left: 2px; }
        .subfooter .subscribe small{ font-size: 10px; color: #cdd6e8; font-family: 'Lucida Grande', sans-serif; }
        .subfooter a.subscribe:hover{ background-color: #416bb4; }
        .subfooter a.subscribe:active{ background-color: #2f5293; }

/* Page title */
.title div.width{ position: relative; padding: 30px 0 0 0; margin-bottom: -20px; }
.title h2{ font-size: 36px; line-height: 1.3em; font-family: 'Roboto Slab', serif; }
.title .btn{ position: absolute; right: 0; top: 30px; padding: 10px 20px; font-family: 'Roboto Slab', serif; font-size: 16px; }


/* Product layout: Main content / sidebar */
.product div.width{ margin-top: 40px; background: url('/images/new_design/dot.gif') 720px 0 repeat-y; }
    .product div.main, .product div.sidebar{ float: left; display: inline; }
    .product div.main{ width: 680px; }
    .product div.sidebar{ width: 220px; margin-left: 60px; }

    /* Primary product description */
    .product .primary-description h2{ font-size: 30px; line-height: 1.3em; font-family: 'Roboto Slab', serif; letter-spacing: -.05em; padding-bottom: 10px; }
    .product .primary-description p{ padding-top: 10px; font-size: 14px; line-height: 21px; color: #606061; }

    /* Features */
    .product div.features{ padding-top: 40px; }
        .product .features h3{ font-size: 18px; line-height: 1em; font-weight: 500; }
        .product .features li{ overflow: hidden; padding: 25px 20px; }
        .product .features div.icon{ width: 64px; height: 64px; float: left; display: inline; background: #ccc; border: #fff 2px solid; box-shadow: 0 0 4px 0 #ccc; border-radius: 3px; margin-right: 20px; }
        .product .features div.info{ float: left; display: inline; width: 540px; }
        .product .features li:nth-child(even){ background: #fff; }
            .product .features h4{ font-family: 'Roboto Slab', serif; font-size: 18px; padding-bottom: 10px; }
            .product .features p{ color: #606061; }

        /* Feature Icons */
        .product .features div.icon-comments{ background-position: 0 0; }
        .product .features div.icon-twitter{ background-position: 0 -64px; }
        .product .features div.icon-documents{ background-position: 0 -128px; }
        .product .features div.icon-alert{ background-position: 0 -196px; }

        /* Feature Colors */
        .product .features div.orange{ background-color: #f8b931; }
        .product .features div.green-01{ background-color: #b5c228; }
        .product .features div.green-02{ background-color: #8fd25e; }
        .product .features div.green-03{ background-color: #5ed27b; }
        .product .features div.blue-01{ background-color: #3dc7c9; }
        .product .features div.blue-02{ background-color: #589ddd; }
        .product .features div.purple{ background-color: #7158dd; }
        .product .features div.pink{ background-color: #7158dd; }

    /* Call to action */
    .product div.call-to-action{ text-align: center; padding: 40px 0 20px 0; }
        .product .call-to-action a.btn{ font-size: 16px; font-family: 'Roboto Slab', serif; padding: 10px 0; display: block; width: 200px; margin: auto; margin-bottom: 10px; }

    
    /* Form */
    div.form{ border: #ddd 1px solid; box-shadow: 0 1px 2px 0 #ddd; padding: 28px; margin-top: 40px; border-radius: 3px; background: #fff; }
        .form h3{ font-size: 24px; font-weight: 500; letter-spacing: -1px; line-height: 1em; }
        .form p.info{ padding: 15px 0 30px 0;}
        .form div.split{ overflow: hidden; }
            .form .split div.box{ width: 295px; float: left; display: inline; margin-left: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
            .form .split div.box:first-child{ margin-left: 0; }
            .form div.input{ margin-bottom: 10px; }
            .form input[type="text"], .form input[type="password"]{ border: #ddd 1px solid; background: #fdfdfd; box-shadow: inset 0 1px 2px 0 #eee; font-family: 'Arial', sans-serif; font-size: 12px; padding: 5px; border-radius: 3px; display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: 4px; }
                .form input[type="text"]:focus, .form input[type="password"]:focus{ border-color: #aaa; background-color: #fff; }
            .form select{ width: 100%; margin-bottom: 10px;}
            .form .required label:after{ content: '*'; color: red; }
            .form small{ color: #606063; font-size: 11px; line-height: 14px; display: block; padding-top: 8px; }
            .form div.captcha{ padding-top: 10px; }
            .form .captcha div.image{ float: left; margin-right: 20px; }
                .form .captcha input[type="text"]{ width: 160px; }

        .form div.submit{ text-align: right; padding-top: 20px;  }
            .form .submit .btn{ font-size: 16px; font-family: 'Roboto Slab', serif; font-weight: 500; padding: 8px 16px; }

        .form div.extra{ border-top: #ddd 1px solid; padding-top: 18px; margin-top: 24px; }
            .form .extra h4{ font-family: 'Roboto Slab', serif; font-size: 14px; line-height: 1em; }
            .form .extra p{ font-size: 11px; line-height: 15px; padding-top: 10px; color: #606061; }

    /* Sidebar */
    .product .sidebar h3{ font-size: 16px; font-family: 'Roboto Slab', serif; font-weight: 500; line-height: 1em; border-bottom: #ddd 1px solid; }

    .product .sidebar div.box{ border: #ddd 1px solid; padding: 15px; border-radius: 3px; background: #fff; margin-bottom: 40px; }
        .product .sidebar .box p{ padding: 15px 0; }
            .product .sidebar .box p a{ font-weight: bold; }
        .product .sidebar .box .btn{ display: block; font-family: 'Roboto Slab', serif; font-size: 14px; text-align: center; padding: 8px 0; }
            .product .sidebar .box .btn span.arrow{ background-position: 0 -312px; }

    .product .sidebar div.comments{ padding: 0 0 40px 0; } 
        .product .sidebar .comments h3{ padding-bottom: 10px; }
        .product .sidebar .comments div.item{ padding-top: 15px; }
        .product .sidebar .comments h5{ font-size: 12px; font-weight: bold; line-height: 1em; }
        .product .sidebar .comments small{ font-size: 11px; color: #606063; }
        .product .sidebar .comment div.wp{ font-size: 12px; line-height: 18px; }

    .product .sidebar .share h3{ border-top: #ddd 1px solid; border-bottom: 0; padding: 10px 0; }

    /* Thumbnails */
    .product div.thumbs{ overflow: hidden; }
        .product .thumbs ul{ overflow: hidden; width: 700px; }
        .product .thumbs li{ float: left; display: inline; margin-right: 10px; margin-bottom: 10px; position: relative; }
        .product .thumbs a{ border: #ccc 1px solid; border-radius: 3px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: block; box-shadow: 0 0 2px 0 #ccc; }
            .product .thumbs a:hover{ box-shadow: 0 0 3px 0 #888; }
        .product .thumbs i{ display: none; }
        .product .thumbs img{ display: block; }
        .product .thumbs small{ color: #888; }
        .product .thumbs i{ position: absolute; width: 20px; height: 20px; background: #ccc  url('/images/new_design/nav-icons.png') -9px -341px no-repeat; background: rgba(0,0,0,0.5) url('/images/new_design/nav-icons.png') -9px -341px no-repeat; display: block; border-radius: 3px; bottom: 6px; right: 6px; opacity: .6; }
            .product .thumbs a:hover i{ opacity: 1; }

/* Text page */
.text-page{ font-size: 14px; line-height: 21px; padding: 40px 0; }
    .text-page div.title{ border-bottom: #ddd 1px solid; margin-bottom: -20px; padding-bottom: 8px; }
        .text-page .title div.meta{ color: #606063; font-size: 12px; }
    .text-page div.block{ padding-top: 30px; }
    .text-page .side-image{ float: right; margin: 10px 0 30px 30px; text-align: center; font-size: 12px; }
        .text-page .side-image a.img{ border: #ddd 1px solid; display: block; padding: 6px; box-shadow: 0 1px 2px 0 #ddd; background: #fff; margin-bottom: 10px; }
    .text-page p{ padding-top: 12px; }
    .text-page h3{ font-size: 24px; font-family: 'Roboto Slab', serif; }
    .text-page h4{ font-size: 18px; font-family: 'Roboto Slab', serif; padding-top: 24px; padding-bottom: 8px; }
    .text-page ul li{ display: list-item; list-style-type: disc; list-style-position: outside; padding-top: 5px; }
    .text-page ul{ padding-left: 40px; padding-top: 12px; }
    .text-page small{ font-size: 11px; font-style: italic; color: #555; }

/* Articles */
.articles{ font-size: 14px; line-height: 21px; padding: 40px 0; }
    .articles div.post{ padding-top: 20px; margin-top: 20px; border-top: #ddd 1px solid; }
    .articles h3{ font-size: 24px; font-family: 'Roboto Slab'; line-height: 1em; font-weight: 400; }
    .articles div.meta{ font-size: 12px; color: #606063; line-height: 1em; padding-top: 10px; }
    .articles .post p{ padding-top: 14px; }
    .articles div.controls{ border-top: #ddd 1px solid; margin-top: 20px; padding-top: 20px; text-align: right; font-weight: bold;}
        .articles .controls a{ margin-left: 15px; }
        .articles .title h2{ font-weight: 300; }

/* Pricing page */
div.pricing{ text-align: center; font-family: Arial, sans-serif; padding: 20px 0; position: relative; }
    .pricing div.container{ overflow: hidden; width: 1078px; overflow: hidden; margin: 20px auto; background: #fff; text-align: left; border: #ddd 1px solid; border-radius: 3px; box-shadow: 0 1px 2px 0 #ddd; }
    .pricing div.container-inner{ overflow: hidden; }
    .pricing div.block{ width: 20%; float: left; display: inline; }
        .pricing .block div.pricing-inner{ border-left: #ddd 1px solid; }

    .pricing h1.title{ font-family: 'Roboto Slab', georgia, serif; font-size: 30px; line-height: 1em; font-weight: 100; color: #666; padding: 20px 0 18px 0; }
        .pricing h1.title em{ color: #6c89ff; font-style: normal; font-weight: 400; }
        .pricing h1.title strong{ color: #9ca2b6; font-weight: 400; }
        .pricing h1.title sup{ color: #ff3a31; font-family: Arial, sans-serif; font-weight: bold; text-transform: uppercase; font-size: .6em; line-height: 1em; }
    .pricing div.best-value{ position: absolute; top: 94px; left: 50%; margin-left: -540px; width: 1080px; background: url('/images/new_design/best-value.png') 51px 0 no-repeat; height: 37px; text-indent: -5000px; }

    .pricing div.heading{ text-align: center; background: #3b3c45; height: 145px; color: #fff; border-left: #4a4b53 1px solid; }
        .heading h2{ font-size: 11px; color: #adbaed; letter-spacing: 2px; text-transform: uppercase; padding-top: 23px; line-height: 1em; }
        .heading h3{ font-size: 30px; font-family: "Roboto Slab", arial, sans-serif; padding-top: 7px; font-weight: 100; line-height: 1em; }
            .heading h3 sup{ font-size: .6em; padding-right: 4px; position: relative; top: 3px; }
            .heading em{ font-size: .5em; font-style: normal; letter-spacing: 0; color: #a6aac5; }
            .heading small{ display: block; padding-top: 5px; font-size: 12px; color: #858589;}
            .heading div.date-limit{ font-size: 13px; font-weight: bold; color: #ff726c; padding-top: 5px; }
    .pricing .content{ border-left: #ebebeb 1px solid; height: 1030px; }
    .pricing .content li{ padding: 10px 15px 0 15px; font-size: 12px; line-height: 18px; color: #66666c; }
        .pricing .content li.bold{ font-weight: bold; color: #000; }
    .pricing .content ul{ padding-top: 8px; height: 400px; }

    .pricing .content div.next-price{ background: #f8f8f8; color: #3b3c45; padding: 15px; text-align: center; font-size: 18px; line-height: 1em; height: 24px; }
        .pricing .content .next-price em{ font-style: normal; color: #898989; font-size: 13px; }
        .pricing .content .next-price sup{ position: relative; top: 3px; padding-right: 2px; }

    .pricing div.order{ background: #f0f2f8; padding: 15px; margin-top: 20px; }
        .pricing .order a{ display: block; background: #3b3c45; font-size: 16px; color: #fff; text-align: center; line-height: 1em; font-family: 'Roboto Slab', sans-serif; font-weight: 300; padding: 16px 13px 15px 13px; border-radius: 3px; }
            .pricing .order a:hover{ background: #202126; }

    .pricing .content div.groupings{ padding: 15px; color: #585960;  }
    .pricing .content div.groupings.faded{ color: #9b9ba0; }
    .pricing .content dl{ overflow: hidden; font-size: 12px; }
        .pricing .content dt, .content dd{ float: left; display: inline; padding-top: 16px; }
        .pricing .content dt{ float: left; display: inline; width: 60%; }
        .pricing .content dd{ float: left; display: inline; width: 40%; text-align: right; }
        .pricing .content dl a{ color: #5661ac; text-decoration: none; }
            .pricing .content dl a:hover{ color: #4252b8; text-decoration: underline; }
        .pricing .content h4{ font-size: 13px; font-weight: bold; padding: 0 0 5px 0; margin: 0; border-bottom: #eee 1px solid; }
        .pricing .content h4.red{ color: #ff3a31; }


    .pricing .primary div.heading{ background: #50ac3a; border: 0; }
        .pricing .primary .heading h2, .pricing .primary .heading div{ color: #fff; }
        .pricing .primary .heading small, .pricing .primary .heading em{ color: #c5e0c0; }
    .pricing .primary div.content{ border: 0; }
    .pricing .primary .order a{ background: #50ac3a; }
        .pricing .primary .order a:hover{ background: #3c832b; }

    .pricing .secondary .heading{ background: #3846a1; border: 0; }
    .pricing .secondary .order a{ background: #3846a1; }
        .pricing .secondary .order a:hover{ background: #2c3782; }

    .pricing .free h3{ color: #69ca52; padding-top: 45px; }
        .pricing .free small{ color: #fff; padding-top: 12px; }


/* About Legistorm Pro */
.about-pro{ padding: 35px 0; }
    .about-pro div.intro{ background: #e2e8f2; padding: 16px; line-height: 1em; font-size: 14px; border-radius: 4px; }
    .about-pro h2{ font-family: 'Roboto Slab'; font-weight: 300; font-size: 30px; line-height: 1.3em; color: #4b4b4b; letter-spacing: -1px; padding-top: 24px; }
        .about-pro div.pro-title{ text-align: center; padding-bottom: 25px; }
            .about-pro .pro-title .btn{ display: inline-block; margin: 20px 0 0 0; padding: 10px 15px; font-size: 14px; }
        .about-pro h2 em{ font-weight: 300; font-style: normal !important; color: #2e6cb1;  }
        .about-pro h2 strong{ font-weight: 300 !important; font-style: normal !important; color: #a7adbd;  }
    .about-pro h4{ font-family: 'Roboto Slab'; font-weight: 400; font-size: 18px; line-height: 1.5em; color: #4b4b4b; padding-top: 10px; }
    .about-pro div.split{ overflow: hidden; padding-top: 10px; }
        .about-pro .split ul{ float: left; display: inline; width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 25px; }
        .about-pro .split ul:first-child{ padding-right: 25px; padding-left: 0; }
        .about-pro .split li{ padding-top: 20px; }
        .about-pro .split p{ font-size: 14px; line-height: 21px; padding-top: 8px; }
    .about-pro h3{ font-family: 'Roboto Slab'; font-weight: 400; font-size: 18px; line-height: 1.3em; color: #4b4b4b; }
    .about-pro .action{ margin-top: 30px; text-align: center; }
        .about-pro .action.simple{ margin-top: 0; }
        .about-pro .action .btn{ font-size: 18px; font-family: 'Roboto Slab', serif; line-height: 1em; padding: 10px 18px; font-weight: 300; }
        .about-pro .action p{ padding-top: 28px; }
        .about-pro .action em{ font-style: italic; color: #999; font-size: 18px; margin: auto 10px; }
        .about-pro .action p.registered{ font-size: 18px; font-family: 'Roboto Slab', serif; line-height: 1; color: #4b4b4b; padding: 40px 0; border-bottom: #ddd 1px solid; }
        .about-pro .action.simple p.registered{ font-size: 16px; line-height: 1; color: #4b4b4b; padding: 0 0 20px 0; border-bottom: #ddd 1px solid; font-family: 'Arial', sans-serif; }
        .about-pro div.pro-features{ overflow: hidden; padding-top: 40px; }
        .about-pro .pro-features div.group{ float: left; display: inline; width: 33%; width: 33.3%; }
        .about-pro .pro-features h3{ line-height: 1; padding-bottom: 30px; font-size: 24px; text-align: center; }
        .about-pro .pro-features li{ overflow: hidden; margin-bottom: 24px; }
        .about-pro .pro-features div.icon{ padding: 2px; overflow: hidden; border: #ddd 1px solid; border-radius: 4px; width: 46px; display: inline-block; margin-right: 5px; vertical-align: middle; }
            .about-pro .pro-features .icon img{ display: block; width: 46px; height: 46px; }
            .about-pro .pro-features div.info{ font-size: 14px; padding: 0 20px 0 0; display: inline-block; vertical-align: middle; width: 230px; line-height: 21px; color: #4b4b4b; }
            .about-pro .pro-trial-text{ font-size: 18px; font-family: 'Roboto Slab', serif; color: #4b4b4b; text-align: center; padding: 40px 0; border-top: #ddd 1px solid; margin-top: 20px; }


/* Not Pro */
.not-pro{ padding: 35px 0; }
    .not-pro div.split{ overflow: hidden; }
    .not-pro .pro-ad{ width: 50%; }
    .not-pro .split div.pro-login, .not-pro .split div.pro-subscribe, .not-pro .split div.pro-ad{ float: left; display: inline; width: 50%; }
    .not-pro h2{ font-family: 'Roboto Slab'; font-weight: 400; font-size: 24px; line-height: 1.3em; color: #4b4b4b; }
        .not-pro h2 sup{ font-family: 'Arial', sans-serif; font-weight: bold; color: #ff3a31; text-transform: uppercase; }
    .not-pro h3{ font-size: 18px; padding-top: 5px; color: #898E9B; }
    .not-pro .pro-login div.input{ overflow: hidden; margin-top: 10px; }
    .not-pro .pro-login label{ width: 100px; float: left; display: inline; }
    .not-pro .pro-login input[type="text"], .not-pro .pro-login input[type="password"]{ width: 285px; padding: 4px; font-family: 'Arial', sans-serif; font-size: 13px; border: #ccc 1px solid; border-radius: 3px; }
    .not-pro .not-pro-info{ padding-top: 30px; margin-top: 30px; border-top: #ddd 1px solid; }
    .not-pro form{ background: #fff; padding: 20px; border-radius: 4px; border: #ddd 1px solid; margin-right: 40px; }
        .not-pro form h3{ padding-bottom: 10px; }
    .not-pro div.forgotten{ font-size: 12px; padding: 5px 0 5px 100px; }
    .not-pro .btn{ font-family: 'Arial', sans-serif; font-size: 14px; padding: 6px 15px; }
    .not-pro .submit{ padding-left: 100px; }
    .not-pro .pro-subscribe p{ padding: 15px 0; font-size: 14px; line-height: 21px; }
    .not-pro h4{ font-family: 'Roboto Slab', serif; font-size: 20px; font-weight: 400; padding-bottom: 5px; }
    .not-pro-info div.list{ overflow: hidden; background: #fff; border: #ddd 1px solid; border-radius: 4px; padding: 20px; margin-top: 20px; }
    .not-pro-info ul{ width: 980px; }
    .not-pro-info li{ float: left; display: inline; margin-right: 20px; margin-top: 15px; width: 300px; }
    .not-pro-info li a{ line-height: 1em; font-size: 14px; display: block; font-weight: bold; font-weight: bold; }
    .not-pro .pro-ad div.wrapper{ border: #ddd 1px solid; border-radius: 4px; font-size: 24px; font-family: 'Roboto Slab'; font-weight: 300; background: #fff; margin-right: 20px; }


/* Footer */    
div.footer{ background: #3a3b40; color: #babbbc; margin-top: 40px; padding: 0 20px; }
    .footer div.width{ width: auto; }
    .footer a{ color: #babbbc; }
        .footer a:hover{ color: #fff; }
    .footer div.width{ padding: 30px 0; position: relative; }
    .footer .menu a{ margin-right: 10px; }
    .footer div.copy{ font-size: 11px; padding-top: 24px; color: #717174; }
    .footer div.contact{ text-align: right; position: absolute; right: 0; top: 30px; font-size: 11px; line-height: 16px; }

.house-of-storms{ background: #0e0f10 url('/images/new_design/house-of-storms-bg.jpg') 50% 0 no-repeat; margin-bottom: -40px; }
    .house-of-storms .width{ color: #fff; padding: 80px 0 100px; font-size: 18px; font-family: 'Roboto Slab', sans-serif; font-size: 18px; }
    .house-of-storms li{ list-style-type: disc; padding: 10px 0; line-height: 1em; list-style-position: inside; font-weight: 300; }
    .house-of-storms p{ padding-top: 30px; }
    .house-of-storms ul{ margin-top: 30px; }

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

	body{ padding-top: 30px !important; }

	div.width{ width: auto; padding: 10px; }

	.top-menu div.width{ min-width: 10px; }

	/* Header */
	div.header{ box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); }

	/* Heroic */
	div.heroic{ padding-top: 0; }
		.heroic div.wrapper{ height: auto; }
		.heroic img{ width: 100%; height: auto; display: block; }
		.heroic div.slider{ padding-bottom: 0; }
		.heroic div.single{ display: none; }

	/* Homepage */
	.homepage div.subheader{ font-size: 12px; }
		.homepage .subheader ul{ display: none; }
		.homepage .subheader h2{ padding: 10px 0; }
	.homepage div.split{ padding-top: 15px; }
	.homepage .split div.box{ float: none; display: block; width: auto; padding: 25px 0 0 0; }
		.homepage .split div.box:first-child{ padding-top: 5px; padding-right: 0; }
		.homepage .post h3{ font-size: 18px; line-height: 1.3em; }
	div.subfooter{ border-top: 0; margin-top: 0; }
		.subfooter div.width{ padding-top: 0; }
		.subfooter div.box{ float: none; display: block; width: auto; padding: 10px; margin: 0; }
		.subfooter div.testimonials{ height: auto; padding-bottom: 20px; }

	.main-menu div.width{ border: 0; display: block; }
	.main-menu ul{ display: block; overflow: hidden; }
	.main-menu li{ display: inline; float: left; width: 50% !important; border-top: #456cb3 1px solid; border-right: 0; }
	.main-menu div.width{ padding: 0; }
	.main-menu a{ font-weight: normal; font-size: 12px; padding: 5px 0; }

	.text-page .side-image{ float: none; display: block; margin: 10px 0 0 0; }
	.text-page{ padding: 15px 0; }

	.title h2{ font-size: 24px; }
	.title div.width{ padding: 20px 10px 10px 10px; }
	.title .btn{ position: static; display: block; width: auto; text-align: center; padding: 8px; font-size: 13px; margin-top: 10px; }

	.product div.width{ margin-top: 0; background: none; }
	.product div.main{ width: auto; font-weight: normal; display: block; float: none; }
	.product .thumbs ul{ width: auto; }
		.product .thumbs a img{ height: 70px; width: auto; }
		.product .features li{ padding: 10px; }
	.product .features div.icon{ width: 32px; height: 32px; float: right; margin: 0 0 10px 10px; }
		.product .features .icon img{ width: 100%; height: auto; }
	.product div.features{ padding-top: 20px; }
	.product .features div.info{ width: auto; float: none; display: block; }
	.product .features h4{ line-height: 1.3em; }

	div.form{ padding: 15px; }
	.form input[type="text"], .form input[type="password"]{ display: block; width: 100%; box-sizing: border-box; }
	.form .split div.box{ float: none; width: auto; display: block; margin-left: 0; }
	.form .submit .btn{ display: block; text-align: center; width: 100%; font-size: 13px; float: none; }

	.product div.sidebar{ width: auto; display: block; float: none; margin-left: 0; margin-top: 20px; clear: both; }

	.articles{ padding: 10px 0; }
		.articles div.post{ padding-top: 15px; margin-top: 15px; }
		.articles h3{ font-size: 18px; line-height: 1.3em; }
		.articles .title{ margin-top: 20px; }
		.articles .title:first-child{ margin-top: 0; }

	.not-pro{ padding: 15px 0; }
		.not-pro h2{ font-size: 18px; }
		.not-pro h3{ font-size: 14px; line-height: 1.3em; }
		.not-pro .btn{ display: block; width: 100%; text-align: center; box-sizing: border-box; }
		.not-pro .split div.pro-login, .not-pro .split div.pro-subscribe, .not-pro .split div.pro-ad{ float: none; display: block; width: auto; }
		.not-pro .pro-login input[type="text"], .not-pro .pro-login input[type="password"]{ float: none; box-sizing: border-box; width: 100%; }
		.not-pro div.forgotten{ padding-left: 0; }
		.not-pro form{ margin-right: 0; }
		.not-pro .submit{ padding: 10px 0 0 0; }
		.not-pro-info li{ display: block; width: auto; float: none; }


		.not-pro .split div.pro-subscribe{ padding-top: 20px; }

	.about-pro{ padding: 15px 0; } 
		.about-pro div.intro{ line-height: 1.3em; }
		.about-pro div.pro-title{ text-align: left; padding-bottom: 0; }
			.about-pro h2{ font-size: 20px; line-height: 1.3em; letter-spacing: 0; }
			.about-pro h4{ font-size: 14px; }
			.about-pro .pro-title .btn{ display: block; width: 100%; box-sizing: border-box; text-align: center; }
			.about-pro .split p{ font-size: 13px; line-height: 19px; padding-top: 5px; }
		.about-pro .split ul{ float: none; display: block; width: auto; padding-left: 0; }
        .about-pro .split ul:first-child{ padding-right: 0; }
		.not-pro .pro-ad{ width: 50%;  float: none; display: block; width: 100%; }
		.not-pro .pro-ad img{ width: 100%; height: auto; }
        .about-pro .action.simple p.registered{ text-align: left; padding-top: 20px;}

	.about-pro .action .btn{ display: block; width: 100%; box-sizing: border-box; text-align: center; margin-top: 10px; }
	.about-pro .action em{ display: none; } 

    .about-pro .pro-features div.group{ width: auto; float: none; }
    .about-pro .pro-features div.info{ width: calc(100% - 100px); }
    .about-pro .pro-features h3{ text-align: left; padding-bottom: 15px; }
    .about-pro .pro-trial-text{ line-height: 1.4em; }


    .house-of-storms div.width{ padding: 30px; }
    .house-of-storms img{ width: 200px; }
    .house-of-storms li{ font-size: 14px; line-height: 1.5em; padding-top: 5px; list-style-position: outside; }
    .house-of-storms ul{ padding-left: 30px; margin-top: 15px; }
    .house-of-storms p{ line-height: 1.5em; }



}