@charset "utf-8";

/* --------------------------------------------------------------------------------------------- */
/* -------------------------------ROUTLEDGE / TAYLOR AND FRANCIS ------------------------------- */
/* ---------------------------------- DIGITAL PUBLISHING TEAM ---------------------------------- */
/* ---------------------------------- TWITTER-BOOTSTRAP 3.0 ------------------------------------ */
/* --------------------------------------------------------------------------------------------- */
/* ------------------------------------- CW TEMPLATE 2.0---------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

html,body{
   /* background: #F2F2F2 url("../img/bg.png");  Page Background BG */
    background-attachment: fixed;
    background-size: cover;
    font-size: 100%;
    font-family: 'Open Sans', sans-serif;
    border-radius: none !important;
    overflow: hidden;
    color: #333;
}
html {overflow-y: scroll;}
body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {margin-left: auto;margin-right: auto;}
#fullscreen_image {background: url("../img/bg.jpg") repeat scroll 0 0 / cover rgba(0, 0, 0, 0);height: 100%;position:relative;left:0;webkit-transition: left 0.5s ease;-moz-transition: left 0.5s ease;-o-transition: left 0.5s ease;transition: left 0.5s ease;}
#parallax_header {z-index:0;background: url("../img/bg.jpg") repeat scroll center bottom / cover  rgba(0, 0, 0, 0);height: 190px;position:relative;left:0;webkit-transition: left 0.5s ease;-moz-transition: left 0.5s ease;-o-transition: left 0.5s ease;transition: left 0.5s ease;}

/* --------------------------------------------------------------------------------------------- */
/* ----------------------------------  FONT AND ITEM STYLES  ----------------------------------- */
/* --------------------------------------------------------------------------------------------- */
h1{font-size:2em;margin:0;font-weight:bold;padding-top:20px;padding-bottom:15px;}
h2{font-size:1.6em;margin:0;}
h3{font-size: 1.4em;padding: 7px;color: #343131;}
h4{font-size:1.3em;font-weight:bold;padding: 7px 7px 7px 0;}
h5{font-size:1.125em;background:#CFCFCF;padding: 7px;}
h6{font-size:1.125em; font-weight:bold;padding: 7px;}
a {color: #E97B0B;text-decoration: none;}
a:active, a:focus{outline:none;}
.break {margin-top: 20px;}
.nopadtop{margin-top:0;}
button: :-moz-focus-inner{border:0;}
p{}
.underline{border-bottom:1px solid rgba(0,0,0,0.2);padding-bottom:5px;margin-bottom:30px;}
i{text-decoration:none!important;}
a:hover,a:focus {color: #B27E03;}
.jumbotron {background-color: #FAF6F1;margin-top: 30px;padding: 25px !important;}
.btn{border-radius:0;}
.mainTitle {color: #fff;font-size: 1.8em;top: 90px;position: relative;text-align: center; text-shadow: 2px 2px 2px #000}
.subTitle { color: #fff;font-size: 1em;top: 100px;margin-top: -24px;position: relative;text-align: center;}
.car_button {font-size: 80px;position: relative;top: 50%;}
.navDirection {color: #FFFFFF;font-size: 4em;position: absolute;text-align: center;top: 92%;width: 100vw;opacity:0.8;}
.panel-title > a {color: inherit;display: block;margin: -10px;padding: 10px;}
.version_warning{border:2px solid #ff0000;padding:5px;}
.caption{font-size:0.8em;font-style:italic;color:#688fca;}
.caption:before{content:"[ ";}
.caption:after{content:" ]";}
.form-captions {font-size: 0.7em;position: relative;top: -81px;display: inline-block;left: 10px;}
.fourtyfour {cursor: pointer;display: block;min-height: 44px;padding: 9px !important;position: relative;}
/*Style Guide colours*/
.danger{background:#CA1E47; color:#fff;}
.alert{background:#F29500; color:#fff;border-radius: 0;padding:0;border:none;}
.passive{background:#85CC8E; color:#fff;}
.tandf{background:#688FCA; color:#fff;}
.dusk{background:#C17270; color:#fff;}
.cyan{background:#448391; color:#fff;}
.purple{background:#7368A0; color:#fff;}
.slate{background:#343131; color:#fff;}
.med_slate{background:#5F5F5F; color:#fff;}
.mute_slate{background:#CFCFCF; color:#343131;}
.well {background-color: #EFEFEF;border: 1px solid #CFCFCF;border-radius: 0;margin-top: 15px;}
code {background-color: rgba(255, 255, 255, 0.4);border-radius: 0;color: #C7254E;display: inline-block;font-size: 90%;padding: 4px 8px;white-space: nowrap;}
blockquote {border-left: 5px solid #EEEEEE;margin: 0 0 20px;padding: 10px 20px;}
.tabHighlight{font-weight:bold;color:#fff !important;}/*Tabs when highlighted*/
/*Main Button Styles*/
.btn-success {background-color: #85CC8E;border-color: #5FBF6A;color: #274F2C;}
.btn-success:hover {background-color: #81C189;border-color: #79B280;color: #274F2C;}
.btn-info {background-color: #96C9FD;border-color: #6FB8FF;color: #45759F;}
.btn-info:hover {background-color: #6FB8FF;border-color: #688FCA;color: #45759F;}
.btn-primary {background-color: #688FCA;border-color: #4D82CF;color: #FFFFFF;}
.btn-primary:hover {background-color: #4D82CF;border-color:#3373CF;color: #FFFFFF;}
.btn-warning {background-color: #EF9D1D;border-color: #F29500;color: #6F4400;}
.btn-warning:hover {background-color: #F29500;border-color:#DF8800;color: #6F4400;}
.btn-danger {background-color: #CA1E47;border-color: #CF0034;color: #FFFFFF;}
.btn-danger:hover {background-color: #CF0034;border-color:#BF0034;color: #FFFFFF;}
.btn-default {background-color: #ffffff;border-color: #343131;color: #343131;}
.btn-default:hover {background-color: #343131;border-color:#343131;color: #FFFFFF;}
.form-control::-webkit-input-placeholder {color: #CFCFCF;}
.form-control:-moz-placeholder {color: #CFCFCF;}
.form-control::-moz-placeholder {color: #CFCFCF;}
.form-control:-ms-input-placeholder {color: #CFCFCF;}
sub {color: #688fca;bottom:0;}

/* --------------------------------------------------------------------------------------------- */
/* --------------------------- Main Page Content Styling --------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
.main{z-index:1;background:#ffffff;margin-left:auto;margin-right:auto;position:relative;left:0;webkit-transition: left 0.5s ease;-moz-transition: left 0.5s ease;-o-transition: left 0.5s ease;transition: left 0.5s ease;min-height: 75vh;padding-top:70px;}
body{position: relative;}
body#feedback > .main {padding-top: 100px;}
body#feedback #purchase_options {display:none;}
.container{width:100%;padding-top:20px;padding-bottom: 15px;max-width:1280px;}
.navbar{left:-100%;position:fixed;padding-top:70px;width:100%;height:100%;top:0;webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;border-radius:0;margin-bottom:0px;border:none;z-index: 900;}
.modal-open {overflow: visible;}    
.modal{overflow:hidden;}
.tinylist li {display: inline-block;margin: 0px;width: 10vw;}
.tinylist{margin-left:0;padding:0;}
.btn:focus {outline: none;outline: none;outline-offset: 0;}
.home {display: inline;}
.purchasei {display: inline;}
.feedbacki {display: inline;}
.hiddentitle{display:none;}
.state_hide{display:none;}
.hide_ebook_form{display:none;}
#signout ul{list-style:none;}
#signout li{display: inline;}
#signout {left: 100%;margin-left: -226px;margin-right: 2%;margin-top: 6px;position: relative;z-index: 100;}
.dropdown-menu {background-clip: padding-box;background-color: #FFFFFF;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 0;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);display: none;float: left;font-size: 14px;left: 0;list-style: none outside none;margin: 4px -1px 0;min-width: 160px;padding: 5px 0;position: absolute;top: 62px;z-index: 20000;}
.dropdown-menu > li > a {padding: 13px 20px;}
#toggle_navigation {color: #fff;background:#343131;font-size: 3em;padding-left: 20px;padding-right: 20px;position: fixed;width: 100%;top:0;z-index: 1000;text-align:left;}
#po_main{display:none;}
.icon-comment-alt{display:none;}
.mobile_purchase {left: 0;position: relative;text-align: center;}
.mobile_butt {width: 100%;}
.ribbon {background: url("../img/ribbon.png") no-repeat scroll center center / contain rgba(0, 0, 0, 0);height: 100px;position: fixed;right: 0;top: 0;width: 60px;z-index:1500;display:block;text-align: center;}
.brand_logo {position: relative;right: 0px;top: 9px;width: 40px;}
.mobile_shift{position:relative; left:100vw !important;}/*Style for sliding mobile menu*/
#po_lightbox{background:rgba(0,0,0,0.9);width:100%;height:100%;position:fixed;top:0;left:0;z-index:3000;text-align: center;}
#purchaselightbox{z-index:3000;position:relative;padding-top:5vh;}
#close_modal {color: rgba(255, 255, 255, 0.6);font-size: 3em;position: absolute;right: 20px;top: 0;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;cursor: pointer;}
#close_modal:hover{color:#fff;}
.lightbox_modal{display:none;}
#purchase_btn{display:none;}
.no-list-style{list-style: none;}
/* --------------------------------------------------------------------------------------------- */
/* --------------------- Custom Scrollbars in WEBKIT (Chrome/Safari/Opera) --------------------- */
/* --------------------------------------------------------------------------------------------- */
/*This is currently commented out because it's a bit weird. If you want to use it, feel free; but while it looks kinda good it's also kinda weird.*/
/*::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {background:#343131
;}
::-webkit-scrollbar-thumb {background:#688fca;}
::-webkit-scrollbar-thumb:hover {background: #BD362F;}  */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------- Navigation bar Styling ------------------------------------ */
/* --------------------------------------------------------------------------------------------- */
.return{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);/*BG colour and Opacity of button*/
    border-radius: none;
    bottom: 6px;
    color: #ffffff;/*text colour of button*/
    font-size: 68px;
    height: 67px;
    position: fixed;
    right: 0;
    opacity:0.5;
    text-align: center;
    text-decoration: none;
    width: 68px;
    z-index: 1000000;
}
.return a{color:#ffffff;}/*Text colour of Arrow*/
.return a:hover{color:#fff;}/*Hover colour of arrow*/
.return:hover{opacity:1;}
.return::before {
    content: "";
    font-size: 30px;
    opacity: 0;
    padding-right: 0px;
    position: relative;
    top: -28px;
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
    -o-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
    -moz-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
    -webkit-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
}
.return:hover::before,.return_hide{display:none;}

/* --------------------------------------------------------------------------------------------- */
/* ------------------------------------ Footer Styling ----------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
.footer{background: #343131;padding-bottom: 20px;width: 100%;display: block;position:relative;webkit-transition: left 0.5s ease;-moz-transition: left 0.5s ease;-o-transition: left 0.5s ease;transition: left 0.5s ease;}
.footer p{color:#FFDEA0;}
.footer li{color:#FFDEA0;} 
.footer_align > li > a {display: inline-block;} 
.footer a{color:#FFDEA0;}
.footer a:hover,.footer a:focus {color: #fff; text-decoration:none;}
.footer ul{background: none !important;}
.breadcrumb > li {text-shadow: none !important;}
.breadcrumb{margin-bottom:0px;padding-bottom:0px;}
#float_focus{background: #EDEDED;}
.no_style{list-style:none;}
.footer_align{width:100%;text-align:center;list-style:none;font-size: 0.7em;margin-left:0px !important;padding-left:0px !important;}
/* --------------------------------------------------------------------------------------------- */
/* ----------------------------------------- Social Media ICONS -------------------------------- */
/* --------------------------------------------------------------------------------------------- */
#social{padding:5px;font-size: 3em;}
#social a{font-size:12px;}
#social a:hover{text-decoration:none !important;}
#social i{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
/* --------------------------------------------------------------------------------------------- */
/* ---------------------------------- Panel & Form Styles -------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
.panel-default {border-color: rgba(0,0,0,0.5);}
.panel-default > .panel-heading {background-color: rgba(0,0,0,0.5);border: none;color: #fff;}
.panel {border-radius: 0 0 0 0;box-shadow: none;}
.panel-heading {border-radius: 0;}
.form-control{box-shadow:none;border-radius: 0 0 0 0;}
.panel-group .panel {border-radius: 0px;}
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------- Carousel Styles ------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/*
.carousel-control:hover,.carousel-control:focus {color: #F5D036 !important;}
.carousel-control.right,.carousel-control.left{color: #000000;font-size: 40px;right: -5%;top: 135px;background:none;}
.carousel-inner > .item {padding-top: 10px;}
.left.carousel-control,.right.carousel-control{filter:none;}/*IE Hack*/

/* --------------------------------------------------------------------------------------------- */
/* -------------------------------------- Page Pills Styles ------------------------------------ */
/* --------------------------------------------------------------------------------------------- */
.page_pills{padding-left:0;padding-right:0;}
#page_pills{display: flex;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;-webkit-box-pack: start;-webkit-flex-pack: start;-ms-flex-pack: start;justify-content: space-between;-webkit-justify-content:  space-between;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
#page_pills li{flex-grow:1;-webkit-flex-grow:1;}
.nav-pills > li > a {background:rgba(0,0,0,0.1);border-radius: 0;margin: 2px;text-align: center;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: rgba(0, 0, 0, 0.5);color: #fff;padding-right: 35px;}
.nav-pills > li.active:after {bottom: 7px;color: rgba(255, 255, 255, 0.9);content: "\f103";font-family: FontAwesome;font-size: 1.4em;opacity: 0.4;pointer-events: none;position: absolute;right: 13px;text-align: right;width: 100%;}
.tab-content > .tab-pane > .nav-pills > li.active:after {bottom: 7px;color: rgba(255, 255, 255, 0.9);content: "\f107";font-family: FontAwesome;font-size: 1.4em;opacity: 0.4;pointer-events: none;position: absolute;right: 13px;text-align: right;width: 100%;}
.nav-pills > li + li {margin: 0px;}
.nav-pills > li > a:focus, .nav > li > a:hover {background-color: rgba(0, 0, 0, 0.2);color:rgba(0, 0, 0, 0.6);}
.tab-content {margin-top: 20px;padding-top: 10px;}
.page_pills > .tab-content {border-top: 2px solid rgba(0, 0, 0, 0.2);}
/* --------------------------------------------------------------------------------------------- */
/* ----------------------------------------- Media Queries ------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

/* ~~~~~~~~~~~~~~~~~~~~~~ Iphone Horizontal view  ~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (max-height : 360px){
    .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text {font-size: 1em;}
    .nav > li {display: inline-block;width: 50vw;}
    .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text {margin: 5px 5px 5px 25px;}
    .main {padding-top: 100px;}
}/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~ Smaller than a Tablet in Portrait ~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width:300px) and (max-width:800px){
    .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text {
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.05);color: #999999;font-size: 1.5em;height: 44px;margin: 5px 20px;text-align: center;}
}

/* ~~~~~~~~~~~~~~~~~~~~~~ Ipad Vertical View  ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width:480px) and (max-width:800px){
    .mainTitle {font-size: 3em;top: 65px;}
    .subTitle {font-size: 2em;top: 70px;}
}/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~ ONLY Standard Tablets (portrait and landscape) ~~~~~~~~ */
@media only screen and (min-width : 768px) and (max-width: 800px){ /*Switch back to normal menu*/
    .mobile_purchase{display:block; text-align:center;}
    .mobile_butt{width:100%;}
    #purchaseoptionstitle{display:none;}
    #po_main{display:none;}
    .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.05);color: #999999;display: block;font-size: 1.5em;height: 44px;margin: 5px;padding-top: 10px;text-align: center;width: 98%;}
    .navbar-nav {margin: 10px 0 0;float: none;}
    .navbar-nav>li {float: none;}
}/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~ Horizontal Tablets and Larger ~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width : 769px){
    #parallax_header {height:300px;}
    .main{padding-top:0;}
    .feedback_form{display: block;}
    #social{padding:10px;font-size:40px;}
    #toggle_navigation {display: none;}
    .mobile_purchase{display:none;}
    .navigation_main {text-align: center;}
    .navbar {
        height: auto;
        left: 0 !important;
        min-height: 70px;
        padding-top: 0;
        position: relative;
        top: 0;
        width: 100%;
    }
    .navbar-nav {display: inline-block;float: none;margin: 7px;width: auto;}
    .navbar-inverse {background-color: #343131;}/*Nav Bar Colour*/
    .navbar-inverse .navbar-text {color: #343131;}/*Home Button Text Colour*/
    .navbar-inverse .navbar-brand {color: #688fca;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
    .navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus {color: #BD362F;}/*Home Button Text Colour hover Properties*/
    .navbar-inverse .navbar-nav > li > a {color: #FFDEA0;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}/*Navigation Text Colour*/
    .navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus {color: #fff;}/*Navigation Text Hover Properties*/
    .hov_nav a:after {
        background: rgba(255, 255, 255, 0.5);
        content: "";
        height: 1px;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 80%;
        transform: translateY(10px);
        -o-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
        -o-transition: opacity 0.3s ease 0s, -o-transform 0.3s ease 0s;
        -moz-transition: opacity 0.3s ease 0s, -moz-transform 0.3s ease 0s;
        -webkit-transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
        width:80%;
        left:10%;
    }
    .hov_nav > ul > li > a:after {background: none;}
    .hov_nav a:hover:after, .hov_nav a:focus:after {
        opacity: 1;
        transform: translateY(0px);
        -o-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
    .navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover,.navbar-inverse .navbar-nav > .active > a:focus {color: #222222;background-color:#F4CF35;}
    .navbar-inverse .navbar-nav > .disabled > a,.navbar-inverse .navbar-nav > .disabled > a:hover,.navbar-inverse .navbar-nav > .disabled > a:focus {color: #444444;background-color: transparent;}
    .navbar-inverse .navbar-toggle {border:none;}
    .navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {background-color: #333333;}
    .navbar-inverse .navbar-toggle .icon-bar {background-color: #ffffff;}
    .navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:hover,.navbar-inverse .navbar-nav > .open > a:focus {
      color: #343131;background-color:#688fca;}/*Drop Down Menu OPEN STATE Properties*/
    .navbar-inverse .navbar-nav > .dropdown > a .caret {border-top-color: #688fca;border-bottom-color: #688fca;}/*Drop Down Menu Arrow DEFAULT STATE Properties*/
    .navbar-inverse .navbar-nav > .dropdown > a:hover .caret {border-bottom-color: #343131;border-top-color: #343131;}/*Drop Down Menu Arrow HOVER STATE Properties*/
    .navbar-inverse .navbar-nav > .open > a .caret,.navbar-inverse .navbar-nav > .open > a:hover .caret,.navbar-inverse .navbar-nav > .open > a:focus .caret {border-top-color: #343131;  border-bottom-color: #343131;}/*Drop Down Menu Arrow OPEN STATE Properties*/
    .dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {color: #343131;text-decoration: none;background-color: #688fca;}/*Drop Down Menu Item Hover Properties*/
     .ribbon {
        background-image: url("../img/ribbon.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100px;
        position: fixed;
        right: 0;
        text-align: center;
        top: 0;
        width: 60px;
        z-index: 2500;
    }
    .brand_logo {position: relative;right: 0px;top: 9px;width: 40px;}
    .subTitle {font-size: 2.5em;top: 66px;}
    .mainTitle {font-size: 4em;top: 71px;}
    .nav-tabs > li > a, .nav-tabs > li > a:hover {border:none;}
    .purchase_img {
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 400px;
        padding: 0;
        text-align: center;
    }
    #purchase_btn {list-style: none outside none;margin: 0;padding: 0;display:block;}
    #purchase_btn > li > a {background: #fff;color: #343131;font-size: 1em;margin-top: 10px;width: 100%;border:1px solid #343131;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;  padding-left: 50px;}
    .btn-lg {line-height: inherit;}
    #purchase_btn > li > a > i {background: none repeat scroll 0 0 #343131;color: #FFFFFF;font-size: 1.2em;height: 43px;left: 16px;margin-top: -10px;padding-top: 11px;position: absolute;width: 44px;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
    #purchase_btn > li > a:hover{background:#343131;color:#fff;}
    #purchase_btn > li > a:hover > i{background:#fff;color:#343131;}
    #zoom_image {font-size: 2em;text-align: center;width:200px;}
    #purchase_options{overflow: hidden;}
    .purchase_img{-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;overflow:hidden;}
    .purchase_img:after{
        content: "\f00e";
        color: rgba(255, 255, 255, 0.5);
        display: inline-block;
        font-family: FontAwesome;
        font-size: 4em;
        height: 100%;
        left: -200px;
        margin-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 50%;
        position: relative;
        text-align: center;
        width: 100px;
        -webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease; 
    }
    .purchase_img:hover:after{left: -100px;position: relative;}
}
/* ~~~~~~~~~~~~~~~~~~~~~~ Large Screens ~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width : 1280px) {
    .subTitle {font-size: 3.5em;top: 40px;}
    .mainTitle {font-size: 6em;top: 50px;} 
}


/* --------------------------------------------------------------------------------------------- */
/* ----------------------------------------- Site Specific ------------------------------------- */
/* -------------------- Place all code here that is only relevent to THIS SITE ----------------- */
/* --------------------------------------------------------------------------------------------- */