/**************************************
	CONTENT:

	1. HEADER STYLE

	2. MAIN STYLE
	    -Home page
	    -Store page
	    -404 page
	    -Thesis Form page
	    -Resources page
	    -Payment page
	    -Error messages
	    -Portfolio page

	3. FOOTER STYLE

	4. MEDIA QUERIES
	


**************************************/

/*********************************
*          HEADER STYLE          *
*********************************/
#header-inner > ul{
    display: none;
}
#small-menu-cont{
    display: block;
    float: right;
}
.menu-btn-link{
    float: right;
    width: 49px;
    height: 33px;
    margin: 25px 20px 0 0;
    background: url(../images/menu-btn.png) no-repeat 0 0;
    position: relative;
}
#small-nav-inner{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 340px;
    z-index: 3;
}
.menu-btn-wrap{
    float: left;
    width: 100%;
    padding:20px;
    background-color: #272625;
    box-sizing:border-box;
}
#small-nav-inner span{
    float: left;
    font-size: 25px;
    font-family: 'museo_sans700';
    color: #e4e2c2;
    padding: 8px 0 0 ;
}
.menu-btn-link-open{
    float: right;
    width: 40px;
    height: 40px;
    background: url(../images/menu-open-btn.png);
    margin: 0 14px 0 0;
}
#small-nav-inner > ul{
    float: left;
    width: 100%;
    padding: 30px 0;
    background-color:rgba(39,38,37,0.93);
}
#small-nav-inner > ul > li{
    float: left;
    width: 100%;
    height: 35px
}
#small-nav-inner > ul > li > a{
    float: left;
    width: 100%;
    height: 35px;
    text-align: center;
    padding: 10px 0;
    color:#ffffff;
    font-size: 16px;
    font-family: 'museo_sans700';
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    box-sizing:border-box;
}
#small-nav-inner > ul > li > a:hover, #small-nav-inner > ul > li > a.active{
    color: #efecca;
    border-top: 1px solid #efecca !important;
    border-bottom: 1px solid #efecca !important;
}
/*********************************
*          HEADER STYLE          *
*********************************/


/*********************************
*        MAIN STYLE              *
*********************************/

/* * * * * * * * * * * * *	
*		Home page   	 *
* * * * * * * * * * * * */
.home-txt-cont{
    margin: 30% auto 0;
}
.home-txt-cont h1{
    font-size: 100px;
}
.home-txt-cont p{
    font-size: 16px;
}
/* * * * * * * * * * * * *	
*		Home page   	 *
* * * * * * * * * * * * */


/* * * * * * * * * * * * *	
*	 	Store page  	 *
* * * * * * * * * * * * */
.store-inner{
    text-align: center;
}
.store-inner > img{
    float: none;
    display: inline-block;
}
.store-binding-rel{
    max-width: 768px;
    padding:30px 0 50px;
}
/* * * * * * * * * * * * *	
*	 	Store page  	 *
* * * * * * * * * * * * */


/* * * * * * * * * * * * *	
*   	 404 page   	 *
* * * * * * * * * * * * */
.out-404{
    bottom: 29%;
}
.inner-404 img{
    width: 65%;
    height: 65%;
}
/* * * * * * * * * * * * *	
*   	 404 page   	 *
* * * * * * * * * * * * */


/* * * * * * * * * * * * *	
*    Thesis Form page  	 *
* * * * * * * * * * * * */
/*   1/3   */
.one-third-width{
    width: 50%;
    padding: 10px 20px;
}

/*   1/4   */
.quarter-width{
    width: 33.3%;
}

/*   3/4 + 1/4   */
.three-quarter-width{
    width: 65%;
}
.one-quarter-width{
    width: 35%;
}

.two-third-width{
    width: 76%;
    padding: 10px 0 10px 20px;
}
.one2-third-width{
    width: 24%;
    padding: 10px 20px 10px 0;
}

/* BINDING DETAILS */
.half-width.printing-dropdown-padding, .full-width.printing-dropdown-padding .landscape-nbr{
    width: 70%;
}

.two-third-width > .half-width{
    padding:10px 30px 10px 0;
}
.two-third-width > .half-width:nth-child(2) {
    padding: 10px 30px 10px 10px;
}
.bf-printing-details-hiddenblock-expand .two-third-width.no-padding-top {
    width: 57%;
}

.link-position .bf-binding-details-blockleft .qmark, .link-position .bf-binding-details-blockmiddle .qmark {
    right: -25px;
}

.spine-wrap{
    padding: 10px 20px 10px 0;
}
.counter {
    padding-top: 0;
}
.counter-out{
    height: 35px !important;
    padding-left: 21% !important;
    padding-top: 0;
    width: 100%;
}
/* Fancybox */
.colour-samples-container{
    width: 25%;
}


/* BINDING TYPE */
.bf-binding-type-hidden-main .one-third-width{
    width: 33.3%;
    padding: 10px 20px;
}
.link-position.bf-binding-type-storecolect .qmark,  .link-position.bf-require-books-container .qmark{
    right: 3px;
    top: 0;
}
.bf-binding-type-storecolect > label {
    height: 21px;
}
.one-third-width.link-position {
    padding: 10px 20px;
}
.full-width > .one-third-width:nth-child(2n+2), .one-third-width.link-position:nth-child(3){
    padding: 10px 20px;
}

/* * * * * * * * * * * * *
*    Thesis Form page  	 *
* * * * * * * * * * * * */



/*13.07.2015 - HOME work*/

/* * * * * * * * * * * * *
*    Resources page  	 *
* * * * * * * * * * * * */
/*Resourcces - Middle section*/
.resources-wrapper{
    width: 50%;
}
/* * * * * * * * * * * * *
*    Resources page  	 *
* * * * * * * * * * * * */

/* * * * * * * * * * * * *
*  Resource SIngle page	 *
* * * * * * * * * * * * */
.resources-follow-section-out{
    width: 210px;
    float: none;
    display: inline-block;
}
/* * * * * * * * * * * * *
*  Resource Single page  *
* * * * * * * * * * * * */



/* 15.07.2015 */

/* * * * * * * * * * * * *
*    Payment page  	 *
* * * * * * * * * * * * */

/*Payment RIGHT section*/
.card-wrap{
    width: 18.4%;
}
/* * * * * * * * * * * * *
*    Payment page  	 *
* * * * * * * * * * * * */



/* * * * * * * * * * * * *
*  		ERROR messages 	 *
* * * * * * * * * * * * */

.bf-binding-details-blockleft label.error, .bf-binding-details-blockmiddle label.error {
    right: 35px;
    top: 0;
}
.qmark-pos-relative .error, .error-message-position label.error{
    right: 24%;
}
.error.perror{
    right: 9%;
}

                                /*27-07-2015 Error msgs updates*/
/*Payment and Found Us errors*/
.bf-hdf-us-block .error.perror,
.bf-payment-type-block .error.perror
{
    left: -42px;
}
/*Binding Type*/
.bf-binding-type-checklong.error-message-position label.error.perror{
    left: 18%;
}

/*Binding Details*/
.bf-binding-details-checklong .one2-third-width .error{
    left: 18%;
}

                                /*27-07-2015 Error msgs updates -end*/
/* * * * * * * * * * * * *
*  		ERROR messages 	 *
* * * * * * * * * * * * */

                                /*29-07-2015*/
.resources-txt-wrap > p{
    height: 60px;
}

                                /*04-08-2018*/
/* * * * * * * * * * * * *
*  		PORTFOLIO page 	 *
* * * * * * * * * * * * */
.box-description-image{
    bottom: 0;
    top: auto;
    height: 50px;
}
.box-description-image span{
    font-size: 20px;
}
/* * * * * * * * * * * * *
*  		PORTFOLIO page 	 *
* * * * * * * * * * * * */

/*********************************
*        MAIN STYLE              *
*********************************/



/*********************************
*          MEDIA QUERIES         *
*********************************/
@media all and (max-width: 760px){
    .bf-binding-type-storecolect > label, .form-section-inner label > span{
        font-size: 12px;
    }
}
@media all and (max-width: 700px){
    .bf-binding-details-blockleft label.error, .bf-binding-details-blockmiddle label.error{
        top: -16px;
    }
}
@media all and (max-width: 680px){
    .bf-binding-type-hidden-main .one-third-width {
        padding: 10px 20px;
        width: 50%;
    }
    .bf-binding-type-checklong.error-message-position label.error.perror {
        left: 10%;
    }
    .bf-binding-details-checklong .one2-third-width .error{
        left:10%;
    }
}
@media all and (max-width: 650px){
    .b-t-adr-wrap .one-third-width{
        width: 50%;
    }
}
@media all and (max-width: 616px){
    .contact-wrap{
        max-width: 300px;
        padding:0 0 15px;
    }
    .contact-box{
        margin: 15px 15px 0;
    }
    #map-cont{
        padding:0;
    }
}
@media all and (max-width: 605px){
    .one2-third-width{
        width: 25%;
    }
    .two-third-width{
        width: 75%;
    }
    .home-txt-cont {
        margin: 7% auto 0;
    }
    .home-footer-cont{
        bottom: -220px;
    }
    #pattern-wrap{
        bottom: -167px;
    }
}
@media all and (max-width: 512px){
    .yellow-inner .order-link{
        padding:12px 20px 12px ;
    }
}
/*********************************
*          MEDIA QUERIES         *
*********************************/