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

	1. HEADER STYLE
		-Home page

	2. MAIN STYLE
		-Home page
		-Contact page
		    -google maps
		-Thesis info page
		    -text editor
		-Store page
		-Oldie page
		-What we do page
		-404 page
		-Thesis Form page
		-Resources page
		-Resources Single page
		-Payment page
		-Error messages
		-Thank you page
		-Portfolio page


	3. FOOTER STYLE
		-Home page
		-Sticky footer
		

	4. MEDIA QUERIES
	


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



/*********************************
*           General Style        *
*********************************/
.fl-left{
    float: left;
}
.fl-right{
    float: right;
}
.ta-center{
    text-align: center;
}
.ta-left{
    text-align: left;
}
.ta-right{
    text-align: right;
}
.no-padding-bottom{
    padding-bottom: 0 !important;
}
.no-padding-top{
    padding-top: 0 !important;
}
.lf-padding-no{
    padding-left: 0 !important;
}
.rg-padding-no{
    padding-right: 0 !important;
}
.bt-padding-no{
    padding-bottom: 0 !important;
}
.no-margin-top{
    margin-top: 0 !important;
}
/*********************************
*           General Style        *
*********************************/



/*********************************
*          HEADER STYLE          *
*********************************/
#header-cont{
    float: left;
    width: 100%;
    margin:0;
    padding: 0;
    background-color: #3b3a3a;
}

/* * * * * * * * * * * * *	
*		Home page   	 *
* * * * * * * * * * * * */
.home-header-cont{
    background-color: rgba(31,30,31,0.8) !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
/* * * * * * * * * * * * *	
*		Home page   	 *
* * * * * * * * * * * * */

#small-menu-cont{
    display: none;
}
#header-inner{
    float: none;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    padding: 0 10px 20px;
    box-sizing:border-box;
}
.logo-link{
    float: left;
    margin: 20px 20px 0;
    width: 45px;
    height: 42px;
    background: url(../images/logo.png) 0 0 no-repeat;
}
.logo-link img{
    float: left;
    width: 100%;
}
#header-inner > ul{
    float: right;
    padding: 35px 0 0;
    width: 100%;
    max-width: 715px;
}
#header-inner > ul > li{
    float: left;
    display: inline-block;
    margin: 0 45px 0 0;
}
#header-inner > ul > li:last-child{
    margin: 0;
}
#header-inner > ul > li > a{
    float: left;
    color:#ffffff;
    font-size: 16px;
    font-family: 'museo_sans700';
    -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;
}
#header-inner > ul > li > a:hover, #header-inner > ul > li > a.active{
    color: #efecca !important;
}
.drowdown-link{
    position: relative;
}

/*********************************
*        MAIN STYLE              *
*********************************/
#main-cont{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
.main-inner{
    width: 100%;
    float: none;
    margin: 0 auto;
    max-width: 1200px;
    padding: 10px;
    box-sizing: border-box;
}

/* * * * * * * * * * * * *	
*		Home page   	 *
* * * * * * * * * * * * */
#home-fullScreen{
    position: relative;
    width: 100%;
    height: 100%;
}
#pattern-wrap{
    width: 100%;
    /*height: 100%;*/
    background:url("../images/img-pattern-small.png") repeat scroll 0 0;
    position: absolute;
    left: 0;
    top: 82px;
    bottom: 52px;
    z-index: 1;
}
#image-fullScreen-inner{
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    overflow:hidden;
    -webkit-overflow-scrolling:touch;
}
#image-fullScreen-inner img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
}

.home-txt-cont{
    width: 100%;
    max-width: 470px;
    text-align: center;
    margin: 10% auto 0;
}
.home-txt-cont h1{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    color:#efecca;
    font-size: 142px;
    font-family: 'denseregular';
}
.home-txt-inner{
    float: left;
    width: 100%;
    border-top:3px solid #efecca;
    border-bottom:3px solid #efecca;
    padding: 20px 0;
}
.home-txt-cont p{
    float: left;
    width: 100%;
    margin: 0;
    font-family: 'museo_sans500';
    font-size:18px;
    color: #efecca ;
    text-align: center;
}
.home-txt-cont a {
    float: none;
    display: inline-block;
    margin-top: 25px;
    padding: 20px 60px;
    border-radius: 7px;
    background-color:#10a2dc;
    color:#ffffff;
    font-family: 'denseregular';
    font-size: 35px;
    line-height: 80%;
    -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;
}
.home-txt-cont a:hover{
    background-color: #26b4ec;
}

/*Home message - Text editor*/
.home-txt-inner p strong{
    font-weight: bold;
}
.home-txt-inner p em{
    font-style: italic;
}
/*Home message - Text editor*/
/* * * * * * * * * * * * *	
*		Home page   	 *
* * * * * * * * * * * * */


/* * * * * * * * * * * * *	
*		Contact page   	 *
* * * * * * * * * * * * */
.contact-out{
    background: #efecca;
}
.contact-wrap{
    padding: 0;
}
.contact-box{
    float: left;
    max-width: 270px;
    width: 100%;
    height: 92px;
    background: #7bb7c9;
    margin: 30px 15px 0 ;
    padding:0 10px 0 0;
    box-sizing:border-box;
}
.contact-box > span{
    float: right;
    font-family: 'museo_sans500';
    font-size: 14px;
    line-height: 17px;
    color: #ffffff;
}
.contact-box-phone-fax > span{
    line-height: 30px;
}
.cteam-info-wrap span{
    float: left;
    width: 100%;
    font-family: 'museo_sans500';
    font-size: 14px;
    line-height: 17px;
    color: #ffffff;
}

.contact-info{
    display: table;
}
.contact-info > span{
    float: none !important;
    display: table-cell;
    vertical-align: middle;
}
.contact-box.contact-info span > a{
    float: left;
    font-family: 'museo_sans500';
    font-size: 14px;
    line-height: 17px;
    color: #ffffff;
    text-decoration: underline;
    display: none;
    -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;
}
.contact-box.contact-info span > a:hover{
    color: #0c5368;
}
.img-wrap{
    display: table-cell;
    vertical-align: middle;
    width: 75px;
    padding: 15px;
    text-align: center;
    box-sizing:border-box;
}
.img-wrap > img{
    float: none;
    display: inline-block;
}
.contact-member span:first-child{
    padding:5px 0 0;
}
.contact-member .img-wrap{
    padding: 13px 0 12px;
    float: left;
}
.contact-member .img-wrap > img{
    width: 60px;
    height: 60px;
    border:2px solid #f3f8fa;
    border-radius: 50%;
}

.contact-member > span{
    float: right;
    width: 70%;
    border-bottom: 1px solid #ffffff;
}
.cteam-info-wrap{
    float: right;
    width: 70%;
    border-bottom: 1px solid #ffffff;
    display: table;
}

.contact-member > a {
    float: left;
    font-family: 'museo_sans500';
    font-size: 12px;
    line-height: 17px;
    color: #ffffff;
    margin: 3px 0 0 3px;
    -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;
}
.contact-member > a:hover{
    color: #0c5368;
}
.contact-member > a:nth-child(2n+2){
    margin: 0 0 0 3px;
}

.txt-dsc{
    font-size: 12px;
    font-family: 'museo_sans500_italic';
}
.cteam-info-wrap div.txt-dsc{
    display: table;
    height: 22px;
    padding: 0 0 3px 0;
}
.cteam-info-wrap div.txt-dsc span{
    font-size: 12px;
    font-family: 'museo_sans500_italic';
    display: table-cell;
    vertical-align: middle;
    line-height: 13px;
    padding: 0 !important;
    float: none;
}

/*Google maps*/
#map-cont{
    float: left;
    width: 100%;
    padding:30px 0 0;
    margin: 0;
    display: block;
    /*height: 520px;*/
    height: 575px;
}
#map-cont > iframe {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
/* * * * * * * * * * * * *	
*		Contact page   	 *
* * * * * * * * * * * * */


/* * * * * * * * * * * * *	
*	 Thesis Info page  	 *
* * * * * * * * * * * * */
.main-inner h1{
    float: left;
    width: 100%;
    font-family: 'museo_sans900';
    font-size: 32px;
    color: #1f1e1f;
    padding: 30px 0;
    margin: 0;
}
.big-image-cont, .small-image-cont{
    float: left;
    width: 100%;
    box-sizing:border-box;
}
.big-image-cont img{
    float: left;
    width: 33.3%;
    border:2px solid #ffffff;
    box-sizing:border-box;
}
.small-image-cont img{
    float: left;
    width: 20%;
    border:2px solid #ffffff;
    box-sizing:border-box;
}

/* TEXT EDITOR */
.text-cont{
    float: left;
    width: 100%;
    margin: 0;
    padding: 20px 0;
    color: #1f1e1f;
}
.text-cont h1, .text-cont h2, .text-cont h3, .text-cont h4, .text-cont h5{
    float: left;
    width: 100%;
    font-family: 'museo_sans900';
    padding: 15px 0;
}
.text-cont h1{
    font-size: 32px;
    line-height: 32px;
}
.text-cont h2{
    font-size: 24px;
    line-height: 24px;
}
.text-cont h3{
    font-size: 19px;
    line-height: 24px;
}
.text-cont h4{
    font-size: 16px;
    line-height: 24px;
}
.text-cont h5{
    font-size: 14px;
    line-height: 18px;
}
.text-cont p{
    float: left;
    width: 100%;
    font-family: 'museo_sans500';	/*check from the TextEditorStyle doc.*/
    font-size: 16px;				/*check from the TextEditorStyle doc.*/
    line-height: 24px;
    padding: 7px 0px;
}
.text-cont p em{
    font-style: italic;
}
.text-cont p strong{
    font-weight: bold;
}
.text-cont a{
    float: none;
    display: inline-block;
    cursor: pointer;
    color: #0b7a9c;
    text-decoration: underline;
    font-family: 'museo_sans500';
    -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;
}
.text-cont a:hover{
    opacity: 0.8;
}
.text-cont span{
    display: inline;
}

.text-cont ol, .text-cont ul{
    float: left;
    width: 100%;
    padding: 7px 0;
}
.text-cont ol > li, .text-cont ul > li {
    float: left;
    width: 100%;
    font-family: 'museo_sans500';
    font-size: 16px;
    line-height: 24px;
    color: #1f1e1f;
    display: list-item;
    padding: 5px 0;
}
.text-cont ol > li {
    list-style: inside;
    list-style-type: decimal;
}
.text-cont ul > li {
    list-style: inside;
    list-style-type:disc;
}
.text-cont ol p, .text-cont ul p{
    color: #0b7a9c;
    text-transform: uppercase;
}
.p-center{
    text-align: center !important;
    font-family: 'museo_sans700' !important;
    color: #0b7a9c !important;
    text-transform: uppercase;
    padding-top: 25px !important;
}
.text-cont img{
    float: none;
    display: inline-block;
    max-width: 100%;
}
.text-cont iframe{
    float: none;
    display: inline-block;
    max-width: 100%;
}
/* TEXT EDITOR ends*/

.yellow-section{
    float: left;
    width: 100%;
    background: #efecca;
}
.yellow-inner{
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    padding:30px 10px;
    box-sizing:border-box;
}
.yellow-sec-btn{
    float: left;
    width: 100%;
    max-width: 480px;
}
.yellow-inner .faq-link, .yellow-inner .price-link, .yellow-inner .order-link{
    height: 50px;
    border: 3px solid #0b7a9c;
    border-radius: 5px;
    font-family: 'museo_sans700';
    box-sizing:border-box;
    -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;
}
.yellow-inner .faq-link, .yellow-inner .price-link{
    float: left;
    width: 100%;
    max-width: 220px;
    padding:15px 35px 15px 0;
    color: #0b7a9c;
    font-size: 16px;
    text-align: right;
    position: relative;
}
.yellow-inner .faq-link:hover, .yellow-inner .price-link:hover{
    border: 3px solid #31a5c8;
    color: #31a5c8;
}
.yellow-inner .faq-link:before, .yellow-inner .price-link:before{
    content: '';
    position: absolute;
    top: 6px;
    left: 15px;
    width: 33px;
    height: 33px;
}
.yellow-inner .faq-link:before{
    background: url(../images/btn-faq.png);
}
.yellow-inner .price-link:before{
    background: url(../images/btn-price.png);
}
.yellow-inner .faq-link{
    margin-right: 40px;
}

.yellow-inner .order-link{
    float: right;
    width: 100%;
    max-width: 365px;
    padding: 12px 35px 12px 0;
    background-color: #0b7a9c;
    color: #ffffff;
    font-size: 20px;
    text-align: right;
    position: relative;
}
.yellow-inner .order-link:hover{
    background: #31a5c8;
    border: 3px solid #31a5c8;
}
.yellow-inner .order-link:before{
    content: '';
    background: url(../images/btn-order.png);
    width: 37px;
    height: 29px;
    position: absolute;
    left: 25px;
    top: 7px;
}
/* * * * * * * * * * * * *	
*	 Thesis Info page  	 *
* * * * * * * * * * * * */


/* * * * * * * * * * * * *	
*	 	Store page  	 *
* * * * * * * * * * * * */
.store-inner{
    padding: 0 10px ;
    max-width: 900px;
    text-align: center;
}
.store-inner > img{
    float: none;
    display: inline-block;
    width: 100%;
    max-width: 245px;
}
.store-binding-rel{
    float: none;
    display: inline-block;
    max-width: 635px;
    width: 100%;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
.store-binding-rel > p{
    float: left;
    width: 100%;
    text-align: center;
    font-family: 'museo_sans700';
    font-size: 20px;
    color: #3b3a3a;
    padding-bottom: 40px;
}
.store-binding-rel > a{
    float: none;
    display: inline-block;
    padding: 20px 50px;
    background:#0b7a9c;
    color:#ffffff;
    font-family: 'museo_sans700';
    font-size:16px;
    border-radius: 5px;
    -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;
}
.store-binding-rel > a:hover{
    background: #31a5c8;
}
/* * * * * * * * * * * * *	
*	 	Store page  	 *
* * * * * * * * * * * * */


/* * * * * * * * * * * * *	
*	 	Oldie page  	 *
* * * * * * * * * * * * */
.oldie-pattern{
    top: 0 !important;
    bottom: 0 !important;
    text-align: center;
}
.oldie-logo{
    float: none;
    display: inline-block;
    width: 91px;
    height: 85px;
    padding: 110px 0;
}
.oldie-logo > a {
    width: 91px;
    height: 85px;
    float: left;
    background: url(../images/oldie-logo.png);
}
.odlie-txt-cont{
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
}
.odlie-txt-cont p{
    float: left;
    width: 100%;
    font-family: 'museo_sans700';
    font-size: 16px;
    color: #ffffff;
    padding: 7px 10px;
    box-sizing:border-box;
    text-align: center;
}
.browser-cont{
    float: left;
    width: 33.3%;
    margin: 30px 0;
    box-sizing:border-box;
}
.browser-cont > a{
    float: left;
    width: 100%;
    text-align: center;
}
.browser-cont > a >img{
    display: inline-block;
    float: none;
}
.browser-cont > a > span{
    float: left;
    width: 100%;
    font-family: 'museo_sans700';
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    padding: 7px 0 0;
}
/* * * * * * * * * * * * *	
*	 	Oldie page  	 *
* * * * * * * * * * * * */


/* * * * * * * * * * * * *	
*	 What we do page  	 *
* * * * * * * * * * * * */
.tags-section{
    float: left;
    width: 100%;
    box-sizing:border-box;
    text-align: center;
    padding-bottom: 30px;
}
.tags-section > a{
    float: none;
    display: inline-block;
    padding: 12px 24px;
    margin: 1px -1px;
    font-family:'museo_sans500';
    font-size:14px;
    color: #ffffff;
    background: #40b5e3;
    -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;
}
.tags-section > a:hover{
    background:#31a5c8;
}
/* * * * * * * * * * * * *	
*	 What we do page  	 *
* * * * * * * * * * * * */


/* * * * * * * * * * * * *	
*   	 404 page   	 *
* * * * * * * * * * * * */
.out-404{
    position: absolute;
    bottom: 40px;
}
.inner-404{
    text-align: center;
}
.inner-404 img{
    float: none;
    display: inline-block;
    width: 100%;
    max-width:624px;
    height: 100%;
    max-height: 510px;
}
/* * * * * * * * * * * * *	
*   	 404 page   	 *
* * * * * * * * * * * * */


/* * * * * * * * * * * * *	
*    Thesis Form page  	 *
* * * * * * * * * * * * */
#main-cont > form{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
.form-section{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
.form-section-inner{
    float: none;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 20px 0;
    box-sizing:border-box;
    position: relative;
}
.form-section-inner:after{
    content: '';
    background: url(../images/form-section-inner-border.png) repeat;
    position: absolute;
    width: 96%;
    max-width: 1200px;
    height: 2px;
    bottom: 0;
    /*left: 20px;
    right: 20px;*/
    left: 2%;
    right: 2%;
}
.no-border{
    border: none;
    padding: 0;
}
.no-border:after{
    background: none;
}

/*   100%   */
.full-width{
    float: left;
    width: 100%;
    padding: 10px 20px;
    box-sizing:border-box;
}

/*   2/3 + 1/3   */
.two-third-width{
    float: left;
    width: 66.6%;
    padding: 10px 20px;
    box-sizing:border-box;
}
.one2-third-width{
    float: left;
    width: 33.3%;
    padding: 10px 20px;
    box-sizing:border-box;
}

/*   1/2   */
.half-width{
    float: left;
    width: 50%;
    padding: 10px 20px;
    box-sizing:border-box;
}

/*   1/3   */
.one-third-width{
    float: left;
    width: 33.3%;
    padding: 10px 55px 10px 20px;
    box-sizing:border-box;
}

/*   1/4   */
.quarter-width{
    float: left;
    width: 25%;
    padding: 10px 40px 10px 20px;
    box-sizing:border-box;
}

/*   3/4 + 1/4   */
.three-quarter-width{
    float: left;
    width: 75%;
    padding: 10px;
    box-sizing:border-box;
}
.one-quarter-width{
    float: left;
    width: 25%;
    padding: 10px;
    box-sizing:border-box;
}



.full-width p{
    float: left;
    width: 100%;
    font-family: 'museo_sans500';
    font-size: 16px;
    color: #1f1e1f;
    padding-top: 25px;
}
/*Section title*/
.binding-form span{
    float: left;
    font-family: 'museo_sans900';
    font-size: 16px;
    line-height: 18px;
    color: #1f1e1f;
    padding: 20px 15px 0 0;
    position: relative;
}
.full-width .form-section-title{
    text-transform: uppercase;
}
span.mandatory:after{
    content: '*';
    width: 9px;
    height: 10px;
    position: absolute;
    top: 13px;
    right: 0;
    color: #0b7a9c;
    font-family: 'museo_sans700';
    font-size: 16px;
}

/*Personal Details*/
.bf-personal-details-container{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.form-section-inner label{
    float: left;
    /*width: 100%;*/
    margin: 0;
    padding: 0 13px 7px 0;
    font-family: 'museo_sans500';
    font-size: 14px;
    /*line-height: 18px;*/
    color: #1f1e1f;
    position: relative;
}
label.mandatory:after{
    content: '*';
    width: 9px;
    height: 10px;
    position: absolute;
    top: -3px;
    right: 0;
    color: #0b7a9c;
    font-family: 'museo_sans700';
    font-size: 16px;
}
.bf-personal-details-container input,
.bf-binding-details-blockleft input,
.bf-binding-details-blockmiddle input,
.bf-binding-details-radiolong-hidden input,
.bf-printing-details-hiddenblock-inp input,
.bf-printing-details-hiddenblock-expand input,
.bf-binding-type-storecolect input,
.bf-binding-type-addresses-block input,
.bf-binding-type-addresses-block-small input,
.bf-require-books-container input,
.bf-hdf-us-block-hidden input,
.bf-captcha-container input,
.bf-binding-type-additional-item input
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 7px 10px;
    font-family: 'museo_sans700';
    font-size: 16px;
    color: #1f1e1f;
    background-color: #efecca;
    border: none;
    border-radius: 5px;
    box-sizing:border-box;
}

/* BINDING DETAILS */
.hideclass{
    display: none;
}
.bd-details-cbox-small{
    display: none;
}
.link-position{
    position: relative;
}
.link-position-inner{
    position: relative;
}
.qmark-pos-relative{
    position: relative;
    height: 70px;
}
.qmark-pos-relative .qmark{
    position: absolute;
    top: 23px;
    margin-left: 10px;
}
.ui-tooltip-content{
    font-family: 'museo_sans500';
    font-size: 12px;
}

.bf-binding-details-blockleft,
.bf-binding-details-blockmiddle,
.bf-printing-details-block,
.bf-binding-type-checklong,
.bf-binding-type-storecolect,
.bf-binding-type-noaddresses,
.bf-binding-type-addresses-block,
.bf-special-comment-block,
.bf-order-review,
.bf-captcha-container,
.bf-binding-type-additional-item
{
    float: left;
    width: 100%;
}
.select-cont{
    float: left;
    width: 100%;
    padding: 0 !important;
    margin: 0;
    position: relative;
}
.select-cont::before {
    background: #efecca none repeat scroll 0 0;
    content: "";
    display: block;
    height: 31px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    border-radius: 5px;
}
.select-cont::after {
    content: url("../images/select-arrow.png");
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 30%;
}
.binding-form select{
    float: left;
    width: 100%;
    padding: 7px 10px;
    background-color: #efecca;
    border: none;
    border-radius: 5px;
    font-family: 'museo_sans700';
    font-size: 16px;
    color: #1f1e1f;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

/*Added on 15-09-2015*/
/**Firefox issue: removing dots from the select inputs on click**/
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
/*Added on 15-09-2015*/

/*fancybox*/
.hideclass-fancybox{
    display: none;
}
.colour-samples-container {
    float: left;
    height: 150px;
    /*width: 122px;*/
    width: 16.6%;
    padding: 10px;
    box-sizing: border-box;
}
.colour-samples-container img {
    float: left;
    width: 100% !important;
    height: 90px;
}

.colour-samples-container p {
    float: left;
    font-family: 'museo_sans700';
    font-size: 15px;
    color: #7b7b7b;
    margin: 0;
    padding: 10px 0 0;
    text-align: center;
    /*width: 120px;*/
    width: 100%;
}

/*text on spine*/
.two-third-width > .half-width{
    padding: 10px 55px 10px 0;
}
.two-third-width > .half-width:nth-child(2){
    padding: 10px 35px 10px 20px;
}

.bf-binding-details-blockleft, .bf-binding-details-blockmiddle{
    position: relative;
}
.link-position a.viewsamples-gray, .link-position a.viewsamples-blue {
    width: 28px;
    height: 29px;
    background: url(../images/color-palette-btn.png);
    position: absolute;
    right: -38px;
    top: 25px;
}

.binding-form .block-title{
    font-family: 'museo_sans700';
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 16px;
}
.block-title.mandatory:after{
    top: 6px
}
.bf-binding-details-blockleft, .bf-binding-details-blockmiddle{
    padding: 25px 0 0 0;
}
.bf-binding-details-blockleft:nth-child(1), .bf-binding-details-blockleft:nth-child(2),
.bf-binding-details-blockmiddle:nth-child(1), .bf-binding-details-blockmiddle:nth-child(2)
{
    padding: 0;
}
.link-position.bf-binding-type-storecolect .qmark,
.link-position.bf-require-books-container .qmark
{
    position: absolute;
    right: -40px;
    top: 30px;
}
.link-position .bf-binding-details-blockleft .qmark,
.link-position .bf-binding-details-blockmiddle .qmark{
    position: absolute;
    right: -40px;
    top: 53px;
}
.qmark{
    background: url(../images/qmark-btn.png) no-repeat 0 0;
    width: 17px;
    height: 17px;
    margin-left: 10px;
}

/*same as on spine*/
.spine-span{
    text-align: center;
    width: 100%;
    padding: 10px 0 30px;
}
.bf-binding-details-blockright{
    float: left;
    height: 60px;
    margin-top: 20px;
    width: 100%;
}
.bf-binding-details-blockright input,
.bf-binding-details-checklong input
{
    float: none;
    display: inline-block;
}

/* Binding Details - top section */
/*checkbox*/
input[type=checkbox].css-checkbox {
    position:absolute;
    z-index:-1000;
    left:-1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0;
}

input[type=checkbox].css-checkbox + label.css-label,
input[type=checkbox].css-checkbox + label.css-label.clr {
    padding: 0 0 0 16px;
    height:16px;
    display:inline-block;
    background-repeat:no-repeat;
    background-position: 0 0;
    vertical-align:middle;
    cursor:pointer;

}

input[type=checkbox].css-checkbox:checked + label.css-label,
input[type=checkbox].css-checkbox + label.css-label.chk {
    background-position: 0 -16px;
}
label.css-label {
    background-image:url(../images/cbox-generator.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: none;
    display: inline-block;
}

/*checkbox*/


/*radio*/
input[type=radio].css-radio {
    position:absolute;
    z-index:-1000;
    left:-1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0;
}

input[type=radio].css-radio + label.css-label-radio,
input[type=radio].css-radio + label.css-label-radio.clr {
    /*padding-left:21px;*/
    padding: 0 0 0 25px;
    height:16px;
    display:inline-block;
    line-height:16px;
    background-repeat:no-repeat;
    background-position: 0 0;
    /*font-size:16px;*/
    vertical-align:middle;
    cursor:pointer;
}
input[type=radio].css-radio:checked + label.css-label-radio,
input[type=radio].css-radio + label.css-label-radio.chk {
    background-position: 0 -16px;
}
label.css-label-radio {
    background-image:url(../images/radio-generator.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bf-printing-details-block-radio label.css-label-radio,
{
    width: 16px;
}
.bf-binding-details-radiolong-radioblock label.css-label-radio,
.bf-printing-details-block-radio label.css-label-radio,
.radiocont label.css-label-radio,
.bf-binding-details-debossedborder-radiolong-radioblock label.css-label-radio{
    padding: 0 0 0 16px !important;
}

/*radio*/

.viewsamples-gray .fancybox-nav{
    display: none;
}
/* Binding Details - top section */


/* Binding Details - bottom section */
.bf-binding-details-radiolong{
    float: left;
    width: 100%;
}
.two-third-width > label{
    font-size: 16px;
    line-height: 20px;
    padding: 0 13px 3px 0;
    margin-top: 20px;
}
.bf-binding-details-radiolong-radioblock,
.bf-printing-details-block-radio,
.radiocont
{
    float: none;
    display: inline-block;
    padding: 0 0 0 15px;
    text-align: center;
    width: 30px;
}
.bf-binding-details-debossedborder-radiolong-radioblock{
    float: left;
}
.bf-binding-details-radiolong-radioblock:first-child, .bf-printing-details-block-radio:first-child, .radiocont:first-child{
    padding: 0;
}
.bf-binding-details-radiolong-radioblock label,
.bf-printing-details-block-radio label,
.radio-label,
.radiocont label
{
    float: none;
    display: inline-block;
    text-align: center;
}
.form-section-inner .radio-label{
    padding: 0 0 5px 0;
}
.form-section-inner .bf-binding-details-debossedborder-radiolong-radioblock .radio-label{
    padding: 2px 10px 0 0 !important; 
}

.bf-binding-details-radiolong-radioblock input,
.bf-printing-details-block-radio input
{
    float: none;
    display: inline-block;
}
.p-top{
    padding-top:10px;
}


/*TITLE dropdown-yellow section*/
.yellow-bg{
    float: left;
    width: 100%;
    background: #fbfbe7;
}
.yellow-bg-debossedborder{
    margin: 0 0 10px 0 !important;
}
.yellow-bg.printing-details-js{
    margin-top: 20px;
}

.bf-binding-details-radiolong-hidden,
.bf-printing-details-hidden,
.bf-printing-details-hiddenblock-radio,
.bf-printing-details-hiddenblock-expand,
.bf-binding-type-hidden-main,
.bf-require-books-container,
.bf-payment-type-block,
.bf-hdf-us-block,
.bf-hdf-us-block-hidden,
.bf-binding-details-debossedborder-hidden,
.counter
{
    float: left;
    width: 100%;
}
.bf-binding-details-debossedborder-hidden{
    padding: 10px;
    box-sizing:border-box;
}
.debosseborder-wrap.qmark-pos-relative{
    height: auto;
}
.debosseborder-wrap.qmark-pos-relative .qmark{
    top: 10px;
    margin-left: 15px;
} 
.bf-binding-details-debossedborder-hidden label.error{
    float: left;
    background: #a62307 none repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
    font-size: 12px;
    margin: 5px 0 0 0;
    padding: 7px 14px;
    position: relative;
}
.bf-binding-details-debossedborder-hidden label.error:after{
    position: absolute;
    background: rgba(0, 0, 0, 0) url("../images/error-arrow-small.png") no-repeat scroll 0 0;
    bottom: 5px;
    content: "";
    height: 13px;
    left: -6px;
    width: 6px;
    transform:rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari */
}
.bf-binding-details-radiolong-hidden > .half-width:nth-child(1),
.bf-printing-details-hiddenblock-inp >.half-width:nth-child(1),
.bf-printing-details-hiddenblock-expand > .one2-third-width,
.bf-printing-details-hiddenblock-expand > .half-width .one2-third-width
{
    padding: 10px 10px 10px 0
}
.bf-binding-details-radiolong-hidden > .half-width:nth-child(2),
.bf-printing-details-hiddenblock-inp >.half-width:nth-child(2),
.bf-printing-details-hiddenblock-expand > .two-third-width,
.bf-printing-details-hiddenblock-expand > .half-width .two-third-width
{
    padding: 10px 35px 10px 20px;
}
.bf-binding-details-radiolong-hidden  label,
.bf-printing-details-hiddenblock-inp label,
.bf-printing-details-hiddenblock-expand label
{
    font-size: 16px;
    /*padding:10px 20px 0 0;*/
    padding:0 20px 0 0;
}

.bf-printing-details-hiddenblock-inp label.filesize
{
    color: #a62307;
    margin:0;
}

/* Binding details - bottom sec. CONTINUE */
.bf-binding-details-checklong label{
    margin-top: 20px;
}
.binding-form .embellishments-block-title{
    padding: 10px 15px 5px 0;
}

/*Printing Details section*/
span.note{
    font-size: 12px;
    font-family: 'museo_sans500';
    padding: 0;
    line-height: 14px;
}

/* ATTACH file */
.attach-wrap{
    position: relative;
    height: 35px;
    background-color: #efecca;
    border-color: #efecca;
    padding: 0 !important;
    margin: 10px 4.5% 10px 2.5%;
    border-radius: 5px;
    width: 42%;
}
.attach-wrap:before{
    background-color: #efecca;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 35px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.attach-wrap:after{
    background: #efecca url(../images/attach-input.png) no-repeat scroll 96% 50%;
    box-sizing: border-box;
    content: "";
    height: 23px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 23px;
}
.attach-input{
    position: absolute;
    width: 100%;
    height: 35px;
    cursor: pointer;
    left: 0;
    line-height: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    top: -2px;
    z-index: 2;
    background: #efecca none repeat scroll 0 0;
    padding: 7px 10px;
    text-indent: -9999px;
}
.attach-wrap > span{
    color: #1f1e1f;
    font-family: "museo_sans700";
    font-size: 14px;
    left: 10px;
    pointer-events: none;
    position: absolute;
    top: 9px;
    z-index: 1;
    padding: 0;
    width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/* ATTACH file - end*/

.printing-dropdown-padding{
    padding: 10px 20px 0;
}
.no-pages-input{
    padding: 10px 55px 10px 0 !important;
}

.half-width.lf-padding-no.counter-out {
    height: 53px;
}
.counter{
    padding-top: 10px;
}
.counter-inner{
    float: left;
}
.counter-inner:nth-child(2){
    margin-left: 10px;
}
.counter-inner input{
    float: left;
    margin-right: 10px;
}
.counter-inner label{
    float: left;
    padding: 3px 0 0 10px;
    font-size: 14px;
}

.yellow-sec-padding{
    padding-bottom: 30px;
}
/*qmark*/
.bf-printing-details-hiddenblock-radio .qmark-pos-relative .qmark{
    bottom: 0;
}

/* BINDING TYPE */
.form-section-inner label > span{
    color: #1f1e1f;
    float: none;
    display: inline-block;
    font-family: "museo_sans500";
    font-size: 14px;
    margin: 0;
    padding: 0;
}
.form-section-inner label > span.show-long{
    display: inline-block;
}
.form-section-inner label > span.show-short{
    display: none;
}
.bf-binding-type-checklong-padding{
    padding: 15px 0 20px;
}
.bf-binding-type-noaddresses > label{
    padding: 15px 10px;
    width: 100%;
    text-align: center;
    box-sizing:border-box;
}

/* ADDRESS */
.address-lb-ration{
    float: none;
    display: inline-block;
    margin-right: 25px;
    padding-bottom: 15px;
    position: relative;
}
.address-lb-ration:last-child{
    margin-right: 0;
}
.address-lb-ration input{
    float: left;
    margin-top: 2px;
}
.address-lb-ration label{
    float: left;
    padding: 0 0 0 7px;
}
.address-lb-ration label.error{
    left: -205%;
    position: absolute;
    top: -7px;
    background: #a62307 none repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
    font-size: 12px;
    margin: 0;
    padding: 7px 14px;
}
.address-lb-ration label.error:after{
    background: rgba(0, 0, 0, 0) url("../images/error-arrow-small.png") no-repeat scroll 0 0;
    bottom: 5px;
    content: "";
    height: 13px;
    left: 100%;
    position: absolute;
    width: 6px;
}
.address-title{
    padding-top: 0 !important;
}
.bf-binding-type-addresses-block{
    padding-bottom: 7px;
}
.bf-binding-type-addresses-block input{
    margin-bottom: 7px;
}
.bf-binding-type-addresses-block > .half-width:nth-child(1){
    padding: 0 7px 7px 0;
}
.bf-binding-type-addresses-block > .half-width:nth-child(2){
    padding: 0 0 7px 7px;
}
.bf-binding-type-addresses-block-small{
    float: left;
    width: 100%;
    padding: 0 0 7px;
}
.bf-binding-type-addresses-block-small > .two-third-width{
    padding: 0 0 7px 0;
}
.bf-binding-type-addresses-block-small > .one2-third-width{
    padding: 0 0 0 30px;
}
.bf-binding-type-noaddresses .block-title{
    padding-bottom: 20px;
}
.bf-binding-type-addresses-block-small > .two-third-width > label{
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding: 7px 0 0;
}

/* LEATHER COLOR */
.big-form-container-sector{
    float: left;
    width: 100%;
}
.bf-leather-type-container{
    float: left;
    width: 100%;
}
.leatherbindingdiv{
    box-sizing:border-box;
    padding-right: 15px;
}

/* PAYMENT TYPE */
.mail-small{
    display: none;
}
.bf-payment-type-block a{
    float: left;
}
.bf-payment-type-block input {
    float: left;
    margin: 2px 10px 0 0;
}
.bf-payment-type-block label.css-label-radio,
.counter-inner .css-label-radio{
    padding: 0 0 0 16px !important;
}

/* HOW DID YOU FIND US */
.two-third-width > .bf-hdf-us-block-hidden{
    box-sizing: border-box;
    padding: 0 35px 0 0;
}
.bf-hdf-us-block label.css-label-radio{
    padding: 0 0 0 16px !important;
}

/* SPECIAL COMMENT */
.bf-special-comment-block textarea{
    float: left;
    width: 100%;
    max-width:730px;
    height: 160px;
    background-color: #e4e0b8;
    border: medium none;
    border-radius: 5px;
    color: #1f1e1f;
    font-family: "museo_sans700";
    font-size: 16px;
    margin: 0;
    padding: 7px 10px;
    box-sizing:border-box;
    overflow: auto;
}
.comment-innter{
    padding-right: 52px;
}

/* CAPTCHA */
#captchaimage, #captchaimage a{
    float: left;
    width: 100%;
}
#captchaimage{
    padding-bottom: 15px;
}
.bf-captcha-container span{
    float: right;
    font-size: 12px;
    font-family: 'museo_sans500';
    padding: 0;
}
#captchaimage a{
    text-align: center;
    border: 1px solid #bcbcbc;
    box-sizing:border-box;
}
#captchaimage a img{
    float: none;
    display: inline-block;
    width: 100%;
}

/* PRICING REVIEW */
.pricing-wrapper{
    padding-right: 55px;
}
.bf-order-review{
    float: left;
    width: 100%;
}
.bf-pricing-review{
    border-bottom: 1px solid #bebebe;
    padding: 10px 0 3px;
}
.bf-pricing-review span{
    float: none;
    display: inline-block;
    color: #1f1e1f;
    font-family: "museo_sans500";
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding: 0;
}
.bf-pricing-review > .half-width.ta-right span{
    font-family: "museo_sans700" !important;
}
.bf-order-review .half-width{
    padding: 0;
}
.order-blue, b{
    color: #10a2dc !important;
}
.order-blue.discount{
    text-decoration: line-through;
}
.total-price, .bf-pricing-total{
    float: left;
    font-family: 'museo_sans900' !important;
    font-size:25px !important;
    padding: 30px 0 0 !important;
}

/* SUBMIT FORM BUTTON */
.submitbtn{
    float: left;
    font-family: 'museo_sans700';
    font-size: 18px;
    line-height: 18px;
    color:#ffffff;
    padding: 12px 35px;
    /*background: #10a2dc;*/
    background:#3cbcef;
    background:linear-gradient(#3cbcef,#10a2dc);
    background:-moz-linear-gradient(#3cbcef,#10a2dc);
    background:-webkit-linear-gradient(#3cbcef,#10a2dc);
    background:-o-linear-gradient(#3cbcef,#10a2dc);
    background:-ms-linear-gradient(#3cbcef,#10a2dc);
    border: 1px solid #10a2dc;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
}
.submitbtn:hover{
    background: #69d4ff;
    background:linear-gradient(#69d4ff,#3cbcef);
    background:-moz-linear-gradient(#69d4ff,#3cbcef);
    background:-webkit-linear-gradient(#69d4ff,#3cbcef);
    background:-o-linear-gradient(#69d4ff,#3cbcef);
    background:-ms-linear-gradient(#69d4ff,#3cbcef);
    border: 1px solid #20b6f2;
    text-shadow:0 1px #037aa9;
    box-shadow: 0 2px 0 -1px rgba(0,0,0,0.2);
}
.submitbtn:active{
    background: #068dc3;
    box-shadow:
    inset 0 0 #3bc6fd,
    inset 0 2px 9px 1px #2b93bc;
    color:#ffffff;
    text-shadow: 0 1px #116789;
}

.submited-message{
    display: none;
    float: left;
    padding: 9px 0px 0 10px;
}
.submited-message img{
    float: left;
}
.submited-message span{
    float: left;
    padding: 15px 0 0;
    font-family: museo_sans700;
}
.submited-message br{
    display: none;
}

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



/*13.07.2015 - HOME work*/

/* * * * * * * * * * * * *
*    Resources page  	 *
* * * * * * * * * * * * */
/*Resourcces - TOP section*/
.resources-yellow-cont{
    padding: 10px;
}
.rigth-resources-btn{
    float: right;
}
.yellow-inner .rigth-resources-btn > a{
    float: left;
    width: 85px;
    height: 30px;
    border-radius: 5px;
    color: #ffffff;
    font-family: 'museo_sans500';
    font-size: 14px;
    padding: 8px 0 8px 8px ;
    box-sizing:border-box;
    margin-left: 10px;
    position: relative;
}
.resources-yellow-cont .rigth-resources-btn > a,
.resources-yellow-cont .left-resources-btn .category-res-wrap > a
{
    background: #10a2dc;
    -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;
}
.resources-yellow-cont .rigth-resources-btn > a:hover,
.resources-yellow-cont .left-resources-btn .category-res-wrap > a:hover,
.resources-yellow-cont .rigth-resources-btn > a.active,
.resources-yellow-cont .left-resources-btn .category-res-wrap > a.active
{
    background:#026f9a;
}
.res-lates:after{
    position: absolute;
    content: '';
    background: url(../images/resources-popular.png);
    width: 13px;
    height: 13px;
    right: 7px;
    top: 9px;
}
.res-popular:after{
    position: absolute;
    content: '';
    background: url(../images/resources-lates.png);
    width: 12px;
    height: 12px;
    right: 7px;
    top: 9px;
}

.left-resources-btn{
    float: right;
}
.left-resources-btn span{
    float: left;
    font-family: 'museo_sans700';
    font-size: 14px;
    color: #1f1e1f;
    padding: 8px 0;
}
.category-res-wrap{
    float: left;
    position: relative;
    margin-left: 20px;
    width: 190px;
}
.category-label-mask{
    background-color: #10a2dc;
    border-radius: 5px;
    box-sizing: border-box;
    color: #ffffff;
    float: left;
    font-family: "museo_sans500";
    font-size: 14px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    height: 30px;
}
.category-label-mask:before{
    background-color: #10a2dc;
    border-radius: 5px;
    content: "";
    display: block;
    height: 30px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}
.category-label-mask:after {
    background: rgba(0, 0, 0, 0) url("../images/resources-categorie.png") repeat scroll 0 0;
    content: "";
    height: 9px;
    position: absolute;
    right: 10px;
    top: 11px;
    width: 12px;
}
.category-label-mask select{
    -moz-appearance: none;
    background-color: #10a2dc;
    border: medium none;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: "museo_sans500";
    font-size: 14px;
    /*padding: 7px 35px 4px 8px;*/
    /*padding: 7px 0px 4px 8px;*/
    padding: 6px 0 7px 8px;
    line-height: 14px;
    width: 100%;
    box-sizing: border-box;
    height: 30px;
    -webkit-appearance: none;  /*Removes default chrome and safari style*/
}
.category-label-mask select option{
    padding: 7px 35px 4px 8px;
   /* border-top: 1px solid #FFFFff;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.category-label-mask select option:hover{
    background:#026f9a;
}
.left-resources-btn .category-res-wrap > a{
    float: left;
    width: 190px;
    height: 30px;
    border-radius: 5px;
    color: #ffffff;
    font-family: 'museo_sans500';
    font-size: 14px;
    padding: 8px 0 8px 8px ;
    box-sizing:border-box;
    margin-left: 20px;
    position: relative;
}
.res-category:after{
    position: absolute;
    content: '';
    background: url(../images/resources-categorie.png);
    width: 12px;
    height: 9px;
    right: 10px;
    top: 10px;
}
.categorie-list{
    display: none;
    left: 0;
    margin-left: 20px;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 2;
}
.categorie-list li{
    float: left;
    width: 100%;
    margin: 2px 0;
}
.categorie-list li a{
    float: left;
    width: 100%;
    padding: 10px;
    font-family: 'museo_sans500';
    font-size: 14px;
    color: #ffffff;
    background: #10a2dc;
    border-radius: 5px;
    -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;
}
.categorie-list li a:hover, .categorie-list li a:active{
    background: #026f9a;
}
/*Resourcces - TOP section Ends here*/

/*Resourcces - Middle section*/
.resources-wrapper {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}
.resources-out{
    float: left;
    width: 100%;
    padding: 7px;
    box-sizing:border-box;
    position: relative;
}
.resources-wrapper{
    float: left;
    width: 20%;
    padding: 7px;
    box-sizing:border-box;
    position: relative;
}
.resources-wrapper .resources-img-link{
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.resources-wrapper .resources-img-link img{
    float: left;
    width: 100%;
}
.resources-txt-wrap{
    position: absolute;
    bottom: 0;
    background: rgba(10,103,142,0.7);
    width: 100%;
    /*padding:0 0 10px 0;*/
    box-sizing: border-box;
}
.resources-title{
    float: left;
    width: 100%;
    font-size: 14px;
    font-family: 'museo_sans700';
    color: #ffffff;
    padding: 10px 7px;
    box-sizing:border-box;
    text-transform: uppercase;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.resources-title:after{
    position: absolute;
    content: '';
    background: url(../images/resources-title-border.png);
    width: 70px;
    height: 1px;
    left: 7px;
    bottom: 0;
}
.resources-txt-wrap > p{
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 13px;
    font-family: 'museo_sans500';
    color: #ffffff;
    padding: 10px 7px 0;
    box-sizing:border-box;
    height: 55px;
    overflow: hidden;
}
.resources-seemore-link{
    position: absolute;
    top: 0;
    background: rgba(10,103,142,0.5);
    color: #ffffff;
    font-family: 'museo_sans700';
    font-size: 14px;
    text-transform: uppercase;
    padding: 15px 20px;
    opacity: 0;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}
.cap-right:hover .resources-seemore-link{
    opacity: 1;
}
.cap-right:before {
    bottom: 10px;
    right: 10px;
}
.cap-right .resources-seemore-link {
    /*bottom: 0;*/
    right: -30%;
}
.cap-right:hover .resources-seemore-link {
    right: 0;
}
/*Resourcces - Middle section Ends here*/
/* * * * * * * * * * * * *
*    Resources page  	 *
* * * * * * * * * * * * */


                            /* 14.07.2015 */
/* * * * * * * * * * * * *
*  Resources Single page *
* * * * * * * * * * * * */
/*Breadcrumbs*/
.res-path-cont{
    float: left;
    width: 100%;
    padding: 20px 0 15px;
}
.res-path-cont li{
    float: left;
    display: inline-block;
    padding: 0;
    margin: 0px 5px 5px 5px;
    position: relative;
}
.res-path-cont li:after{
    content: ",";
    position: absolute;
    top: -4px;
    right: -7px;
}
.res-path-cont li:first-child{
    margin:0 10px 0 0;
}
.res-path-cont li:first-child:after{
    content: "";
    background: url("../images/breadcrumbs-separator.png");
    background-size: 100%;
    width: 13px;
    height: 13px;
    position: absolute;
    right: -17px;
    top: -1px;
}
.res-path-cont li:last-child:after{
    content: none;
}
.res-path-cont li:nth-child(2){
    margin: 0 5px 0 10px;
}
/*.res-path-cont li:last-child{
    margin: 0 0 0 5px;
}*/
.res-path-cont li a{
    float: left;
    width: 100%;
    font-family: museo_sans500;
    font-size: 12px;
    color: #898989;
}
.res-path-cont li a:hover{
    text-decoration: underline;
    color: #000000;
}
.res-path-cont li a.active{
    color: #000000;
}

/*Title*/
.res-title-cont{
    float: left;
    width: 100%;
    position: relative;
}
.res-title-cont h1{
    padding: 30px 85px 20px 0;
    box-sizing: border-box;
}
.res-date {
    bottom: 20px;
    position: absolute;
    right: 0;
    font-family: museo_sans500;
    font-size: 14px;
    color: #898989;
}

/*Download link btn*/
.resource-download-cont{
    float: left;
    width: 100%;
    padding: 20px 0 25px;
    position: relative;
}
.resource-download-cont:after{
    background: rgba(0, 0, 0, 0) url("../images/form-section-inner-border.png") repeat scroll 0 0;
    bottom: 0px;
    content: "";
    height: 2px;
    left: 0;
    max-width: 1200px;
    position: absolute;
    right: 0;
    width: 100%;
}
.text-cont a.download-pdf-link{
    float: left;
    background-color:#f0ebb9;
    border-radius: 7px;
    font-family: "museo_sans700" !important;
    font-size: 18px;
    padding: 11px 30px;
    color: #66623e !important;
    text-decoration: none !important;
    -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;
}
.text-cont a.download-pdf-link:hover{
    background-color: #d9d5a7 !important;
    opacity: 1 !important;
}
/*Download link btn -end*/

/*FOLLOW LINKS*/
.sentfriend-out-cont{
    float: right;
}
.resources-single-wrap{
    text-align: center;
}
.resources-follow-section-out{
    width: 100%;
    float:left;
    text-align: center;
    padding: 20px 0 50px;
    box-sizing:border-box;
    position: relative;
    height: 110px;
}
.fb-share-button,
.ln-share-button,
.tw-share-button{
    position: absolute !important;
    top: 20px;
}
.fb-share-button{
    right: 150px;
}
.ln-share-button{
    right:70px;
}
.tw-share-button{
    right: 0;
}

.resources-follow-section-out > a,
.sentfriend-out-cont > a{
    float: none;
    display: inline-block;
    width: 185px;
    height: 40px;
    border-radius: 5px;
    font-family: 'museo_sans500';
    font-size: 14px;
    padding: 13px 45px 13px 13px;
    color: #ffffff;
    box-sizing:border-box;
    margin: 0 10px;
    -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;
    position: relative;
}
.sentfriend-out-cont > .send-fr{
    background: #6f6f6f;
    text-decoration: none !important;
}
.send-fr:before {
    content: '';
    position: absolute;
    background: url(../images/fr-icon.png) no-repeat 0 0;
    right: 15px;
    top: 8px;
    width: 24px;
    height: 24px;
}
.resources-follow-section-out > .fb{
    background: #0e5292;
}
.fb:before {
    content: '';
    position: absolute;
    background: url(../images/fb-icon.png) no-repeat 0 0;
    right: 15px;
    top: 8px;
    width: 24px;
    height: 24px;
}
.resources-follow-section-out > .li{
    background: #0177B5;
}
.li:before {
    content: '';
    position: absolute;
    background: url(../images/li-icon.png) no-repeat 0 0;
    right: 15px;
    top: 7px;
    width: 24px;
    height: 24px;
}

.resources-follow-section-out > .tw{
    background: #55ACEE;
}
.tw.hvr-icon-pulse:before {
    content: '';
    position: absolute;
    background: url(../images/tw-icon.png) no-repeat 0 0;
    right: 15px;
    top: 8px;
    width: 24px;
    height: 24px;
}

/*Hover effect*/
.resources-follow-section-out > a:hover{
    opacity: 0.8;
}
/*Hover effect -ends*/

/*FORM Fancybox*/
#resources-friend-form.friend-form{
    display: none;
    float: left;
    width: 100%;
    /*min-height: 370px;*/
    max-width: 380px;
    text-align: center;
}
.friend-form-title{
    float: left;
    width: 100%;
    text-align: center;
    color: #be0000;
    padding: 10px 0;
    font-family: 'museo_sans500';
    font-size: 18px;
}
.friend-form .friend-wrap{
    padding: 15px 0;
    text-align: center;
    float: none;
    display: inline-block;
    max-width: 250px;
}
.friend-form .friend-wrap label{
    float: none;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    font-family: 'museo_sans500';
    padding-bottom: 5px;
}
.bf-personal-details-container.friend-wrap label.css-label{
    padding: 0 0 0 30px !important;
    font-size: 14px;
    line-height: 20px;
}
#resources-friend-form .send-btn{
    max-width: 75px;
    float: none;
    display: inline-block;
    background: #be0000 none repeat scroll 0 0;
    border: 1px solid #db0f0f;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-family: "museo_sans700";
    font-size: 16px;
    margin-top: 10px;
    padding: 7px 14px;
    -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;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
}
#resources-friend-form .send-btn:hover{
    background: #f23b3b;
    border: 1px solid #f23b3b;
}
/* * * * * * * * * * * * *
*  Resources Single page *
* * * * * * * * * * * * */



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

#paymentForm .form-section-inner .full-width{
    padding: 10px 0;
    text-align: center;
}
#paymentForm .form-section-inner .one-quarter-width{
    padding: 0;
}
#paymentForm .form-section-inner .half-width{
    padding: 0 20px;
}
#paymentForm .form-section-inner .three-quarter-width{
    padding: 0 10px;
    width: 70%;
    float: right;
}

.ccard-number{
    width: 100%;
    box-sizing:border-box;
    font-size: 14px !important;
}
.main-heading-title{
    position: relative;
}
.main-heading-title:after{
    background: rgba(0, 0, 0, 0) url("../images/form-section-inner-border.png") repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    max-width: 1200px;
    position: absolute;
    right: 0;
    width: 100%;
}
.binding-form{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

/*Payment LEFT section*/
.payment-left-sec{
    float: left;
    width: 50%;
    padding: 0 65px 0 0;
    box-sizing:border-box;
}
#paymentForm{
    padding: 00px 0 45px;
    border-bottom: 1px solid #e4e0b8;
}
.card-wrap{
    float: none;
    margin: 0 7.9% 0 0;
    width: 18.4%;
    display: inline-block;
    position: relative;
}
.card-wrap:last-child{
    margin: 0;
}
.card-wrap:after{
    background: rgba(0, 0, 0, 0) url("../images/ccard-divider.png") repeat scroll 0 0;
    content: "";
    height: 6px;
    position: absolute;
    right: -28%;
    top: 14px;
    width: 6px;
}
.card-wrap:last-child:after, .cvv-wrap.card-wrap:after {
    content: none;
}
.cvv-wrap.card-wrap{
    float: left;
}
.pay-submit{
    padding: 10px 30px;
    float: right;
    margin-top: 20px;
    line-height: 10px;
}
/*Error message -Payment FORM*/

.payment-error{
    box-sizing: border-box;
    float: left;
    min-height: 45px;
    padding: 0;
    text-align: center;
    width: 100%;
    padding-bottom: 7px;
}
.payment-error span{
    float: left;
    width: 100%;
    color: #a62307;
    font-family: museo_sans500;
    font-size: 12px;
    line-height: 14px;
    padding: 0 0 0 10px;
    position: relative;
    box-sizing: border-box;
}
.payment-error span:before{
    content: '*';
    color: #a62307;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
}

/*Payment Options*/
.payment-options-wrap {
    background: #efecca none repeat scroll 0 0;
    border-bottom: 4px solid #1f1e1f;
    float: left;
    width: 100%;
    margin-top: 55px;
}
.payment-title{
    float: left;
    background: #1f1e1f;
    color: #efecca;
    font-family: 'museo_sans700';
    font-size: 18px;
    padding: 15px 50px;
}
.payment-img-wrap{
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 25px;
}
.payment-img-wrap img{
    float: none;
    display: inline-block;
    margin-right: 17px;
}
.payment-img-wrap .jcb-card{
    margin: 0;
}


/*Payment RIGHT section*/
.payment-right-sec{
    float: left;
    width: 50%;
    padding: 50px 0 0 65px;
    box-sizing:border-box;
}
/* * * * * * * * * * * * *
*  		Payment page 	 *
* * * * * * * * * * * * */


/* * * * * * * * * * * * *
*  		ERROR messages 	 *
* * * * * * * * * * * * */
/*Server side validation*/
.ss-validation{
    display: none;
    font-family: 'museo_sans700';
    font-size: 20px;
    float: left;
    height: 40px;
    padding: 20px 20px 0;
    box-sizing: border-box;
    color: #a62307;
    width: 100%;
    text-align: center;
}
/*input error*/
input.error{
    color: #a62307;
    display: inline;
    float: none;
    border: 1px solid #a62307 ;
    font-size: 16px;
    font-family: 'museo_sans500';
    height: 33px;
}
.bf-personal-details-container .error{
    color: #a62307;
    display: inline;
    float: none;
    border: 1px solid #a62307 ;
    font-size: 16px;
    font-family: 'museo_sans500';
    height: 33px;
}
.bf-binding-details-blockleft label.error, .bf-binding-details-blockmiddle label.error{
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    font-size: 16px;
    font-family: 'museo_sans500';
    color: #a62307;
    padding: 0;
}

/*Radio error*/
/*radio error*/
.error-message-position{
    position: relative;
}
.qmark-pos-relative .error, .error-message-position label.error{
    position: absolute;
    right: 38%;
    top: -27px;
    font-size: 12px;
    color: #FFFFff;
    background: #a62307;
    padding: 7px 14px;
    border-radius: 5px;
    margin: 0;
}
.qmark-pos-relative .error:after ,
.error-message-position label.error:after{
    background: rgba(0, 0, 0, 0) url("../images/error-arrow.png") no-repeat scroll 0 0;
    bottom: -7px;
    content: "";
    height: 8px;
    left: 40%;
    position: absolute;
    width: 17px;
}
.error-message-position label.error{
    top: -18px;
}

/*Pay/Find error*/
.pay-wrapper{
    padding-bottom: 10px;
}
.pay-wrapper, .find-wrapper{
    position: relative;
}
.error.perror{
    position: absolute;
    right: 20%;
    bottom: -17px;
    font-size: 12px;
    color: #FFFFff;
    background: #a62307;
    padding: 7px 14px;
    border-radius: 5px;
    margin: 0;
    width: 70px;
}
.error.perror:after{
    background: rgba(0, 0, 0, 0) url("../images/error-arrow2.png") no-repeat scroll 0 0;
    top: -7px;
    content: "";
    height: 8px;
    left: 42%;
    position: absolute;
    width: 17px;
}

/*Binding Type error*/
.bf-binding-type-checklong.error-message-position label.error.perror{
    bottom: auto;
    left: 38%;
    top: -25px;
}
.bf-binding-type-checklong.error-message-position label.error.perror:after{
    top: 26px ;
}
.bf-binding-type-checklong.error-message-position
{
    padding-top: 20px;
}

                            /*27-07-2015 Error msgs updates*/
/*Payment and Found Us errors*/
.bf-hdf-us-block .one2-third-width,
.bf-payment-type-block .one2-third-width{
    position: relative;
}
.bf-hdf-us-block .error.perror,
.bf-payment-type-block .error.perror
{
    left: -20px;
    right: auto;
    bottom:auto;
}
.bf-hdf-us-block .error.perror{
    top: 200px;
}
.bf-payment-type-block .error.perror{
    top:67px;
}

/*Binding Type*/
.bf-binding-type-checklong.error-message-position .one2-third-width{
    position: relative;
}
/*Discount tooltip*/
.bf-binding-type-storecolect .hardcover-discount-note,
.bf-binding-type-addresses-block-small > .one2-third-width .hardcover-discount-note{
    position: absolute;
    /* top: -40px; */
    bottom: 60px;
    right: 20px;
    background: rgba(16,162,220,0.95);
    border-radius: 5px;
    color: #ffffff;
    font-size: 12px;
    margin: 0;
    padding: 7px 14px;
    font-family: "museo_sans500";
    /* max-width: 230px; */
}
.bf-binding-type-addresses-block-small > .one2-third-width .hardcover-discount-note{
    right: 0px;
    /* top:-55px; */
    width: 230px;
    bottom: 45px;
}
.bf-binding-type-storecolect .hardcover-discount-note:after,
.bf-binding-type-addresses-block-small > .one2-third-width .hardcover-discount-note:after{
    content: '';
    background: url(../images/discount-arrow.png);
    width: 17px;
    height: 8px;
    bottom: -8px;
    right: 15%;
    position: absolute;
    opacity: 0.95;
}
.bf-binding-type-addresses-block-small > .one2-third-width .hardcover-discount-note:after{
    right: 7%;
}
.hardcover-discount-note p{
    float: left;
    width: 100%;
}
.hardcover-discount-note a{
    position: absolute;
    right: -5px;
    top: -8px;
    background: #10a2dc;
    padding: 5px;
    border-radius: 50%;
    color: #ffffff;
    font-size: 15px;
    line-height: 9px;
    font-weight: bold;
}
/*Discount tooltip -END*/

/*Binding Details*/
.bf-binding-details-checklong .one2-third-width .error {
    bottom: auto;
    left: 38%;
    top: -18px;
    width: 70px;
}

/*Radio Btns errors*/
.bf-binding-details-radiolong-radioblock,.radiocont{
    position: relative;
}
.qmark-pos-relative .error{
    width: 70px;
    left: -10px;
    right: auto;
}

/*Printing Details*/
.bf-printing-details-block-radio{
    position: relative;
}
                        /*27-07-2015 Error msgs updates -end*/
/* * * * * * * * * * * * *
*  		ERROR messages 	 *
* * * * * * * * * * * * */


                            /* 21.07.2015 */
/* * * * * * * * * * * * *
*  		Thank you page 	 *
* * * * * * * * * * * * */
.thankyou-wrap > h1{
    padding-bottom: 60px;
}
.main-inner > p {
    float: left;
    width: 100%;
    padding: 10px 0;
    font-family: 'museo_sans500';
    font-size: 16px;
}

.fb-cont{
    float: left;
    width: 100%;
    text-align: center;
    padding: 50px 0 40px;
}

/* * * * * * * * * * * * *
*  		Thank you page 	 *
* * * * * * * * * * * * */



/* * * * * * * * * * * * *
*  	 Portfolio page 	 *
* * * * * * * * * * * * */
/* ---- grid ---- */
.images-grid-wrapper {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}
.loading-thumbnails-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.8);
    z-index: 99999;
    text-align: center;
}
.loading-thumbnails-overlay > img {
    display: inline-block;
    margin: 10% 0% 0% 0%;
    width: 48px;
    height: 48px;
    padding: 0px;
}
.grid {
    /*background: #DDD;*/
    max-width: 100%;
    position: relative;
    float: left;
}

/* clear fix */
.grid:after {
    content: '';
    display: block;
    clear: both;
}

/* ---- .grid-item ---- */
.grid-item {
    float: left;
}
/* ---- .grid-item ---- */

/* Loading overlay */
.loading-project {
    /*background: #e3e3e3 none repeat scroll 0 0;*/
    background: rgba(255,255,255,0.9);
    display: none;
    height: 100% !important;
    left: 0;
    /*opacity: 0.6;*/
    /*padding-top: 20%;*/
    position: absolute;
    text-align: center;
    width: 100% !important;
    z-index: 100 !important;
}
.loading-overlay-img{
    width: 48px !important;
    height: 48px !important;
    display: inline-block !important;
    float: none !important;
    margin-top: 19%;
}


/**** Isotope filtering ****/
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

.grid-item{
    padding: 5px;
    box-sizing: border-box;
}
.grid > div > img {
    float:left;
    width: 100%;
    height: 100%;
}

/* Portfolio FILTERS */
.filters-wrapper {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #efecca;
}
.filters-wrapper > div {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    padding: 15px 10px 12px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}
.filters-wrapper > div > span {
    float: left;
    width: 100%;
    margin: 0;
    /*padding: 0 0 12px 5px;*/
    padding: 0 155px 12px 2px;
    font-family: 'museo_sans700';
    font-size: 16px;
    color: #1f1e1f;
    box-sizing: border-box;
}
ul.filters {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 30px;
    overflow: hidden;
    text-align: justify;
}
.filters-box{
    box-sizing: border-box;
}
.filters > li {
    float: none;
    display: inline-block;
    margin: 0 3px;
    padding: 3px 0;
    height: 25px;
}
.filters > li > a {
    float: left;
    margin: 0;
    padding: 6px 16px;
    border-radius: 30px;
    color: #1f1f1f;
    font-family: 'museo_sans500';
    font-size: 13px;
    -ms-transition: .7s;
    -moz-transition: .7s;
    -webkit-transition: .7s;
    transition: .7s;
    text-transform: uppercase;
}
.filters > li > a:hover, .filters > li > a.active {
    background-color: #4d9ca4;
    color: #efecca;
}
.seemore-filters-btn {
    position: absolute;
    top: 7px;
    right: 0;
    margin: 0 13px 0 0;
    padding: 7px 50px 7px 15px;
    background-color: #78a8ad;
    border-radius: 30px;
    color: #efecca;
    font-family: 'museo_sans500';
    font-size: 13px;
    border: 2px solid #4f9caa;
    background-image: url('../images/seemore-tags.png');
    background-position: 85% 5px;
    background-repeat: no-repeat;
    width: 135px;
    box-sizing: border-box;
    display: block;
}
.seemore-filters-btn:hover{
    background-color: #4f9caa;
}
.open{
    height: auto;
}

.newclass {
  height: auto!important;
}
.filters-expanded-wrapper {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #e4e0b8;
    display: none;
}
.filters-expanded-wrapper > div {
    width: 100%;
    margin: 0px auto;
    max-width: 1200px;
    padding: 10px;
    box-sizing: border-box;
}
ul.filters-expanded {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.filters-expanded > li {
    float: left;
    padding: 3px 0;
    margin: 0 5px;
}
ul.filters-expanded > li > a {
    float: left;
    margin: 0px;
    padding: 6px 16px;
    border-radius: 30px;
    color: #1f1f1f;
    font-family: 'museo_sans500';
    font-size: 13px;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    text-transform: uppercase;
}
ul.filters-expanded > li > a:hover, ul.filters-expanded > li > a.active {
    background-color: #4d9ca4;
    color: #efecca;
}

/* 23-07-2015 */
/* HOVER OVERLAY */
.grid-item{
    color: #fff;
    float: left;
    position: relative;
    text-align: center;
}
.grid-item a{
    float: left;
    height: 100%;
    position: relative;
    width: 100%;
}
.grid-item .fancybox img{
    float: left;
    width: 100%;
    height: 100%;
}
.box-description-image{
    background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0;
    bottom: 0;
    display: none;
    float: left;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.box-description-image span {
    box-sizing: border-box;
    color: #efecca;
    display: table-cell;
    font-family: "museo_sans700";
    font-size: 28px;
    line-height: 100%;
    padding: 0 7px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
/* HOVER OVERLAY -end */

/*Loading Image*/
.portfolio-loading-cont{
    float: left;
    width: 100%;
    text-align: center;
}
.portfolio-loading-cont img{
    float: none;
    display: inline-block;
}
/*Loading Image -end*/
/* * * * * * * * * * * * *
*  	 Portfolio page 	 *
* * * * * * * * * * * * */

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


/*********************************
*          FOOTER STYLE          *
*********************************/
#footer-cont {
    float: left;
    width: 100%;
    background-color: #3b3a3a;
    margin: 0;
}

/* * * * * * * * * * * * *	
*		Home page   	 *
* * * * * * * * * * * * */
.home-footer-cont{
    background-color: rgba(31,30,31,0.8) !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
/* * * * * * * * * * * * *
*		Home page   	 *
* * * * * * * * * * * * */

#footer-inner{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    box-sizing: border-box;
}
#footer-inner > span{
    float: left;
    text-align: left;
    font-size: 14px;
    font-family: 'museo_sans500';
    color: #efecca;
    margin-top: 10px;
    -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;
}
#footer-inner > a:hover{
    text-decoration: underline;
}
.contact-cont{
    float: left;
    padding-top: 10px;
    width: 44%;
}
.contact-cont > a{
    float: left;
    margin: 0 15px 0 0;
    font-size: 14px;
    font-family: 'museo_sans500';
    color: #efecca;
    -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;
}
.contact-cont > a:nth-child(3){
    margin: 0;
}
.contact-cont > a:hover, .active2{
    color: #bcb88e !important;
}

.follow-links{
    float: right;
    margin: 0;
    padding: 0;
    /* width: 80px; */
}
.follow-links > a{
    float: none;
    display: inline-block;
    width: 30px;
    height: 30px;
}
.fb-link{
    background: url(../images/follow-spr.png) 0 0 no-repeat;
    margin-right: 15px;
}
.g-link{
    background: url(../images/follow-spr.png) -30px 0 no-repeat;
    margin-right:15px;
}
/*Added on 21-10-2015*/
.i-link{
    background:url(../images/follow-spr.png) -60px 0 no-repeat;
}
/*Added on 21-10-2015 -END*/
.fb-link:hover{
    background: url(../images/follow-spr.png) 0 -30px no-repeat;
}
.g-link:hover{
    background: url(../images/follow-spr.png) -30px -30px no-repeat;
}
/*Added on 21-10-2015*/
.i-link:hover{
    background:url(../images/follow-spr.png) -60px -30px no-repeat;
}
/*Added on 21-10-2015 -END*/


/* * * * * * * * * * * *
	  Sticky footer 
* * * * * * * * * * * */
* {
    margin: 0;
}
html, body {
    height: 100%;
}
.page-wrap {
    height: auto !important;
    min-height: 100%;
    margin-bottom: -53px !important;	/* equal to footer height */
    /*position: relative;	*/				/*needed for 404 page*/
}
.page-wrap:after {
    content: "";
    display: block;
}
.site-footer, .page-wrap:after {
    height: 53px;
}
/* * * * * * * * * * * *
	  Sticky footer 
* * * * * * * * * * * */

/*********************************
*          FOOTER STYLE          *
*********************************/


/*********************************
*          MEDIA QUERIES         *
*********************************/
@media all and (max-width: 1400px){
    .home-txt-cont{
        margin: 7% auto 0;
    }
}
/*
13.07.2015 - HOME work
Resources page
*/
@media all and (max-width: 1320px){
    .resources-wrapper{
        width: 25%;
    }
    .resources-txt-wrap > p{
        height: 60px;
    }
}
@media all and (max-width: 1140px){
    .resources-wrapper{
        width: 33.3%;
    }
    .resources-txt-wrap > p{
        height: 55px;
    }
}
/*
13.07.2015 - HOME work
Resources page -ENDS
*/

@media all and (max-width: 1215px){
    .contact-wrap{
        max-width: 900px;
    }
    /*
    15.07.2015
    Payment page
    */
    .payment-left-sec{
        padding: 0 15px 40px 0;
    }
    .payment-right-sec{
        padding: 50px 0 0 15px
    }
}

@media all and (max-width: 1100px){
    .payment-img-wrap img{
        margin-right: 7px;
    }
    .bf-binding-details-blockleft label.error, .bf-binding-details-blockmiddle label.error{
        top: 0;
        right: -40px;
        font-size: 14px;
    }
    .qmark-pos-relative .error,.error-message-position label.error{
        right:36%;
    }
    .error.perror{
        right: 18%;
    }
    .bf-binding-type-checklong.error-message-position label.error.perror{
        left: 35%;
    }
    .bf-binding-details-checklong .one2-third-width .error{
        left: 35%;
    }

}
/*
15.07.2015
Payment page -ENDS
*/

@media all and (max-width: 1075px){
    .leatherbindingdiv > .quarter-width{
        width: 33.3%;
    }
}
@media all and (max-width: 1024px){
    .home-txt-cont{
        margin: 7% auto 0;
    }
    #header-inner > ul{
        max-width: 690px;
    }
    #header-inner > ul > li{
        margin: 0 40px 0 0;
    }
    #map-cont{
        height: 420px;
    }
                                /* Added on 06.08.2015*/
    .box-description-image {
        bottom: 0;
        height: 55px;
        top: auto;
        display: block !important;
    }
                                /* Added on 06.08.2015 -end*/

                                /* Added on 12.08.2015 */
    .box-description-image span{
        font-size: 24px;
        padding: 15px 15px;
        float: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        text-align: center;
    }
                                /* Added on 12.08.2015 -end*/
}

/*
15.07.2015
Payment page
*/
@media all and (max-width: 1000px){
    .payment-inner{
        text-align: center;
    }
    .payment-left-sec{
        float: none;
        display: inline-block;
        width: 100%;
        padding: 30px 0 0 0;
        max-width: 530px;
    }
    .payment-right-sec{
        float: none;
        display: inline-block;
        width: 100%;
        padding: 80px 0 50px 0;
        max-width: 530px;
    }
    .payment-img-wrap img {
        margin-right: 3.4%;
    }
    .bf-binding-type-addresses-block-small > .one2-third-width .hardcover-discount-note {
        top: auto;
        bottom: 45px;
        width: 170px;
    }
}
/*
15.07.2015
Payment page -ENDS
*/

@media all and (max-width: 921px){
    .contact-wrap{
        max-width: 600px;
    }

    .yellow-inner{
        text-align: center;
    }
    .yellow-inner .order-link{
        float: none;
        display: inline-block;
        max-width:475px;
    }
    .yellow-sec-btn{
        float: none;
        display: inline-block;
        padding-top: 20px;
        max-width:475px;
    }
    .yellow-inner .faq-link, .yellow-inner .price-link{
        width: 48%;
        max-width: 230px;
    }
    .yellow-inner .faq-link{
        margin-right: 2%;
    }
    .yellow-inner .price-link{
        margin-left: 2%;
    }

    /*THESIS FORM*/
    .bf-binding-type-storecolect > label{
        height: 30px;
        box-sizing:border-box;
    }
    /*Quantity - text change*/
    .form-section-inner label > span.show-long{
        display: none;
    }
    .form-section-inner label > span.show-short{
        display: inline-block;
    }
    .error.perror{
        right: 13%;
    }
}
@media all and (max-width: 900px){
    .bf-binding-type-addresses-block-small > .one2-third-width{
        padding:0 0 0 5px;
    }
    .bf-binding-details-blockleft label.error, .bf-binding-details-blockmiddle label.error{
        top: -16px;
        /*right: -40px;*/
        font-size: 14px;
    }
    input.error{
        font-size: 14px;
    }
    .bf-personal-details-container .error{
        font-size: 14px;
    }
}
@media all and (max-width: 855px){
    #header-inner > ul{
        max-width: 615px;
    }
    #header-inner > ul > li{
        margin: 0 25px 0 0;
    }
    /*
    14.07.2015 - WORK work
    Resources Single page
    */
    .resources-follow-section-out > a{
        width: 210px;
        margin: 0 10px 15px;
    }
    /*
    14.07.2015 - WORK work
    Resources Single page -ENDS
    */

    .qmark-pos-relative .error, .error-message-position label.error {
        right: 32%;
    }
    .bf-binding-type-checklong.error-message-position label.error.perror{
        right: 11%;
    }

}

@media all and (max-width: 810px){
    .one-third-width{
        width: 50%;
        padding: 10px 40px 10px 20px;
    }
    .full-width > .one-third-width:nth-child(2n+2), .one-third-width.link-position:nth-child(3){
        padding: 10px 20px 10px 40px;
    }
    .link-position a.viewsamples-gray, .link-position a.viewsamples-blue{
        right: 0;
        top: -14px;
    }

    .bf-binding-type-hidden-main .one-third-width{
        width: 33.3%;
        padding: 10px 20px;
    }
    .link-position.bf-binding-type-storecolect .qmark{
        right: 0 !important;
        top: 0;
    }
    .b-t-adr-wrap > .one-third-width{
        padding: 10px 20px 10px 20px;
        width:33.3%;
    }

    .leatherbindingdiv > .quarter-width {
        width: 45%;
    }

    .two-third-width > label{
        font-size: 14px;
    }

    .two-third-width{
        width: 75%;
    }
    .one2-third-width{
        width: 25%;
    }

    .bf-binding-details-blockleft label.error, .bf-binding-details-blockmiddle label.error {
        right: 33px;
        top: 0;
    }

    .bf-binding-type-checklong.error-message-position label.error.perror{
        left: 26%;
    }
    .bf-binding-details-checklong .one2-third-width .error{
        left: 26%;
    }

    .qmark-pos-relative .error, .error-message-position label.error {
        right: 23%;
    }
    .error.perror{
        right: 5%;
    }
    .resources-txt-wrap > p{
        height: 65px;
    }
}
/*********************************
*          MEDIA QUERIES         *
*********************************/