@charset "UTF-8";

@font-face {
  font-family: 'Tahoma';
  src: url('../fonts/Tahoma.woff') format("woff"),
       url('../fonts/Tahoma.ttf') format("truetype"),
       url('../fonts/Tahoma.eot') format("embedded-opentype");
}

@font-face {
  font-family: 'Tacoma';
  src: url('../fonts/Tacoma.woff') format("woff"),
       url('../fonts/Tacoma.ttf') format("truetype"),
       url('../fonts/Tacoma.eot') format("embedded-opentype");
}

html, body { height: 100%; margin: 0; padding: 0;}
body{ font-family:'Tahoma', sans-serif; color:#000; font-weight: normal; box-sizing: border-box; overflow-x: hidden;}
body a{ transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all;}

h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; line-height: 1em; }

a{ color:#333; text-decoration:none !important;}
a:hover{ color:#00a0ad; text-decoration: none;}

p{ margin:0; padding:0; text-align:justify; line-height:1.5em;}

img{ max-width:100% !important; height:auto; vertical-align:bottom;}

.ease{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

input, textarea{-webkit-appearance:none; -moz-appearance:none; border-radius:0; }

ul{ margin: 0 0 0 20px; padding: 0; }
ul li{ line-height: 2em !important; text-align: left; }

.container{ max-width: 1500px; margin: 0 auto; padding: 0 60px;}
.minheight{ min-height: 480px;}

.clear{clear: both;}

::-webkit-input-placeholder { color:#00a3b0;}
::-moz-placeholder { color:#00a3b0;}
:-ms-input-placeholder { color:#00a3b0;}
:-moz-placeholder { color:#00a3b0;}

/*** LOADING ***/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999; background: url(../img/Preloader_2.gif) center no-repeat #fff;}
/*** /LOADING ***/

/*** HOME ***/
#home .wrap{ height: 100%; border:38px solid #fff;}
#home #left{ float: left; width: 65%; height: 100%; border:2px solid #fff; position: relative; }
#home #right{ float: left; width: 35%; height: 100%; border:2px solid #fff; }
#home #left{ padding: 40px; background: url('../img/bg-left.jpg') center top no-repeat; background-size: cover; }
#home #right{ }
#home #right .rblock{ width: 100%; height: 50%; }
#home #right a .rbg1{ border-bottom: 2px solid #fff; background: url('../img/bg-right1.jpg') center center no-repeat; background-size: 100% auto; }
#home #right a .rbg2{ border-top: 2px solid #fff; background: url('../img/bg-right2.jpg') center center no-repeat; background-size: 100% auto; }
#home #right a:hover .rbg1, #home #right a:hover .rbg2{ background-size: 120% auto; -ms-background-size: 120% auto;}

#home .logo{ float: left; width: 262px; }
#home .menu{ float: right; }
#home .menu ul{margin:25px 0 0 0; padding:0; list-style: none;}
#home .menu ul li{ float: left; margin-left: 1.3em; font-family:'Tacoma', sans-serif; font-size: 2.06em; text-transform: uppercase; letter-spacing: 1px;}
#home .menu ul li:first-child{ margin-left: 0;}
#home .menu ul li a{ color: #00a0ad; }
#home .menu ul li a:hover{ color: #e5048c; }
#home #slogan{ width: calc(100% - 80px); height: auto; position: absolute; top: calc(50% - 0px); color: #00a0ad; font-family:'Tacoma', sans-serif; font-size: 2.06em; line-height: 1.05em; text-transform: uppercase; letter-spacing: 10px; text-align: center; z-index: 1;}

#home #right .rblock.rbg1 div, #home #right .rblock.rbg2 div{ height: calc(100% - 60px); }
#home #right .rblock.rbg1 span, #home #right .rblock.rbg2 span{ width: 100%; height: 60px; padding:0 20px; font-family:'Tacoma', sans-serif; font-size: 2.06em; line-height: 60px; text-transform: uppercase; letter-spacing: 1px; color: #fff; display: block; background: rgba(0, 160, 173, .5); }
#home #right a:hover .rblock span{ background: rgba(229, 4, 140, .5); }
/*** /HOME ***/

/*** INNER ***/
#inner .wrap{ height: 100%; margin-top: 0px;}

header{ width: 100%; height: 114px; position: fixed; top: 0; background: rgba(0, 160, 173, .5); z-index: 9999;}
header .container{ max-width: 1708px; padding: 0 30px; overflow: hidden; }
header .menu_wrap{ float: left; }

#inner .menu{ float: right; }
#inner .menu ul{margin:25px 0 0 0; padding:0; list-style: none;}
#inner .menu ul li{ float: left; margin-left: 1.3em; font-family:'Tacoma', sans-serif; font-size: 2.06em; text-transform: uppercase; letter-spacing: 1px;}
#inner .menu ul li:first-child{ margin-left: 0;}
#inner .menu ul li a{ color: #fff; }
#inner .menu ul li a:hover{ color: #e5048c; }

#inner.body_about .menu li.about_active a, #inner.body_services .menu li.services_active a, #inner.body_books .menu li.books_active a, #inner.body_faqs .menu li.faqs_active a, #inner.body_contact .menu li.contact_active a{ color: #e5048c !important; }

#inner .logo{ float: right; width: 162px; margin-top: 18px; }

#inner .banner{ width: 100%; height: calc(100% + 0px);}
#inner .banner .container{ height: 100%; position: relative;}
#inner .banner p{ max-width: 600px; padding: 0 60px; color: #6d6e71; text-align: right; position: absolute; right: 0px; bottom: 100px; }
#inner .banner span{ font-size: .95em; color: #00a0ad; display: block; }
#inner #slogan{ width: 100%; height: auto; padding-left: 35px; position: absolute; top: calc(45% - 0px); color: #fff; font-family:'Tacoma', sans-serif; font-size: 10.5em; line-height: 1.05em; text-transform: uppercase; letter-spacing: 35px; text-align: center; z-index: 1;}
#inner .banner.b_about{ background: url('../img/banner-about.jpg') center center no-repeat; background-size: cover; }
#inner .banner.b_services{ background: url('../img/banner-services.jpg') center center no-repeat; background-size: cover; }
#inner .banner.b_books{ background: url('../img/banner-books.jpg') center center no-repeat; background-size: cover; }
#inner .banner.b_faqs{ background: url('../img/banner-faqs.jpg') center center no-repeat; background-size: cover; }
#inner .banner.b_contact{ background: url('../img/banner-contact.jpg') center center no-repeat; background-size: cover; }

section .caption_wrap{ background: url('../img/bg-caption.gif') 0 center repeat-x; display: block; }
section .caption_wrap h2{ width: 370px; height: 76px; margin: 0 auto; padding-left: 10px; font-family:'Tacoma', sans-serif; font-size: 1.8em; font-weight: normal; line-height: 74px; letter-spacing: 10px; text-transform: uppercase; text-align: center; color: #00a3b0; background: #fff; border: 2px solid #e5048c; }
section .row{ padding: 60px 0; font-family: 'Tahoma', sans-serif; font-size: 1em; line-height: 2em; color: #6d6e71; text-align: justify; }
section li{ line-height: 1.5em; }

.img_box{ float: left; max-width: 400px; height: auto; margin: 0 auto; }

.qua_wrap{ max-width: 526px; margin: 0 auto; padding:0px 20% 100px 20%; background: url('../img/bg-leaf.png') center bottom no-repeat; background-size: 100% auto; }
.qua_wrap p{ width: 100%; height: 110px; padding-bottom: 17px; font-family: 'Tahoma', sans-serif; font-size: 1.25em; color: #00a3b0; text-align: center; border-bottom: 2px solid #6a2c91; }
.qua_wrap time{ padding-top: 13px; font-family: 'Tacoma', sans-serif; font-size: 2.5em; color: #e5048c; text-align: center; display: block; }
.qua_txt{ margin-top: 50px; }
.qua_txt br{ display: none; }
.qua_txt p{ font-family: 'Tahoma', sans-serif; font-size: 1.25em; color: #00a3b0; text-align: center; }

.endo{ padding-bottom: 30px; }
.endo_wrap{ padding: 25px 30px; font-family: 'Tahoma', sans-serif; font-size: 1em; color: #6d6e71; border: 2px solid #6d6e71; border-radius: 20px; text-align: justify; }
.endo_wrap span{ color: #00a3b0; display: block; }
.endo_wrap h3{ margin-bottom: 10px; font-size: 1em; font-weight: bold; color: #00a3b0; }.endo_wrap
.endo_txt p{ font-family: 'Tahoma', sans-serif; font-size: 1em; color: #e5048c; text-align: center; }
.endo_wrap p{ line-height: 2em;}

.s_con{ padding-top: 0 !important; }
.sw{ margin-bottom: 30px; }
.services_wrap, .books_wrap, .contact_wrap{ height: 100%; padding-top: 10px; border-top: 10px solid #6a2c91; }
.services_box, .books_box, .contact_box{ padding: 12px; border: 2px solid #6d6e71; overflow: hidden; }
.services_box h2{ margin-bottom: 30px; padding: 0 33px; font-family: 'Tahoma', sans-serif; font-size: 1.2em; color: #00a3b0; text-align: center; }
.services_box p{ padding:  0 33px 20px 33px; line-height: 2em; text-align: left; }
.services_img{ margin-bottom: 35px;}
.services_img img{ width: 100%; height: auto; }
.books_box h2{ margin-bottom: 20px; padding: 0; font-family: 'Tahoma', sans-serif; font-size: 1.875em; line-height: 1.3em; color: #00a3b0; }
.books_img{ float: left; width: 510px; margin-right: 30px; }
.books_txt{ float: left; width: calc(100% - 540px); padding: 50px; }
.books_txt p{ line-height: 2em; }

.contact_box h2{ margin-bottom: 20px; padding: 0; font-family: 'Tahoma', sans-serif; font-size: 2em; line-height: 1.3em; color: #00a3b0; }
.contact_box h2 span{ font-size: .63em; font-weight: normal !important; line-height: 1.3em; display: block; }
.contact_wrap .row{ padding: 0; }
.contact_img{ padding-bottom: 0px;}
.c_img{ width: 100%; height: 100%; background: url('../img/pic-contact.jpg') left top no-repeat; background: cover; position: relative;}
.c_blue{ width: 100%; height: 100px; background: rgba(0, 170, 163, .5); position: absolute; bottom: 0; }
.contact_img2{ max-width: 500px; margin: 0 auto; display: none; }
.contact_txt{ padding: 50px 50px 0px 50px;}
.contact_txt p{ line-height: 2em; }
/*** /INNER ***/

/*** SECTION ***/

/*** /SECTION ***/

/*** SHARE ***/
#home footer, #home #copyright{display: none;}
footer{ background: #e6e7e9; }
footer .container{ max-width: 620px; padding: 40px 20px; overflow: hidden;}
footer .flogo{float: left; width: 150px !important;}
footer .txt{float: right; width: 260px; margin-top: 19px; font-family:'Tacoma', sans-serif; font-size: 1.3em; line-height: 1.05em; letter-spacing: 6px; color: #00a0ad;}
footer .social a{ float: right; width: 34px; height: 34px; margin-top: 40px; margin-left: 50px; font-size: 2.4em; line-height: 34px; color: #00a0ad; border: 2px solid #00a0ad; border-radius: 34px; text-align: center; }
footer .social a:hover{ color: #e5048c; border-color: #e5048c; }
footer p{ margin-top: 50px; font-family:'Tacoma', sans-serif; font-size: 2.2em; line-height: 1.05em; letter-spacing: 6px; color: #00a0ad; text-align: center !important; display: none; }

#inner footer .social a{ margin-top: 25px; font-size: 1.3em; line-height: 30px; }
/*** /SHARE ***/

/*** COPYRIGHT ***/
#copyright{ padding: 20px 0; font-size: 1em; color: #45f7e9; background: #00a0ad; text-align: center; }
#copyright a{ color: #45f7e9; }
#copyright a:hover{ color: #fff; }
#copyright br{ display: none; }
/*** /COPYRIGHT ***/

/*** LIKEBOX ***/

/*** /LIKEBOX ***/

/*** FOOTER ***/

/*** /FOOTER ***/

/*** POPUP ***/

/*** POPUP ***/

/*** STYLE ***/
.color01{ color:#ed0677;}

input, textarea{ width: 100%; margin: 7px 0; padding: 10px 15px; border: 2px solid #6d6e71; }
textarea{ height: 223px; }
form{ margin-top: 20px; }

.btn-primary{ width: 240px; margin: 0; padding:10px 0; font-size: 1.5em; background: #6a2c90; border: 0; border-radius: 0; }
.btn-primary:hover{ background: #e5048c; }
.btn-primary:focus{ background: #e5048c !important; border: 0 !important; outline: 0 !important; }
/*** /STYLE ***/