@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=1d50349a-3af8-4669-beeb-48bff7e21706");
/*@font-face{
    font-family:"Bodoni Book SC";
    src:url("../fonts/b7be2a77-3a22-4737-9172-a0c02418cd03.eot?#iefix");
    src:url("../fonts/b7be2a77-3a22-4737-9172-a0c02418cd03.eot?#iefix") format("eot"),url("../fonts/132cf05f-fcf1-427d-af15-90677f7d2bc3.woff2") format("woff2"),url("../fonts/ccd420ac-cf75-4adc-a8ea-5b87e8995dc2.woff") format("woff"),url("../fonts/55c0aa44-f005-46f8-b78f-db7299479f26.ttf") format("truetype"),url("../fonts/37019490-3a6b-4113-942a-c3b475bfac2c.svg#37019490-3a6b-4113-942a-c3b475bfac2c") format("svg");
}
@font-face{
    font-family:"Bodoni Book";
    src:url("../fonts/fa098ee9-946d-47f5-9673-0154e46d5ac1.eot?#iefix");
    src:url("../fonts/fa098ee9-946d-47f5-9673-0154e46d5ac1.eot?#iefix") format("eot"),url("../fonts/ff1850e0-22a8-4229-87a9-18ed2bdaab26.woff2") format("woff2"),url("../fonts/8c76cabf-4c55-440d-aa82-17fb5b063036.woff") format("woff"),url("../fonts/df2374a6-6777-4774-8dee-57c075a131db.ttf") format("truetype"),url("../fonts/047fccb1-272b-4cad-a29b-d3ea74eacf17.svg#047fccb1-272b-4cad-a29b-d3ea74eacf17") format("svg");
}
@font-face{
    font-family:"Bodoni Book Italic";
    src:url("../fonts/a1bfeb64-6d55-4b21-ba13-bf7f4a38e65c.eot?#iefix");
    src:url("../fonts/a1bfeb64-6d55-4b21-ba13-bf7f4a38e65c.eot?#iefix") format("eot"),url("../fonts/1a2f229c-0c16-4102-a958-3b785e167d1e.woff2") format("woff2"),url("../fonts/17a54fb2-2d60-409a-ab54-2041d6ead736.woff") format("woff"),url("../fonts/aeb10ca2-28bc-4fec-8f8b-552482292d8d.ttf") format("truetype"),url("../fonts/e468291a-0d50-4a52-bb80-f5da5f544dab.svg#e468291a-0d50-4a52-bb80-f5da5f544dab") format("svg");
}
@font-face{
    font-family:"Bodoni Bold";
    src:url("../fonts/d6476e34-3e5f-4ecb-8971-ff0ee3d55ab5.eot?#iefix");
    src:url("../fonts/d6476e34-3e5f-4ecb-8971-ff0ee3d55ab5.eot?#iefix") format("eot"),url("../fonts/c5587a4c-8565-4f72-98bf-2a4e4c9598d0.woff2") format("woff2"),url("../fonts/ebdc0600-3fa8-4fe0-bf93-68d882debcd5.woff") format("woff"),url("../fonts/b7d86a37-aafc-4ea8-9c2e-36c8c57ff6a2.ttf") format("truetype"),url("../fonts/a9c33b4a-fa3c-4f14-ac3f-22d376490dde.svg#a9c33b4a-fa3c-4f14-ac3f-22d376490dde") format("svg");
}
@font-face{
    font-family:"Bodoni Bold Italic";
    src:url("../fonts/91f4e02a-1ef4-4ddd-96aa-29fe743bd1ed.eot?#iefix");
    src:url("../fonts/91f4e02a-1ef4-4ddd-96aa-29fe743bd1ed.eot?#iefix") format("eot"),url("../fonts/043c6d4c-6402-4bcf-b495-a6e73a253204.woff2") format("woff2"),url("../fonts/ef364462-659c-46cb-a0ff-f8b7d6785f44.woff") format("woff"),url("../fonts/325a2976-c937-4245-a628-a68c6c19a1c4.ttf") format("truetype"),url("../fonts/b8b0be84-5f5b-4bbc-8f00-a111071c2dca.svg#b8b0be84-5f5b-4bbc-8f00-a111071c2dca") format("svg");
}*/
@font-face{
    font-family:"Calibri Light";
    src:url("../fonts/3bf8ead2-2902-446a-af57-fcf4e5da22db.eot?#iefix");
    src:url("../fonts/3bf8ead2-2902-446a-af57-fcf4e5da22db.eot?#iefix") format("eot"),url("../fonts/52f16f8c-2868-43ee-a2ca-378b097a3580.woff2") format("woff2"),url("../fonts/9cb02ba8-d928-43f5-a1bd-32fb78238194.woff") format("woff"),url("../fonts/1cc9eda5-6732-4a23-ad69-782421f8c81b.ttf") format("truetype"),url("../fonts/bf08ac41-3def-4da6-976b-7f125842a2c3.svg#bf08ac41-3def-4da6-976b-7f125842a2c3") format("svg");
}
@font-face{
    font-family:"Calibri Light Italic";
    src:url("../fonts/443c8ba0-016c-4a11-af5c-58f3c01f635c.eot?#iefix");
    src:url("../fonts/443c8ba0-016c-4a11-af5c-58f3c01f635c.eot?#iefix") format("eot"),url("../fonts/aa102de4-ec9f-42ac-b628-6c30e83d0d93.woff2") format("woff2"),url("../fonts/b67d06e6-0656-41da-a1f4-e700d786580b.woff") format("woff"),url("../fonts/ed45e86a-ab65-4c27-9c41-b4b3d13bc2c6.ttf") format("truetype"),url("../fonts/301a0a5a-16af-4dae-84e6-c032da865cac.svg#301a0a5a-16af-4dae-84e6-c032da865cac") format("svg");
}
@font-face{
    font-family:"Calibri";
    src:url("../fonts/d4acc8cd-67f2-4139-80be-d669bb2564d7.eot?#iefix");
    src:url("../fonts/d4acc8cd-67f2-4139-80be-d669bb2564d7.eot?#iefix") format("eot"),url("../fonts/367341fc-4cc6-4a79-89ad-d6c61561611e.woff2") format("woff2"),url("../fonts/1ff86dd4-d3b2-4325-89bc-c6eb493cedba.woff") format("woff"),url("../fonts/aa6b4b64-5ce0-48fd-887a-bece037cd9c9.ttf") format("truetype"),url("../fonts/59b6060c-d311-413e-b351-d79aaf982f7a.svg#59b6060c-d311-413e-b351-d79aaf982f7a") format("svg");
}
@font-face{
    font-family:"Calibri Italic";
    src:url("../fonts/f5fb4de8-efeb-47a8-94a7-50b825a6966a.eot?#iefix");
    src:url("../fonts/f5fb4de8-efeb-47a8-94a7-50b825a6966a.eot?#iefix") format("eot"),url("../fonts/e1cc7218-de20-4af1-a27c-6f325a4b0f0f.woff2") format("woff2"),url("../fonts/cac25ebb-269d-41e9-8ee5-78589746706e.woff") format("woff"),url("../fonts/6a4b5dab-ebbd-4741-80c7-3b30cd46e05d.ttf") format("truetype"),url("../fonts/318af76f-0012-4791-a785-d241f2613955.svg#318af76f-0012-4791-a785-d241f2613955") format("svg");
}
@font-face{
    font-family:"Calibri Bold";
    src:url("../fonts/26989e0d-2435-46c9-ab53-ae63e1816b99.eot?#iefix");
    src:url("../fonts/26989e0d-2435-46c9-ab53-ae63e1816b99.eot?#iefix") format("eot"),url("../fonts/3ded7064-503f-4fa0-853b-9f7a2cf55f20.woff2") format("woff2"),url("../fonts/4e7b2126-77d3-4e53-810d-7ccfde46450a.woff") format("woff"),url("../fonts/dcb27c78-fcd6-43bb-ab8b-9152bcfeb336.ttf") format("truetype"),url("../fonts/ab531dcb-6916-45d8-9326-ab3e33d75ef3.svg#ab531dcb-6916-45d8-9326-ab3e33d75ef3") format("svg");
}
@font-face{
    font-family:"Calibri Bold Italic";
    src:url("../fonts/c0f723f3-c373-4abc-9043-0fb0b460b8dc.eot?#iefix");
    src:url("../fonts/c0f723f3-c373-4abc-9043-0fb0b460b8dc.eot?#iefix") format("eot"),url("../fonts/fe969ae7-f9ce-40b2-93cc-9cc7138809a2.woff2") format("woff2"),url("../fonts/e43fbe67-bdec-48c3-b305-e4f021d8e755.woff") format("woff"),url("../fonts/7cf1f907-81f8-4b27-8ae5-986118860da1.ttf") format("truetype"),url("../fonts/d5b3dbd1-291d-4354-bdcd-216ef956c562.svg#d5b3dbd1-291d-4354-bdcd-216ef956c562") format("svg");
}

html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1.6;
    color: #000;
    background: white;
    font-family: "Calibri", Arial, serif;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
html,
body{
    font-size:20px;
}

h1, h2, h3, h4, h5, h6{
    font-family:"Calibri", Arial, sans-serif;
    margin-bottom:1em;
    line-height:1.2em;
}
h1{
    font-size:30px;
}
h2{
    font-size:20px;
}
h3{
    font-size:18px;
}
h4{
    font-size:16px;
}
h5{
    font-size:14px;
}
small{
    font-size:12px;
}
p{
    font-size:20px;
    margin:0 0 20px 0;
}
img{
    max-width:100%;
}

.container{
    width:100%;
    padding:0 20px;
}
.container-dark{
    background-color:#000;
}
.wrapper{
    margin:0 auto;
    max-width:1340px;
}
.section{
    margin-top:50px;
}
a{
    color:#000;
    text-decoration:underline;
}
a:hover{
    color:#00ccff;
}
a.blue,
a.blue:hover,
a.blue:focus{
    color:#00ccff;
}
strong{
    font-family:"Calibri Bold", Arial, sans-serif;
}
.section a{
    font-family:"Calibri Bold", Arial, sans-serif;
}

/** ---------------------------
    Header
------------------------------*/

.header{
    padding:50px 0;
}
.header-logo{
    margin-bottom:20px;
}
.nav-wrapper {
    text-align:center;
}
.nav {
    display:inline-block;
    font-size:18px;
}
.nav li{
    float:left;
}
.nav li:before{
    content:'\2022';
    color:#fff;
    margin:0 20px;
}
.nav li:first-child:before{
    content:'';
    margin:0;
}
.nav>li {

}
.nav > li > a {
    display: inline-block;
    padding: 0;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
}
.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}
.nav a{
    color:#fff;
    text-decoration:none;
    font-size:18px;
}
.nav a:hover{
    text-decoration:underline;
}

#mobile_menu {
    width: 100%;
    font-size: 20px;
    line-height: 22px;
    position: relative;
    display: none;
}
#mobile_menu a {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    padding: 5px 10px;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    border-left:1px solid #fff;
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
}
#offcanvas_menu_close_wrp{
    display:none;
}
/* ----------------------
    Global Elems
-----------------------*/
.intro-text{
    text-align:center;
    font-size:22px;
    margin-bottom:0;
}
.fancy-heading{
    text-align:center;
    position:relative;
    z-index:2;
    margin-bottom:50px;
}
.fancy-heading:before{
    content:"";
    border-bottom:1px solid #000;
    width:100%;
    height:1px;
    position:absolute;
    top:50%;
    left:0;
    z-index:-1;
}
.fancy-heading span{
    background-color:#fff;
    padding:0 20px;
}

.books{
    text-align:center;
}
#navcontainer img,
.blueborder,
.books.headsheets img{
    border:1px solid #ccc;
    box-shadow: 1px 1px 1px #ccc;
}
.books img{
    box-shadow: 1px 1px 1px #ccc;
}
.strong-link{
    font-family: "Calibri Bold", Arial, sans-serif;
}

.blue-link{
    font-family: "Calibri Bold", Arial, sans-serif;
	color:#0099ff;
	font-size:22px;
}

.box-highlight{
    background-color:#e8e8e8;
    padding:20px;
    width:100%;
    margin-bottom:30px;
    font-family: "Calibri", Arial, sans-serif;
    font-size:20px;
}
.box-highlight h1{
    margin-bottom:5px;
}
.box-highlight a{
    text-decoration:none;
    font-family: "Calibri", Arial, sans-serif;
}
.box-highlight a:hover{
    text-decoration:underline;
}
.box-highlight li{
    line-height:1.2em;
    padding:4px 0;
}

.box-image{
    float:left;
    margin: 0 40px 20px 0;
    max-width:670px;
}
.box-image.box-image-big{
    max-width:100%;
    margin-right:0;
    padding:0;
}
.box-image p{
     text-align:right;
     margin-bottom:0;
     font-size:14px;
 }
.box-image img{
    border:1px solid #ccc;
    box-shadow: 1px 1px 1px #ccc;
}
.box-image.box-image-right{
    float: right;
    margin: 0 0 20px 40px;
}

.box-search{
    padding:30px;
    border:1px solid #000;
    min-height:540px;
}
.box-search .h1{
    margin-top:0;
}
.well{
    background-color:#e8e8e8;
    border-radius: 0;
    border:0;
}


table.table-highlight{
    border-collapse: collapse;
}
table.table-highlight{
    background-color:#e8e8e8;
    margin:0 auto;
    min-width:70%;
}
table.table-highlight, th, td {
    border: 5px solid #fff;
    vertical-align: middle;
}
table.table-highlight, table.highlight th, table.highlight td {
    border: 5px solid #fff;
    vertical-align: middle;
}
table.table-highlight th{
    padding:10px 20px;
}
table.table-highlight td {
    padding:20px;
}
/* ----------------------
    Forms
-----------------------*/
.form input[type="text"]{
    width:100%;
    max-width:650px;
    border:1px solid #000;
    padding: 3px 10px;
    line-height: 40px;
}
.form select{
    padding: 5px 10px;
    border:1px solid #000;
    min-height: 48px;
    font-size:18px;
}

/* ----------------------
    Buttons
-----------------------*/
.button{
    font-family:"Calibri", Arial, sans-serif;
    font-size:20px;
    padding:12px 45px;
    background-color:#eee;
    color:#000;
    text-decoration:none;
    display:inline-block;
    border: 0;
}
a.button:hover,
.button:hover{
    text-decoration:none;
    color:#000;
}
.button-primary{
    background-color:#00ccff;
}
.button-large{
    padding: 20px 105px 20px 105px;
}


/* ----------------------
    Slick slider
-----------------------*/
.slick-slider{
    padding:0 120px;
}
.slick-prev,
.slick-next{
    width:23px;
    height:41px;
}
.slick-next{
    background-image: url('/img/right-arrow.png');
    background-repeat:no-repeat;
    right:0;
}
.slick-prev{
    background-image: url('/img/left-arrow.png');
    background-repeat:no-repeat;
    left:0;
}
.slick-prev:before,
.slick-next:before{
    content:"";
    display:none;
}
.slick-disabled{
    opacity:0;
}
.slick-slide{
    padding:0 9px;
}
.slick-slide img{
    border:1px solid #ccc;
    box-shadow: 1px 1px 1px #ccc;
}

#fscontent{
    overflow-x:auto;
}

/** ---------------------------
    Lightbox
------------------------------*/
.lb-nav a.lb-next,
.lb-nav a.lb-prev{
  opacity:1;
}

/** ---------------------------
    Footer
------------------------------*/
.footer-container{
    margin-top:50px;
}
.footer{
    padding:40px 0;
    color:#fff;
}
.footer.footer-big{
    padding-bottom:230px;
}
.footer-logo{
    text-align:center;
    margin-bottom:20px;
}
.footer-logo img{
    max-width:50%;
}


/** ---------------------------
    Back to top link
------------------------------*/

#back-to-top.show {
    opacity: 1;
}
#back-to-top {
    position: fixed;
    bottom: 78px;
    right: 40px;
    z-index: 9999;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 48px;
    background: #fff;
    color: #000;
    cursor: pointer;
    border: 0;
    border:1px solid #000;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    font-size:10px;
}
#back-to-top .fa{
    line-height: 46px;
}

.back-to-search{
    float:right;
    line-height:36px;
    margin-bottom:20px;
}

/** ---------------------------
    Welcome message
------------------------------*/
.welcome-wrapper{
    background-color:#e8e8e8;
    padding:40px;
}
.welcome{
    margin:0 auto;
    max-width:900px;
}
.welcome .image-wrapper{
    float:left;
    margin:0 30px 0 0;
}

/** Media Queries **/
@media (max-width: 1530px) {
    #back-to-top{
        right:5px;
    }
}
@media (max-width: 1380px){
    #back-to-top {
        bottom: 30px;
        width: 30px;
        height: 30px;
        line-height:28px;
    }
    #back-to-top .fa{
        line-height:26px;
    }
    .form select{
        font-size:17px;
    }
}
@media (max-width: 1023px){
    body{
        line-height: 1.3;
    }
    .intro-text{
        font-size:18px;
    }
    .h1,
    h1{
        font-size:24px;
    }
    .h2,h2{
        font-size:18px;
        font-weight:600;
    }
    h3{
        font-size:16px;
    }
    h4{
        font-size:14px;
    }
    h5{
        font-size:12px;
    }
    small{
        font-size:10px;
    }
    a, p{
        font-size:16px;
    }
}
@media (max-width: 1020px){
    .nav li:before{
        margin:0 10px;
    }
}
@media (max-width: 991px){
    .box-highlight-row .box-highlight{
        margin-bottom:0;
    }
    .box-highlight-row .box-highlight.first{
        padding-bottom:0;
    }
    .box-highlight-row .box-highlight.last{
        padding-top:0;
    }
    .box-highlight-row .box-highlight.middle{
        padding-top:0;
        padding-bottom:0;
    }
}
@media (max-width: 880px){
    .nav{
        font-size:16px;
    }
    .nav li:before{
        margin:0 5px;
    }
    .header{
        padding:30px 0;
    }
    .section{
        margin-top:30px;
    }
    .welcome-wrapper {
        padding: 30px;
    }
    .fancy-heading{
        margin-bottom:30px;
    }
    .footer-container{
        margin-top:30px;
    }
    .footer {
        padding: 30px 0;
    }

    .slick-slider{
        padding:0 80px;
    }
    .box-image{
        margin-right:0;
        width:100%;
        float:none;
        text-align:center;
        max-width: none;
    }
}
@media (max-width: 825px){
    #mobile_menu {
        display: block;
    }
    .header{
        padding:50px 0 30px 0;
    }
    .nav li:before{
        content:"";
        margin:0;
    }

    /* ==========================================================================
        Off canvas
    ========================================================================== */
    #offcanvas {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999;
        background: rgba(0, 0, 0, 0.6);
        display:none;
    }
    #offcanvas.offcanvas-show {
        display: block;
    }
    #offcanvas_menu {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 1000;
        background: #000;
        width: 240px;
        overflow-y: auto;
        left:-240px;
    }
    #offcanvas_menu .nav {
        padding:20px;
        display:block;
        text-align: left;
    }
    #offcanvas_menu .nav li {
        position: relative;
        width:100%;
    }

    #offcanvas_menu .nav li.active {
        color: #e8f600;
    }

    #offcanvas_menu .dropdown-list,
    #offcanvas_menu .dropdown-wrp{
        min-width:0;
    }

    #offcanvas_menu .nav-image-link{
        display:none;
    }

    #offcanvas.offcanvas-show .nav > li{
        margin:0 0 10px 0;
    }
    #offcanvas.offcanvas-show .nav li > a{
        padding:0;
        line-height:18px;
    }
    #offcanvas.offcanvas-show .nav > li:hover > a{
        color:#fff;
    }
    #offcanvas.offcanvas-show .nav  a:hover{
        color:#e8f600;
    }

    #offcanvas.offcanvas-show .dropdown-wrp {
        box-shadow:none;
        position:static;
        padding:0;
        display:block;
    }
    #offcanvas.offcanvas-show .dropdown-wrp  .dropdown-list {
        width:100%;
        padding:10px 0 0 20px;
    }
    #offcanvas.offcanvas-show .dropdown-wrp > .dropdown-list > li > a{
        text-transform:none;
        margin:0;
        font-weight:normal;
    }
    /* effects on rest of the page body */
    #offcanvas_menu_close_wrp{
        display:block;
    }
    #offcanvas_menu_close{
        padding:10px;
        float:right;
        cursor:pointer;
        color: #fff;
    }
    /* END Canvas */
}
@media (max-width: 767px){
    .books{
        text-align:center;
    }
    .footer-logo img{
        max-width:80%;
    }
    .back-to-search{
        float:none;
    }
    .box-highlight{
        padding:20px;
    }
    .box-search{
        min-height:0;
        margin-bottom:20px;
    }
}
@media (max-width: 749px){
    .slick-slider{
        padding:0 40px;
    }
    .books div{
        margin-top:20px;
    }
    .books div:first-child {
        margin-top:0;
    }
}
@media (max-width: 540px){
    .welcome {
        text-align:center;
    }
    .welcome .image-wrapper{
        float:none;
        margin:0 0 30px 0;
    }
    .footer-logo img{
        max-width:100%;
    }
    .footer .nav li:before{
        content:"";
        margin:0;
    }
    .footer .nav li{
        float:none;
        width:100%;
        text-align:center;
    }
}

@media (max-width: 500px){
    .fancy-heading:before{
        border:0;
    }
    .fancy-heading span{
        padding:0;
    }
    .box-highlight{
        padding:10px;
    }
}