@charset "UTF-8";



@media (max-width: 1500px) {

.container{ max-width: 1300px;}

}



@media (min-width:992px) and (max-width:1280px) {

.qua_wrap{ padding-bottom: 60px;}

.qua_wrap p{ height: auto; font-size: .85em; }

.qua_wrap time{ font-size: 1.8em;}

}



@media (max-width:1500px) {

#home .logo{ width: 165px; }

#home .menu ul{margin:10px 0 0 0;}

#home .menu ul li{ margin-left: .8em; font-size: 1.8em;}

}



@media (max-width:1200px) {

#home .wrap{ height: auto; border:0px solid #fff; overflow: hidden; }

#home #left{ float: none; width: 100%; height: 700px; border:0px solid #fff; border-bottom: 2px solid #fff; position: relative; }

#home #right{ float: none; width: 100%; height: auto; border:0px solid #fff; clear: left; }

#home #right .rblock{ float: left; width: 50%; height: 300px; }

#home #right a .rbg1{ border-left: 0px solid #fff; border-right: 1px solid #fff; border-bottom: 2px solid #fff; background-size: 100% auto; }

#home #right a .rbg2{ border-left: 1px solid #fff; border-right: 0px solid #fff; border-bottom: 2px solid #fff; border-top: 0px solid #fff; background-size: 100% auto; }



#home footer, #home #copyright{display: block;}



footer .social a{ width: 34px; height: 34px; margin-top: 23px; font-size: 1.25em; line-height: 30px; border-radius: 34px; }



.books_img{ width: 350px; }

.books_txt{ width: calc(100% - 380px); }

}



@media (max-width:1000px) {

.qua_txt br{ display: block; }

}



@media(min-width:992px) {

}



@media (max-width:991px) {

#inner .menu{ display: none; }

#inner .logo{ float: none; width: 162px; margin: 18px auto 0 auto; }

#inner #trigger-overlay, .overlay{ display: block !important; }

#inner #slogan{ padding-left: 25px; font-size: 7.5em; letter-spacing: 25px;}



section .img_box{ float: none; margin-bottom: 50px; }



.qua{ margin-top: 80px; }

.qua:first-child{ margin-top: 0px; }

.qua_wrap{ max-width: 526px; margin: 0 auto; padding:20px 0px 80px 0px; }

.qua_wrap p{ width: 260px; height: auto; margin: 0 auto; }



.books_img{ float: none; width: 100%; max-width: 350px; margin:0 auto; }

.books_txt{ float: none; width: 100%; padding: 30px; }

.books_box h2, .contact_box h2{ font-size: 1.5em; text-align: left; }



.services_box p{ text-align: center !important; }



.contact_txt{ padding: 30px;}



.contact_img{ display: none; }

.contact_img2{ display: block; }

}



@media(max-width:820px) {

}



@media(min-width:769px) {

}



@media(max-width:768px) {

.container{ padding: 0 40px;}



#inner p{ text-align: left; }



.qua_wrap p{ text-align: center !important; }

.qua_txt p{ text-align: center !important; }



#inner .banner p{ padding: 0 40px; bottom: 50px; }

#inner .banner.b_contact{ background: url('../img/banner-contact.jpg') right -180px center no-repeat; background-size: cover; }



.s_contact{ display: none; }

}



@media(max-width:767px) {

#home .logo{ float: none; width: 180px; margin: 0 auto; }



#home .menu{ display: none; }

#home #trigger-overlay, .overlay{ display: block !important; }



#inner #slogan{ padding-left: 12px; font-size: 5.5em; letter-spacing: 12px;}



#copyright br{ display: block; }



section .caption_wrap h2{ width: 300px; height: 60px; padding-left: 6px; font-size: 2em; line-height: 56px; letter-spacing: 6px; }

}



@media(max-width:620px) {

#home #left{ height: 100vh !important; }

#home #right a .rbg1, #home #right a .rbg2{ border-left: 0px solid #fff; border-right: 0px solid #fff; }

#home #right .rblock.rbg1 div, #home #right .rblock.rbg2 div{ display: none; }

#home #right .rblock{ float: none; width: 100%; height: 350px; }



footer .logo{width: 150px !important;}

footer p{ margin-top: 25px; font-size: 1.5em; letter-spacing: 5px; }

}



@media(max-width:599px) {

footer .txt{ display: none;}

footer .social a{ margin-left:0 ;}

footer p{ display: block; }

}



@media (max-width:565px){

footer p{ font-size: 1.1em; letter-spacing: 3px; }



.endo_wrap{ padding: 20px 27px;}

}



@media (max-width:520px){

#home #slogan{ font-size: 1.5em; letter-spacing: 5px;}

}



@media (max-width:480px){

.container{ padding: 0 20px;}



#inner #slogan{ padding-left: 7px; font-size: 3.5em; letter-spacing: 7px;}



section .caption_wrap h2{ width: 200px; height: 50px; padding-left: 3px; font-size: 1.6em; line-height: 50px; letter-spacing: 3px; }

section .row{ padding: 40px 0; line-height: 2em; }

section .img_box{ margin-bottom: 30px; }



.qua_wrap{ margin: 0 auto; padding:0px 0 60px 0;}

.qua_wrap p{ width: 180px; height: auto; margin: 0 auto; font-size: 1em; }

.qua_wrap time{ font-size: 2em; }

.qua_txt p{ font-size: 1em; }



.books_txt{ padding:30px 10px 10px 10px; }

.books_box h2{ font-size: 1.1em;}



#inner .banner p{ font-size: .85em; text-align: center; }



.contact_box h2{ font-size: 1.1em;}

.contact_txt{ padding:30px 10px 10px 10px;}



.btn-primary{ width: 185px; background: #6a2c90; border: 0; border-radius: 0; }

}



@media (max-width:420px){

#copyright{ font-size: .85em;}

}



@media (max-width:410px){

footer p{ font-size: 1em; letter-spacing: 2px; }

}



@media (max-width:380px){

#home #right .rblock{ height: 300px; }

#home #slogan{ font-size: 1.5em;}



.qua_wrap p{ width: 150px; }

}



@media (max-width:374px){

#home #slogan{ font-size: 1.3em; letter-spacing: 3px;}

#copyright{ font-size: .75em;}



}



@media (max-width:350px){

footer p{ margin-top: 25px; font-size: 1em; letter-spacing: 1px; }

}