@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 #333333;background-color:#333333;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  #333333;background-color:#333333;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;}
img#img_title {width: 80%;margin-top: 85px;margin-left: 10%;margin-right: 10%;}
/* --------------------------------------------------------------------------------------------- */
/* ----------------------------------  FONT AND ITEM STYLES  ----------------------------------- */
/* --------------------------------------------------------------------------------------------- */
h1{font-size:2em;margin:0;font-weight:bold;padding-top:20px;padding-bottom:15px;}
h2{font-size:1.5em;margin:0;}
h3{background: #333333;font-size: 1.3em;padding: 7px;color: #fff;}
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: #688fca;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: #5573A2;}
.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;}
.subTitle { color: #fff;font-size: 1em;top: 100px;margin-top: -24px;position: relative;text-align: center;}
.edition {font-size: 0.8em;top: 165px;color: #E4EEAF;width: 100%;text-align: center;position: absolute;}
.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;}
.underline{text-decoration: underline;}
.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;}
.warn {color: red;}
/*Style Guide colours*/
.danger{color:#CA1E47;}
.alert{color:#F29500;}
.passive{color:#85CC8E;}
.tandf{color:#688FCA;}
.dusk{color:#C17270;}
.cyan{color:#448391;}
.purple{color:#7368A0;}
.slate{color:#333333;}
.med_slate{color:#5F5F5F;}
.mute_slate{color:#CFCFCF;}
.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: #333333;color: #333333;}
.btn-default:hover {background-color: #333333;border-color:#333333;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;padding-right:15px;padding-left:15px;}
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;}
.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;}
.brand_logo{opacity:1!important;animation:none!important;-webkit-animation:none!important;-o-animation:none!important;-moz-animation:none!important;}
#signout {left: 100%;margin-left: -226px;margin-right: 2%;margin-top: 6px;position: relative;z-index: 100;}
#toggle_navigation {color: #fff;background:#3F6899;font-size: 3em;padding-left: 20px;padding-right: 20px;position: fixed;width: 100%;top:0;z-index: 1000;text-align:left;left: 0;}
#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;
    display: flex;display: -webkit-flex;display: -ms-flexbox;
    -webkit-box-pack: start;-ms-flex-pack: center;
    flex-direction: row;-webkit-flex-direction: row;-ms-flex: row;
    flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;
    align-content: center;-webkit-align-content: center;-ms-flex-align: center;
    justify-content: center;-webkit-justify-content: center;-ms-justify: center;
    align-items:center;-webkit-align-items:center;
}
.po_lightbox > #close_modal {top: 0;right: 10px;}
#close_modal {color: #fff;opacity: 1;top:48px;font-size: 2em;text-shadow: 1px 1px 10px #000;position: fixed;margin-left: -35px;z-index: 20000;-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;}
#purchase_btn{display:none;}
.no-list-style{list-style: none;}
.help-block{display:inline-block;}
.form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.428571429;color: #555;vertical-align: middle;background-color: #fff;border: 1px solid #ccc;border-radius: 0px;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-control:focus {border-color: #688fca;outline: 0;-webkit-box-shadow: none;box-shadow: none;}
.dropdown-menu-sub {display: none;}
.navbar-nav .open .dropdown-menu>li>a {line-height: 44px;}
.dropdownmenu_prepend-icon {position: absolute;margin-left: 17px;color: #999;margin-top: 14px;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding: 0px 23px;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>.dropdownsub-toggle {padding: 0px 11px;}
/* --------------------------------------------------------------------------------------------- */
/* ------------------------------------- Animations -------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
.fadeIn {-webkit-animation:fadeIn 1s forwards;-moz-animation:fadeIn 1s forwards;-o-animation:fadeIn 1s forwards;animation:fadeIn 1s forwards;}
.fadeOut {-webkit-animation:fadeOut 1s forwards;-moz-animation:fadeOut 1s forwards;-o-animation:fadeOut 1s forwards;animation:fadeOut 1s forwards;}
.fadeInUp {-webkit-animation:fadeInUp 1s forwards;-moz-animation:fadeInUp 1s forwards;-o-animation:fadeInUp 1s forwards;animation:fadeInUp 1s forwards;}
.singleFlashText {-webkit-animation:singleFlashText 2s forwards;-moz-animation:singleFlashText 2s forwards;-o-animation:singleFlashText 2s forwards;animation:singleFlashText 2s forwards;}

/*Opacity Fade in 0 - 1*/
@-webkit-keyframes fadeIn {0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes fadeIn {0%{opacity:0;}100%{opacity:1;}}
@-o-keyframes fadeIn {0%{opacity:0;}100%{opacity:1;}}
@keyframes fadeIn {0%{opacity:0;}100%{opacity:1;}}

/*Opacity Fade out 1- 0*/
@-webkit-keyframes fadeOut {0%{opacity:1;}100%{opacity:0;}}
@-moz-keyframes fadeOut {0%{opacity:1;}100%{opacity:0;}}
@-o-keyframes fadeOut {0%{opacity:1;}100%{opacity:0;}}
@keyframes fadeOut {0%{opacity:1;}100%{opacity:0;}}

/*Opacity Fade In and Shift up*/
@-webkit-keyframes fadeInUp {0%{opacity:0;padding-top:20px;}100%{opacity:1;padding-top:0;}}
@-moz-keyframes fadeInUp {0%{opacity:0;padding-top:20px;}100%{opacity:1;padding-top:0;}}
@-o-keyframes fadeInUp {0%{opacity:0;padding-top:20px;}100%{opacity:1;padding-top:0;}}
@keyframes fadeInUp {0%{opacity:0;padding-top:20px;}100%{opacity:1;padding-top:0;}}

/*Flash text colour for 1 pulse*/
@-webkit-keyframes singleFlashText {0%{color:#333;}50%{color:#688fca};100%{color:#333;}}
@-moz-keyframes singleFlashText {0%{color:#333;}50%{color:#688fca};100%{color:#333;}}
@-o-keyframes singleFlashText {0%{color:#333;}50%{color:#688fca};100%{color:#333;}}
@keyframes singleFlashText {0%{color:#333;}50%{color:#688fca};100%{color:#333;}}
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------- Navigation bar Styling ------------------------------------ */
/* --------------------------------------------------------------------------------------------- */
.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;-webkit-backface-visibility: hidden;}
.dropdown-menu {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    display: none;
    float: none;
    font-size: 14px;
    left: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: relative;
    top: 100%;
    z-index: 1000;
    -webkit-animation:fadeInDown 0.5s forwards;-moz-animation:fadeInDown 0.5s forwards;-o-animation:fadeInDown 0.5s forwards;animation:fadeInDown 0.5s forwards;
}
/*Opacity Fade In and Shift down - - - -  Probably only for the menu.. */
@-webkit-keyframes fadeInDown {0%{opacity:0;top:40px;}100%{opacity:1;top:62px;}}
@-moz-keyframes fadeInDown {0%{opacity:0;top:40px;}100%{opacity:1;top:62px;}}
@-o-keyframes fadeInDown {0%{opacity:0;top:40px;}100%{opacity:1;top:62px;}}
@keyframes fadeInDown {0%{opacity:0;top:40px;}100%{opacity:1;top:62px;}}

.dropdown-menu > li > a {border-left: 1px solid #333;clear: both;color: #fff;display: block;font-weight: 400;height: 44px;line-height: 38px;margin-left: 4px;padding: 3px 10px;white-space: nowrap;}
.navbar-nav {margin: 7.5px 0;}
.navbar-nav > li > a, .navbar-inverse .navbar-text {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.05);color: #999999;font-size: 1em;font-weight: 100;height: 44px;margin-bottom: 5px;margin-top: 5px;text-align: left;}
.navbar{overflow-y: scroll;overflow-x:hidden;}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {background: #E4EEAF;color: #3F6899;}
.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;}
.dropdown-menu-sub>li>a {height: 44px;display: block;margin-left: 32px;line-height: 44px;}
.dropdown-menu-sub>li{list-style:none;}
.dropdown-menu-sub>li>a:hover, .dropdown-menu-sub>li>a:focus{color:#fff;text-decoration:none;}
.dropdownsub-toggle>.fa-caret-right {position: relative;right: -11px;float: right;top: 3px;}
.dropdownsub-highlight {background: #688fca;color: #fff !important;}
.dropdownsub-highlight::before {color: #fff !important;}
.dropdown-menu-sub {margin: 0;padding-left: 23px;}
/* --------------------------------------------------------------------------------------------- */
/* ------------------------------------ Footer Styling ----------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
.footer{background: #3F6899;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:#6E6E6E;}
.footer li{color:#A3A3A3;} 
.footer_align > li > a {display: inline-block;} 
.footer a{color:#7BB7D3;}
.footer a:hover,.footer a:focus {color: #E4EEAF; 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;}
.panel-group .panel {border-radius: 0px;}
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------- Carousel Styles ------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/*Commented out because we don't really ever use carousels, and this styling might mess with other stuff. I'd check it doesn't if you decide to use it..
.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{display: flex;display: -webkit-flex;display: -ms-flexbox;-webkit-box-pack: start;-ms-flex-pack: center;flex-direction: row;-webkit-flex-direction: row;-ms-flex: row;flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;align-content: center;-webkit-align-content: center;-ms-flex-align: center;justify-content: center;-webkit-justify-content: center;-ms-justify: center;align-items:center;-webkit-align-items:center;}
#page_pills li{flex-grow:1;-webkit-flex-grow:1;-ms-flex:1;-ms-flex-preferred-size: auto;}
.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(63, 104, 153, 1);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 ------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

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

/* ~~~~~~~~~~~~~ Standard Tablets (portrait and landscape) ~~~~~~~~ */
@media only screen and (min-width : 768px) and (max-width: 900px){
.navbar-nav>li {float: none; }
.navbar-nav {float: none;}
.dropdown-menu{-webkit-animation: none;-moz-animation: none;-o-animation: none;animation: none;}
img#img_title {width: 30%;margin-top: 85px;margin-left: 35%;margin-right: 35%;}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~ Landscape Tablets and Larger ~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width : 900px){
    .edition {font-size: 1.5em;top: 265px;right: 11px;text-align: right;}
    .dropdown-menu > li > a {border: none;clear: both;color: #333;display: block;font-weight: 400;height: 44px;line-height: 20px;margin-left: 0;padding: 3px 10px;white-space: nowrap;text-align: left;}
    .dropdown-menu>li>a::before{content: "\f101";color: #3F6899;display: inline-block;font-family: FontAwesome;position: relative;left: -10px;}
     .dropdown-menu>li>.dropdownsub-toggle::before{content: "";}
    .navbar {overflow: visible;}
    .dropdown-menu {background-clip: padding-box;background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 4px;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: 2px 0 0;min-width: 160px;padding: 5px 0;position: absolute;top: 100%;z-index: 1000;}
    .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {background: none;color: #fff;}
    .navbar-nav > li > a, .navbar-inverse .navbar-text {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);color: #999999;font-size: 1em;font-weight: 100;height: auto;margin: 0;text-align: left;}
    .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;}
    #parallax_header {height:300px;}
    .main{padding: 2%;}
    .feedback_form{display: block;min-height: 500px;}
    #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: #3F6899;}/*Nav Bar Colour*/
    .navbar-inverse .navbar-text {color: #333333;}/*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*/
    .navbar-inverse .navbar-nav > li > a {color: #7BB7D3;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;font-weight:700;}/*Navigation Text Colour*/
    .navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus {color: #E4EEAF;}/*Navigation Text Hover Properties*/
    .hov_nav a::after {
        background: rgba(228, 238, 175, 1);
        content: "";
        height: 2px;
        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: #ffffff;background-color:rgba(228, 238, 175, 0);}/*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: #333333;border-top-color: #333333;}/*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: #333333;  border-bottom-color: #333333;}/*Drop Down Menu Arrow OPEN STATE Properties*/
    .dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {color: #3F6899;text-decoration: none;background-color: #E4EEAF;}/*Drop Down Menu Item Hover Properties*/
    .dropdown-menu > li > a:hover::before,.dropdown-menu > li > a:focus::before {color: #3F6899;}/*Drop Down Menu Item Hover Properties*/
    /*Drop down menu sub menu*/
    .dropdown-menu-sub {background-clip: padding-box;background-color: #FFFFFF;border: 0;border-radius: 0;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);display: none;float: left;font-size: 14px;left: 100%;list-style: none outside none;margin: 0px 4px 0;min-width: 160px;padding: 5px 0;position: absolute;top: 0;z-index: 20000;display:none;}
    .dropdown-menu-sub>li>a{border: none;clear: both;color: #333;display: block;font-weight: 400;height: 44px;line-height: 39px;margin-left: 0;padding: 3px 10px;white-space: nowrap;text-align: left;}
    .dropdown-menu-sub>li>a::before{content:"\f105";font-family:FontAwesome;padding-right: 10px;}
    .dropdown-menu-sub>li>a::after{display:none;}
    .dropdown-menu-sub>li>a:hover{text-decoration:none;}
    .dropdownsub-highlight>a{color: #ffffff !important;text-decoration: none;background-color: #688fca;}
    .dropdownsub-highlight>a::before{color: #ffffff !important;}
    .dropdown-menu-sub> li > a:hover,.dropdown-menu-sub> li > a:focus {color: #ffffff;text-decoration: none;background-color: #688fca;}
    .dropdownsub-toggle>i {padding-right: 8px;}
    .dropdown-menu-sub> li > a:hover::before,.dropdown-menu-sub> li > a:focus::before {color: #ffffff;}
    .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: #333333;font-size: 1em;margin-top: 10px;width: 100%;border:1px solid #333333;-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 #333333;color: #FFFFFF;font-size: 1.2em;height: 44px;left: 15px;margin-top: -11px;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:#333333;color:#fff;}
    #purchase_btn > li > a:hover > i{background:#fff;color:#333333;}
    #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;}
	img#img_title {width: 60%;margin-top: 40px;margin-left: 20%;margin-right: 20%;}
}
/* ~~~~~~~~~~~~~~~~~~~~~~ Large Screens ~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width : 1280px) {
    .subTitle {font-size: 3.5em;top: 40px;}
    .mainTitle {font-size: 6em;top: 50px;} 
    .edition {font-size: 1.5em;top: 265px;right: 11px;text-align: right;}
	img#img_title {width: 30%;margin-top: 40px;margin-left: 35%;margin-right: 35%;}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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


#quest-logo {margin-top:10px;margin-bottom:10px;}