/* CSS crunched with Crunch - http://crunchapp.net/ */
/* Dr.Yoho */
@font-face {
font-family: 'Modern-Regular';
src: url(../fonts/m20.eot);
}
@font-face {
font-family: 'Modern-Regular';
src: url(../fonts/m20.ttf) format('opentype');
}
@font-face {
font-family: 'ProximaNova-Regular';
src: url(../fonts/pnr.eot);
}
@font-face {
font-family: 'ProximaNova-Regular';
src: url(../fonts/pnr.ttf) format('opentype');
}
@font-face {
font-family: 'ProximaNova-Bold';
src: url(../fonts/pnb.eot);
}
@font-face {
font-family: 'ProximaNova-Bold';
src: url(../fonts/pnb.ttf) format('opentype');
}
@font-face {
font-family: 'ProximaNova-Extrabld';
src: url(../fonts/pneb.eot);
}
@font-face {
font-family: 'ProximaNova-Extrabld';
src: url(../fonts/pneb.ttf) format('opentype');
}
@font-face {
font-family: 'ProximaNova-Light';
src: url(../fonts/pnl.eot);
}
@font-face {
font-family: 'ProximaNova-Light';
src: url(../fonts/pnl.ttf) format('opentype');
}
html,
body {
color: #494949;
margin: 0;
padding: 0;
background: #ffffff;
overflow-x: hidden;
font-family: 'ProximaNova-Regular', sans-serif;
font-size: 13pt;
}
img,
div,
table,
tr,
td,
p,
form,
h1,
h2,
h3,
h4,
h5,
h6,
a,
dl,
dt,
dd,
button,
input,
blockquote,
textarea {
border-width: 0;
padding: 0;
margin: 0;
border-spacing: 0;
border-collapse: collapse;
text-indent: 0;
}
p {
margin: 0 0 30px 0;
line-height: 21pt;
}
address {
font-style: normal;
}
ins {
text-decoration: none;
}
header,
section,
footer,
article,
nav,
aside {
display: block;
}
a,
a:link,
a:active,
a:visited {
color: #2b0b44;
outline: none;
text-decoration: none;
}
a:hover {
color: #4b097e;
border-bottom: 1px solid rgba(75, 9, 126, 0.3);
}
h1,
h2,
h3,
h4 {
font-weight: normal;
}
button {
background: rgba(85, 60, 105, 0.9);
text-indent: 0;
padding: 0 20px;
color: #ffffff;
cursor: pointer;
width: 180px;
height: 40px;
font-size: 10pt;
text-transform: uppercase;
font-family: 'ProximaNova-Extrabld', sans-serif;
letter-spacing: 2px;
display: inline-block;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
transition: 0.5s;
}
button:hover {
background: #553c69;
}
input {
background: #eeebf0;
font-size: 13pt;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="number"],
input[type="password"] {
text-indent: 15px;
border-bottom: 5px solid #553c69;
height: 40px;
}
input[type="file"] {
text-indent: 0;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
textarea {
padding: 10px 15px;
background: #eeebf0;
border-bottom: 5px solid #553c69;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
font-size: 13pt;
font-family: 'ProximaNova-Regular', sans-serif;
}
.block {
display: block;
}
.iblock {
display: inline-block;
vertical-align: top;
}
.none {
display: none;
}
.fleft {
float: left;
}
.fright {
float: right;
}
.fnone {
float: none;
}
.bx {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
.grayf {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
-webkit-transition: all .6s ease;
/* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden;
/* Fix for transition flickering */
}
.grayfd {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.ohidden {
overflow: hidden;
}
.w100 {
width: 100%;
}
.h100 {
height: 100%;
}
.both {
clear: both;
}
.normal {
font-weight: normal;
}
.bold {
font-weight: bold;
}
.inormal {
font-style: normal;
}
.italic {
font-style: italic;
}
.center {
text-align: center;
}
.tleft {
text-align: left;
}
.tright {
text-align: right;
}
.utext {
text-decoration: underline;
}
.ntext {
text-decoration: none;
}
.uptext {
text-transform: uppercase;
}
.ulclear {
padding: 0;
margin: 0;
list-style: none;
}
.cmargin {
margin: 0 auto;
}
.rel {
position: relative;
}
.abs {
position: absolute;
}
.fixed {
position: fixed;
}
.static {
position: static;
}
input.error,
textarea.error {
border: 1px solid red !important;
}
small.error {
color: red;
font-size: 10pt;
display: block;
clear: both;
}
.t {
transition: 0.5s;
}
.flcenter {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.jc {
justify-content: center;
}
.flex {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.modern {
font-family: 'Modern-Regular', serif;
}
.preg {
font-family: 'ProximaNova-Regular', sans-serif;
}
.pbold {
font-family: 'ProximaNova-Bold', sans-serif;
}
.pebold {
font-family: 'ProximaNova-Extrabld', sans-serif;
}
.plight {
font-family: 'ProximaNova-Light', sans-serif;
}
body header {
color: #ffffff;
background: url('../images/hbck.png') no-repeat center center / 100% 100%;
height: 86px;
width: 100%;
}
body header section {
max-width: 1066px;
margin: 0 auto;
width: 100%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body header section > a {
float: left;
display: block;
}
body header section > a.logo {
color: #ffffff;
padding: 16px 0 0;
width: 360px;
font-size: 24pt;
font-family: 'Modern-Regular', serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body header section > a.logo span {
color: rgba(255, 255, 255, 0.66);
letter-spacing: 2px;
display: block;
font-family: 'ProximaNova-Bold', sans-serif;
font-size: 8pt;
text-transform: uppercase;
}
body header section > a.phone {
padding: 26px 55px 0 0;
color: #ffffff;
width: 230px;
height: 86px;
/*background: #6e4c89;*/
/*background: -moz-linear-gradient(top, #6e4c89 0%, #533967 100%);*/
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6e4c89), color-stop(100%, #533967));*/
/*background: -webkit-linear-gradient(top, #6e4c89 0%, #533967 100%);*/
/*background: -o-linear-gradient(top, #6e4c89 0%, #533967 100%);*/
/*background: -ms-linear-gradient(top, #6e4c89 0%, #533967 100%);*/
/*background: linear-gradient(to bottom, #6e4c89 0%, #533967 100%);*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@color1', endColorstr='@color2',GradientType=0 );*/
font-size: 14.5pt;
letter-spacing: 1px;
font-family: 'ProximaNova-Extrabld', sans-serif;
font-style: normal;
text-align: right;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body header section > a.phone:before {
content: '';
background: url('../images/phone.png') no-repeat center center / 16px 30px;
width: 25px;
height: 30px;
right: 25px;
top: 28px;
display: inline-block;
vertical-align: top;
position: absolute;
}
body header section > a.phone span {
color: rgba(255, 255, 255, 0.66);
letter-spacing: 2px;
display: block;
font-family: 'ProximaNova-Bold', sans-serif;
font-size: 8pt;
text-transform: uppercase;
}
body header section > a.menu {
padding: 20px 20px;
height: 66px;
background: #552f72;
background: -moz-linear-gradient(top, #552f72 0%, #402356 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #552f72), color-stop(100%, #402356));
background: -webkit-linear-gradient(top, #552f72 0%, #402356 100%);
background: -o-linear-gradient(top, #552f72 0%, #402356 100%);
background: -ms-linear-gradient(top, #552f72 0%, #402356 100%);
background: linear-gradient(to bottom, #552f72 0%, #402356 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@color1', endColorstr='@color2',GradientType=0 );
display: none;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body header section > a.menu img {
width: 32px;
transition: 0.5s;
display: block;
}
body header section > a.menu img:last-of-type {
display: none;
}
body header section > a.menu:hover img {
opacity: 0.7;
}
body header section > a.menu.close:last-of-type {
display: block;
}
body header section > a.menu.close:first-of-type {
display: none;
}
body header section > a.header-address-banner {
color: #ffffff;
border: none;
}
body header section .header-address-banner {
padding: 26px 75px 0 0;
width: 340px;
height: 86px;
text-transform: uppercase;
font-size: 12pt;
letter-spacing: 1px;
font-family: 'ProximaNova-Extrabld', sans-serif;
font-style: normal;
text-align: right;
float: left;
display: block;
/*background: #552f72;*/
/*background: -moz-linear-gradient(top, #552f72 0%, #402356 100%);*/
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #552f72), color-stop(100%, #402356));*/
/*background: -webkit-linear-gradient(top, #552f72 0%, #402356 100%);*/
/*background: -o-linear-gradient(top, #552f72 0%, #402356 100%);*/
/*background: -ms-linear-gradient(top, #552f72 0%, #402356 100%);*/
/*background: linear-gradient(to bottom, #552f72 0%, #402356 100%);*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@color1', endColorstr='@color2',GradientType=0 );*/
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body header section .header-address-banner:before {
content: '';
background: url('../images/pin.png') no-repeat center center / 25px 34px;
width: 25px;
height: 34px;
right: 40px;
top: 25px;
display: inline-block;
vertical-align: top;
position: absolute;
}
body header section .header-address-banner span {
color: rgba(255, 255, 255, 0.66);
letter-spacing: 2px;
font-family: 'ProximaNova-Bold', sans-serif;
display: block;
font-size: 8pt;
}
body header section > ul.lang {
width: 136px;
height: 86px;
background: #85659d;
background: -moz-linear-gradient(top, #85659d 0%, #644c76 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #85659d), color-stop(100%, #644c76));
background: -webkit-linear-gradient(top, #85659d 0%, #644c76 100%);
background: -o-linear-gradient(top, #85659d 0%, #644c76 100%);
background: -ms-linear-gradient(top, #85659d 0%, #644c76 100%);
background: linear-gradient(to bottom, #85659d 0%, #644c76 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@color1', endColorstr='@color2',GradientType=0 );
font-size: 0;
text-align: center;
padding: 0;
margin: 0;
list-style: none;
display: block;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
padding: 23px 0 0;
}
body header section > ul.lang li {
margin: 0 5px;
width: 40px;
height: 40px;
display: inline-block;
vertical-align: top;
line-height: 40px;
}
body header section > ul.lang li a {
color: rgba(255, 255, 255, 0.66);
width: 40px;
height: 40px;
font-size: 9pt;
letter-spacing: 1px;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-ms-border-radius: 100%;
text-transform: uppercase;
font-family: 'ProximaNova-Bold', sans-serif;
display: block;
}
body header section > ul.lang li a:hover {
color: #ffffff;
}
body header section > ul.lang li.selected a {
color: #ffffff;
background: #553c69;
}
body > nav {
height: 67px;
overflow: hidden;
z-index: 11;
width: 100%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body > nav:before {
content: '';
border-bottom: 1px solid rgba(103, 77, 124, 0.2);
height: 62px;
left: 0;
top: 0;
width: 100%;
display: block;
position: absolute;
z-index: 10;
}
body > nav section {
display: table;
position: relative;
z-index: 11;
margin: 0 auto;
max-width: 1066px;
width: 100%;
}
body > nav section ul {
display: table-row;
}
body > nav section ul li {
display: table-cell;
text-align: center;
}
body > nav section ul li a {
color: #494949 !important;
padding: 25px 0 23px;
height: 67px;
transition: 0.2s;
font-family: 'ProximaNova-Extrabld', sans-serif;
font-size: 10pt;
letter-spacing: 1px;
display: inline-block;
vertical-align: top;
text-transform: uppercase;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body > nav section ul li a:hover {
border-bottom: 5px solid #553c69;
}
body > nav section ul li.selected a {
border-bottom: 5px solid #553c69;
}
body > nav section ul.lang {
width: 136px;
height: 56px;
margin: 0 auto !important;
font-size: 0;
text-align: center;
padding: 0;
margin: 0;
list-style: none;
display: block;
display: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
padding: 13px 0 0;
}
body > nav section ul.lang li {
border-bottom: none !important;
margin: 0 5px;
width: 40px;
height: 40px;
display: inline-block;
vertical-align: top;
line-height: 40px;
}
body > nav section ul.lang li a {
width: 40px;
height: 40px;
font-size: 9pt;
letter-spacing: 1px;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-ms-border-radius: 100%;
text-transform: uppercase;
font-family: 'ProximaNova-Bold', sans-serif;
display: block;
}
body > nav section ul.lang li a:hover {
color: #ffffff;
}
body > nav section ul.lang li.selected a {
color: #ffffff !important;
background: #553c69;
}
body > nav section ul.mobile {
padding: 20px;
background: #eeebf0;
}
body > aside.slider {
height: 675px;
position: relative;
width: 100%;
z-index: 10;
overflow: hidden;
margin: 0 auto;
max-width: 1280px;
margin-top: -5px;
}
body > aside.slider:before {
content: '';
margin: 0 0 0 -533px;
border-bottom: 10px solid #553c69;
width: 1066px;
left: 50%;
bottom: 0;
overflow: hidden;
z-index: 11;
display: block;
position: absolute;
}
body > aside.slider ul {
height: 665px;
padding: 0;
margin: 0;
list-style: none;
margin: 0 auto;
display: block;
z-index: 10;
width: 100%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body > aside.slider ul li {
background: #ffffff;
padding: 0 8.333%;
height: 665px;
position: relative;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body > aside.slider ul li > img {
margin: 0 0 0 -106px;
width: 680px;
display: block;
float: left;
}
body > aside.slider ul li > div {
padding: 60px 0;
width: 430px;
float: right;
z-index: 11;
position: relative;
}
body > aside.slider ul li > div h2 {
padding: 0 0 25px;
margin: 0 0 25px;
width: 50%;
color: #553c69;
font-size: 30pt;
font-family: 'Modern-Regular', serif;
position: relative;
}
body > aside.slider ul li > div h2:before {
content: '';
border-top: 2px solid rgba(85, 60, 105, 0.33);
left: 0;
bottom: 0;
width: 80px;
display: block;
position: absolute;
}
body > aside.slider ul li > div p {
color: #2b0b44;
line-height: 22.5pt;
clear: both;
}
body > aside.slider ul li > div > img {
margin: 80px 0 0;
width: 175px;
float: left;
}
body > aside.slider ul li > div > a {
margin: 70px 0 0;
color: #ffffff;
background: rgba(43, 11, 68, 0.8);
width: 180px;
height: 40px;
transition: 0.5s;
font-family: 'ProximaNova-Extrabld', sans-serif;
text-transform: uppercase;
font-size: 10pt;
letter-spacing: 1px;
line-height: 40px;
display: inline-block;
vertical-align: top;
float: right;
text-align: center;
}
body > aside.slider ul li > div > a:hover {
background: #674d7c;
border: none;
}
body > aside.slider > div {
top: 105px;
right: 8.333%;
font-size: 0;
z-index: 99;
position: absolute;
}
body > aside.slider > div a {
background: #674d7c;
padding: 10px 0;
width: 40px;
height: 40px;
display: inline-block;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body > aside.slider > div a img {
margin: 0 auto;
display: block;
height: 100%;
}
body > aside.slider > div a.prev {
transition: 0.5s;
}
body > aside.slider > div a.prev:hover {
background: #2b0b44;
border: none;
}
body > aside.slider > div a.next {
background: #2b0b44;
transition: 0.5s;
}
body > aside.slider > div a.next:hover {
background: #674d7c;
border: none;
}
body article {
background: #eeebf0;
width: 100%;
overflow: hidden;
}
body article.front h1,
body article.front h2 {
padding: 40px 0;
color: #553c69;
font-family: 'ProximaNova-Extrabld', sans-serif;
text-transform: uppercase;
text-align: center;
font-size: 28pt;
letter-spacing: 2px;
}
body article.front h1 span,
body article.front h2 span {
display: block;
font-family: 'ProximaNova-Regular', sans-serif;
font-size: 18pt;
}
body article.front section.fserv {
padding: 0 0 12px;
width: 100%;
max-width: 1066px;
margin: 0 auto;
overflow: hidden;
}
body article.front section.fserv > ul {
padding: 0;
margin: 0;
list-style: none;
display: block;
overflow: hidden;
}
body article.front section.fserv > ul > li {
margin: 0 38px 38px 0;
background: #ffffff;
width: 330px;
height: 210px;
position: relative;
float: left;
}
body article.front section.fserv > ul > li:nth-of-type(3n) {
margin: 0 0 38px;
}
body article.front section.fserv > ul > li a {
border: none;
padding: 25px 30px;
height: 210px;
display: block;
width: 100%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body article.front section.fserv > ul > li a > img {
top: 0;
right: 0;
transition: 0.5s;
position: absolute;
z-index: 10;
height: 100%;
}
body article.front section.fserv > ul > li a strong {
max-width: 250px;
font-family: 'Modern-Regular', serif;
font-weight: normal;
display: block;
font-size: 24pt;
position: relative;
z-index: 11;
}
body article.front section.fserv > ul > li a ins {
left: 30px;
bottom: 25px;
letter-spacing: 1px;
font-size: 9pt;
text-transform: uppercase;
font-family: 'ProximaNova-Extrabld', sans-serif;
position: absolute;
z-index: 11;
}
body article.front section.fserv > ul > li a:hover > img {
opacity: 0.5;
}
body article.front section.mdry {
padding: 0 0 80px;
background: #ffffff;
width: 100%;
overflow: hidden;
position: relative;
}
body article.front section.mdry:before {
content: '';
margin: 0 0 0 -533px;
border-top: 10px solid #553c69;
width: 1066px;
bottom: 0;
left: 50%;
display: block;
position: absolute;
z-index: 10;
}
body article.front section.mdry > ul {
width: 100%;
max-width: 1066px;
display: block;
padding: 0;
margin: 0;
list-style: none;
overflow: hidden;
margin: 0 auto;
z-index: 11;
position: relative;
}
body article.front section.mdry > ul > li {
height: 210px;
width: 510px;
float: left;
}
body article.front section.mdry > ul > li:first-of-type {
margin: 0 46px 0 0;
}
body article.front section.mdry > ul > li:first-of-type a {
background: #76598f;
transition: 0.5s;
}
body article.front section.mdry > ul > li:first-of-type a:hover {
background: #310d4e;
}
body article.front section.mdry > ul > li:last-of-type a {
background: #310d4e;
transition: 0.5s;
}
body article.front section.mdry > ul > li:last-of-type a:hover {
background: #76598f;
}
body article.front section.mdry > ul > li a {
color: #ffffff;
border: none;
padding: 25px 30px;
height: 210px;
width: 100%;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body article.front section.mdry > ul > li a > img {
right: 0;
top: 0;
width: 200px;
position: absolute;
z-index: 10;
}
body article.front section.mdry > ul > li a strong,
body article.front section.mdry > ul > li a span,
body article.front section.mdry > ul > li a ins {
position: relative;
z-index: 10;
}
body article.front section.mdry > ul > li a strong {
margin: 0 0 15px;
max-width: 310px;
font-family: 'Modern-Regular', serif;
font-weight: normal;
display: block;
font-size: 24pt;
}
body article.front section.mdry > ul > li a span {
color: rgba(255, 255, 255, 0.8);
font-size: 12pt;
max-width: 300px;
display: block;
}
body article.front section.mdry > ul > li a ins {
left: 30px;
bottom: 25px;
letter-spacing: 1px;
font-size: 9pt;
text-transform: uppercase;
font-family: 'ProximaNova-Extrabld', sans-serif;
position: absolute;
z-index: 11;
}
body article.front section.psay {
padding: 0 0 40px;
width: 100%;
max-width: 1066px;
overflow: hidden;
margin: 0 auto;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body article.front section.psay > h2 {
padding-bottom: 0;
}
body article.front section.psay > ul {
width: 740px;
padding: 0;
margin: 0;
list-style: none;
display: block;
text-align: center;
margin: 0 auto;
position: relative;
z-index: 11;
}
body article.front section.psay > ul:before {
content: '';
background: url('../images/quote.png') no-repeat center center / 59px 46px;
width: 59px;
height: 46px;
left: 0;
top: 0;
display: block;
position: absolute;
z-index: 10;
}
body article.front section.psay > ul > li {
padding: 20px 15px 0;
position: relative;
z-index: 11;
}
body article.front section.psay > ul > li p {
line-height: 19.5pt;
}
body article.front section.psay > ul > li > strong {
color: #674d7c;
font-family: 'ProximaNova-Extrabld', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10pt;
font-weight: normal;
display: block;
}
body article.front section.psay > div {
top: 140px;
right: 0;
font-size: 0;
z-index: 10;
width: 100%;
position: absolute;
}
body article.front section.psay > div a {
background: #674d7c;
padding: 10px 0;
width: 40px;
height: 40px;
display: inline-block;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body article.front section.psay > div a img {
margin: 0 auto;
display: block;
height: 100%;
}
body article.front section.psay > div a.prev {
transition: 0.5s;
}
body article.front section.psay > div a.prev:hover {
background: #2b0b44;
border: none;
}
body article.front section.psay > div a.next {
background: #2b0b44;
float: right;
transition: 0.5s;
}
body article.front section.psay > div a.next:hover {
background: #674d7c;
border: none;
}
body article.front section.psay a.readmore {
margin: 30px auto 0;
color: #ffffff;
background: rgba(43, 11, 68, 0.8);
width: 220px;
height: 50px;
transition: 0.5s;
font-family: 'ProximaNova-Extrabld', sans-serif;
text-transform: uppercase;
font-size: 10pt;
letter-spacing: 1px;
line-height: 50px;
display: block;
text-align: center;
}
body article.front section.psay a.readmore:hover {
background: #674d7c;
border: none;
}
body article.testimonials > ul {
padding: 0;
margin: 0;
list-style: none;
display: block;
overflow: hidden;
padding-top: 30px;
}
body article.testimonials > ul > li {
background: #fbfafc;
padding: 0 20px 20px;
margin-bottom: 30px;
width: 100%;
overflow: hidden;
text-align: right;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body article.testimonials > ul > li:nth-of-type(even) {
background: none;
}
body article.testimonials > ul > li h3 {
border-top: 1px solid #e5deea;
color: #674d7c;
padding: 20px 0 0;
margin: 0 0 10px;
font-family: 'Modern-Regular', serif;
font-size: 24pt;
text-align: left;
position: relative;
}
body article.testimonials > ul > li h3:before {
content: '';
left: 0;
top: 0;
border-top: 3px solid #e5deea;
width: 40px;
display: block;
position: absolute;
}
body article.testimonials > ul > li p {
margin-bottom: 10px;
text-align: left;
display: block;
clear: both;
width: 100%;
}
body article.testimonials > ul > li em {
padding: 0 20px 0 0;
border-right: 1px solid #e5deea;
color: #8e70a6;
height: 40px;
font-size: 12pt;
line-height: 20px;
font-style: normal;
display: inline-block;
vertical-align: top;
max-width: 220px;
}
body article.testimonials > ul > li a.vl {
margin: 2px 0 0 15px;
padding: 0 0 0 44px;
background: url('../images/letter.png') no-repeat left center / 32px 32px;
border: none;
height: 32px;
line-height: 32px;
display: inline-block;
vertical-align: top;
}
body footer {
width: 100%;
}
body footer form {
padding: 0 0 70px;
max-width: 1066px;
width: 100%;
overflow: hidden;
margin: 0 auto;
}
body footer form h3 {
padding: 40px 0 35px;
color: #553c69;
clear: both;
font-family: 'ProximaNova-Extrabld', sans-serif;
text-transform: uppercase;
text-align: center;
font-size: 28pt;
letter-spacing: 2px;
}
body footer form h3 span {
display: block;
font-family: 'ProximaNova-Regular', sans-serif;
font-size: 18pt;
}
body footer form p {
margin: 0 20px 0 0;
padding: 0 30px 0 0;
width: 320px;
display: block;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body footer form p:nth-of-type(2) {
width: 360px;
}
body footer form p input {
height: 32px !important;
margin: 0 0 10px;
font-size: 11pt;
width: 100%;
}
body footer form p textarea {
height: 131px;
width: 100%;
font-size: 11pt;
}
body footer form > div {
width: 280px;
display: inline-block;
vertical-align: top;
}
body footer form button {
margin-top: 10px;
}
body footer nav {
padding: 40px 0 20px;
background: #eeebf0;
position: relative;
}
body footer nav:after {
content: '';
border-top: 10px solid #ffffff;
margin: 0 0 0 -533px;
left: 50%;
top: -10px;
height: 5px;
width: 1066px;
overflow: hidden;
display: block;
position: absolute;
}
body footer nav section {
max-width: 1066px;
margin: 0 auto;
overflow: hidden;
width: 100%;
position: relative;
}
body footer nav section > ul {
padding: 0;
margin: 0;
list-style: none;
margin: 0 auto;
display: block;
overflow: hidden;
max-width: 1066px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body footer nav section > ul > li {
width: 266px;
padding: 0 36px 40px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
display: block;
float: left;
overflow: hidden;
}
body footer nav section > ul > li > a {
color: #674d7c !important;
border-bottom: 2px solid #674d7c;
padding: 0 0 17px;
transition: 0.5s;
font-size: 11pt;
display: block;
font-family: 'ProximaNova-Extrabld', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
}
body footer nav section > ul > li > a:hover {
color: #2b0b44 !important;
border-bottom: 2px solid #674d7c;
}
body footer nav section > ul > li ul {
padding: 0;
margin: 0;
list-style: none;
display: block;
overflow: hidden;
width: 100%;
padding-top: 20px;
}
body footer nav section > ul > li ul li {
padding-bottom: 13px;
font-size: 12pt;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
width: 100%;
}
body footer nav section > ul > li:first-of-type {
padding-right: 100px;
width: 530px;
}
body footer nav section > ul > li:first-of-type ul li {
width: 50%;
}
body footer nav section > ul > li:first-of-type ul li:nth-of-type(even) {
clear: right;
}
body footer nav section > ul > li:first-of-type ul li:nth-of-type(odd) {
clear: left;
}
body footer nav section > ul > li:nth-of-type(2) {
width: 266px;
padding-right: 66px;
}
body footer nav section > ul > li:last-of-type {
width: 690px;
}
body footer nav section > ul > li:last-of-type ul li {
width: 33.333%;
}
body footer nav section a.phone {
color: #553c69;
background: url('../images/fc.png') no-repeat left bottom / auto 34px;
padding: 0 0 0 10px;
right: 0;
bottom: 50px;
min-height: 34px;
font-family: 'ProximaNova-Extrabld', sans-serif;
font-size: 18pt;
display: block;
float: left;
position: absolute;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body footer nav section a.phone:hover {
border-bottom: none;
}
body footer nav section a.phone span {
color: #7a6689;
text-transform: capitalize;
font-size: 9pt;
display: block;
font-family: 'ProximaNova-Regular', sans-serif;
text-align: right;
}
body footer > section {
color: rgba(43, 11, 68, 0.6);
padding: 30px 0;
width: 100%;
max-width: 1066px;
margin: 0 auto;
overflow: hidden;
font-size: 12pt;
}
body footer > section > small {
width: 266px;
float: left;
display: block;
font-size: 12pt;
}
body footer > section > div {
max-width: 800px;
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body footer > section > div span {
margin-right: 20px;
display: inline-block;
vertical-align: top;
}
body footer > section > div span:first-of-type {
min-width: 340px;
}
body footer > section > div p {
margin-bottom: 5px;
}
body main {
width: 100%;
max-width: 1280px;
margin: 0 auto;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body main aside.left {
margin: 30px 85px 50px 70px;
width: 310px;
float: left;
}
body main aside.left nav ul {
padding: 0;
margin: 0;
list-style: none;
display: block;
overflow: hidden;
}
body main aside.left nav ul li {
padding: 0 0 1px;
}
body main aside.left nav ul li a {
border: none;
padding: 5px 30px 3px;
min-height: 36px;
transition: 0.5s;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
font-size: 12pt;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
body main aside.left nav ul li a:hover {
background: #eeebf0;
}
body main aside.left nav ul li.selected a {
background: #eeebf0;
}
body main aside.left a.request {
border: none;
margin: 30px 0 30px 30px;
color: #ffffff;
height: 60px;
background: #6e4c89;
background: -moz-linear-gradient(top, #6e4c89 0%, #533967 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6e4c89), color-stop(100%, #533967));
background: -webkit-linear-gradient(top, #6e4c89 0%, #533967 100%);
background: -o-linear-gradient(top, #6e4c89 0%, #533967 100%);
background: -ms-linear-gradient(top, #6e4c89 0%, #533967 100%);
background: linear-gradient(to bottom, #6e4c89 0%, #533967 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@color1', endColorstr='@color2',GradientType=0 );
line-height: 60px;
font-size: 14pt;
text-align: center;
font-family: 'ProximaNova-Bold', sans-serif;
display: block;
transition: 0.5s;
}
body main aside.left a.request:hover {
background: #6e4c89;
background: -moz-linear-gradient(top, #6e4c89 0%, #674d7c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6e4c89), color-stop(100%, #674d7c));
background: -webkit-linear-gradient(top, #6e4c89 0%, #674d7c 100%);
background: -o-linear-gradient(top, #6e4c89 0%, #674d7c 100%);
background: -ms-linear-gradient(top, #6e4c89 0%, #674d7c 100%);
background: linear-gradient(to bottom, #6e4c89 0%, #674d7c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@color1', endColorstr='@color2',GradientType=0 );
}
body main aside.left .rt {
margin: 24px 0;
}
body main aside.left .rt h2 {
border: none;
border-top: 1px solid rgba(75, 9, 126, 0.1);
padding: 6px 0 5px;
margin: 0 24px;
text-transform: uppercase;
font-size: 11pt;
}
body main aside.left .rt blockquote {
background: #eeebf0;
margin: 0;
padding: 24px;
font-size: 10pt;
line-height: 20px;
}
body main aside.left .rt blockquote h3 {
margin-bottom: 5px;
font-family: 'Modern-Regular', serif;
font-size: 16pt;
}
body main aside.left .rt blockquote p {
color: #000000;
margin: 0 0 5px;
line-height: 19px;
}
body main aside.left .rt blockquote em {
color: #674d7c;
display: block;
text-align: right;
font-weight: bold;
font-style: normal;
}
body main aside.left .rt a.readmore {
margin: 20px auto 0;
color: #ffffff;
background: rgba(43, 11, 68, 0.8);
width: 200px;
height: 40px;
transition: 0.5s;
font-family: 'ProximaNova-Extrabld', sans-serif;
text-transform: uppercase;
font-size: 10pt;
letter-spacing: 1px;
line-height: 40px;
display: block;
text-align: center;
}
body main aside.left .rt a.readmore:hover {
background: #674d7c;
border: none;
}
body main article {
background: none;
padding: 30px 8.333% 25px 0;
width: 100%;
max-width: 660px;
float: left;
}
body main article h1 {
padding: 0 0 25px;
margin: 0 0 25px;
color: #553c69;
font-size: 30pt;
font-family: 'Modern-Regular', serif;
position: relative;
}
body main article h1:before {
content: '';
border-top: 2px solid rgba(85, 60, 105, 0.33);
left: 0;
bottom: 0;
width: 80px;
display: block;
position: absolute;
}
body main article img {
margin: 10px 20px;
}
body main article ol li,
body main article ul li {
margin-bottom: 10px;
line-height: 21pt;
}
body main article a {
color: #7f37b7 !important;
border-bottom: 1px solid rgba(75, 9, 126, 0.3);
transition: 0.5s;
}
body main article a:hover {
color: #4b097e !important;
border-bottom: 1px solid rgba(75, 9, 126, 0.6);
}
body main article span.first {
margin: -120px -90px 0 0;
padding: 15px;
background: url('../images/phstroke.jpg') no-repeat center center / 100% 100%;
width: 370px;
height: 370px;
display: block;
float: right;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body main article span.first img {
display: block;
width: 100%;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-ms-border-radius: 100%;
}
body main article blockquote {
border: 1px solid #b9afc1;
padding: 30px 45px 10px;
margin: 0 0 25px;
line-height: 22.5pt;
font-family: 'ProximaNova-Extrabld', sans-serif;
position: relative;
}
body main article blockquote:before {
content: '';
border-top: 3px solid #b9afc1;
left: 0;
top: 0;
width: 80px;
height: 5px;
font-size: 15pt;
overflow: hidden;
display: block;
position: absolute;
}
body main article blockquote p {
line-height: 22.5pt;
font-size: 15pt;
}
body main article a.readmore {
background: rgba(85, 60, 105, 0.9);
text-indent: 0;
padding: 0 20px;
margin: 0 0 30px;
color: #ffffff !important;
cursor: pointer;
min-width: 180px;
height: 40px;
font-size: 10pt;
text-transform: uppercase;
font-family: 'ProximaNova-Extrabld', sans-serif;
letter-spacing: 2px;
line-height: 40px;
display: inline-block;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
transition: 0.5s;
}
body main article a.readmore:hover {
background: #553c69;
}
body main article.fw {
padding-right: 0;
max-width: 1070px;
float: none;
margin: 0 auto;
}
body main article.fw div.address {
width: 24%;
}
body main article.fw form.form {
margin-top: -14px;
width: 50%;
}
body main article.fw form.form input[type="text"],
body main article.fw form.form input[type="email"],
body main article.fw form.form input[type="number"] {
float: left;
max-width: 165px;
}
body main article.fw form.form input[type="text"]:nth-of-type(1),
body main article.fw form.form input[type="email"]:nth-of-type(1),
body main article.fw form.form input[type="number"]:nth-of-type(1),
body main article.fw form.form input[type="text"]:nth-of-type(2),
body main article.fw form.form input[type="email"]:nth-of-type(2),
body main article.fw form.form input[type="number"]:nth-of-type(2) {
margin-right: 20px;
margin-left: 0;
}
body main article.fw form.form input[type="text"]:nth-of-type(3),
body main article.fw form.form input[type="email"]:nth-of-type(3),
body main article.fw form.form input[type="number"]:nth-of-type(3) {
margin-right: 0;
margin-left: 0;
}
body main article.fw form.form .captcha {
width: 320px;
}
body main article.fw form.form p.button {
max-width: 180px;
display: inline-block;
vertical-align: top;
}
body main article dl.about {
padding-top: 20px;
border-top: 1px solid rgba(103, 77, 124, 0.2);
width: 100%;
overflow: hidden;
}
body main article dl.about dt {
padding: 0 20px 0 0;
width: 200px;
float: left;
}
body main article dl.about dt img {
background: #eeebf0;
padding-top: 10px;
margin: 0;
display: block;
width: 100%;
}
body main article dl.about dd {
max-width: 850px;
float: left;
}
body main.inside h2 {
padding: 0 0 10px;
margin: 0 0 10px;
color: #674d7c;
border-bottom: 1px solid #eeebf0;
font-size: 16pt;
font-family: 'ProximaNova-Bold', sans-serif;
text-align: left;
clear: both;
}
body main.inside div.address {
padding: 0 30px 10px 0;
width: 50%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body main.inside form {
padding: 0 0 20px;
display: block;
width: 100%;
overflow: hidden;
}
body main.inside form h3 {
color: #674d7c;
margin: 5px 0;
padding: 5px 0;
border-bottom: 1px solid #eeebf0;
font-family: 'ProximaNova-Bold', sans-serif;
font-size: 13pt;
}
body main.inside form p {
padding: 10px 0;
margin: 0;
display: block;
width: 100%;
overflow: hidden;
}
body main.inside form p label {
padding: 0 30px 0 0;
width: 50%;
line-height: 40px;
text-align: right;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body main.inside form p select {
color: #494949;
width: 50%;
height: 40px;
float: right;
font-family: 'ProximaNova-Regular', sans-serif;
font-size: 12pt;
}
body main.inside form p input[type="text"],
body main.inside form p input[type="email"],
body main.inside form p input[type="password"] {
width: 50%;
}
body main.inside form p input[type="text"].short,
body main.inside form p input[type="email"].short,
body main.inside form p input[type="password"].short {
width: 120px;
}
body main.inside form p.chk {
border-bottom: 1px solid #eeebf0;
font-size: 0;
}
body main.inside form p.chk ins {
margin: 0 0 10px;
font-size: 11pt;
font-family: 'ProximaNova-Bold', sans-serif;
display: block;
width: 100%;
}
body main.inside form p.chk span {
width: 25%;
display: inline-block;
vertical-align: top;
overflow: hidden;
font-size: 13pt;
}
body main.inside form p.chk span label {
width: auto;
}
body main.inside form p.chk span input {
margin: 13px 10px 0 0;
float: left;
}
body main.inside form p.chk.fw span {
width: 100%;
}
body main.inside form p.chk.error small {
margin-left: 0;
}
body main.inside form p.call {
display: none;
}
body main.inside form p textarea {
height: 130px;
width: 100%;
}
body main.inside form p button {
margin-top: 20px;
}
body main.inside form p.error label {
color: red;
}
body main.inside form p.error small {
margin-left: 50%;
color: red;
font-size: 11pt;
display: block;
}
body main.inside form .tou {
font-size: 10pt;
line-height: 20px;
}
body main.inside form .tou p {
padding-bottom: 0;
margin-bottom: 0;
line-height: 20px;
}
body main.inside ul.gallery {
padding: 0;
margin: 0;
list-style: none;
display: block;
overflow: hidden;
width: 100%;
font-size: 0;
padding-bottom: 40px;
}
body main.inside ul.gallery li {
padding: 10px 10px 10px 0;
margin: 0;
width: 50%;
text-align: center;
font-size: 13pt;
display: inline-block;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body main.inside ul.gallery li:nth-of-type(even) {
padding: 10px 0 10px 10px;
}
body main.inside ul.gallery li a {
padding: 20px;
background: #eeebf0;
border: none;
min-height: 80px;
transition: 0.5s;
justify-content: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
position: relative;
font-family: 'ProximaNova-Bold', sans-serif;
display: block;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
line-height: 20px;
}
body main.inside ul.gallery li a:hover {
color: #ffffff !important;
background: #674d7c;
}
body main.inside ul.gallery li.a18 a:after {
content: '18+';
right: 10px;
bottom: 10px;
opacity: 0.2;
font-size: 24pt;
display: inline-block;
vertical-align: top;
text-align: center;
float: right;
position: absolute;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body main.inside ul.gallery li.a18 a:hover:after {
opacity: 0.3;
}
body main.inside div.breadcrumbs {
border-bottom: 1px solid #eeebf0;
padding: 0 0 10px;
margin: 0 0 20px;
font-size: 10pt;
}
body main.inside div.breadcrumbs a,
body main.inside div.breadcrumbs span {
border: none;
}
body main.inside div.breadcrumbs a:after,
body main.inside div.breadcrumbs span:after {
content: '\2192';
margin: 0 10px;
display: inline-block;
vertical-align: top;
}
body main.inside div.breadcrumbs a:last-child:after,
body main.inside div.breadcrumbs span:last-child:after {
display: none;
}
body main.inside dl.gitems {
width: 100%;
overflow: hidden;
}
body main.inside dl.gitems dt {
padding: 0 20px 20px 0;
width: 220px;
clear: left;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body main.inside dl.gitems dt a {
border: none;
padding: 0 5px;
width: 50%;
text-align: center;
overflow: hidden;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body main.inside dl.gitems dt a img {
margin-top: 0;
margin-left: 0;
display: block;
width: 100%;
}
body main.inside dl.gitems dt a span {
font-size: 10pt;
}
body main.inside dl.gitems dd {
padding: 0 0 20px;
width: 440px;
clear: right;
float: left;
}
body main.inside dl.gitems dd h3 {
color: #674d7c;
border-bottom: 1px solid #eeebf0;
padding: 0 0 10px;
margin: 0 0 10px;
font-family: 'ProximaNova-Bold', sans-serif;
font-size: 12pt;
}
body main.inside dl.gitems dd h3 a {
border: none;
}
body main.inside dl.gitems dd div.more {
margin: -20px 0 20px;
padding: 10px 0 0;
border-top: 1px solid #eeebf0;
width: 100%;
clear: both;
overflow: hidden;
font-size: 0;
}
body main.inside dl.gitems dd div.more strong {
padding: 0 0 5px;
display: block;
font-size: 13pt;
font-family: 'ProximaNova-Bold', sans-serif;
font-weight: normal;
font-size: 11pt;
}
body main.inside dl.gitems dd div.more span {
margin: 0 10px 10px 0;
display: inline-block;
vertical-align: top;
}
body main.inside dl.gitems dd div.more span a {
margin: 0 5px 0 0;
display: inline-block;
vertical-align: top;
}
body main.inside dl.gitems dd div.more span a img {
display: block;
height: 40px;
}
body main.inside dl.gitems dd a.more {
margin: 0 0 0 10px;
font-size: 10pt;
font-family: 'ProximaNova-Bold', sans-serif;
}
body main.inside dl.gitems.gitem dt {
margin: 0 30px 10px 0;
width: 300px;
padding: 20px 10px 10px 20px;
background: #eeebf0;
}
body main.inside dl.gitems.gitem dt a {
margin-bottom: 10px;
}
body main.inside dl.gitems.gitem dt a:first-of-type {
margin-left: -5px;
}
body main.inside dl.gitems.gitem dt a.more {
color: #ffffff !important;
background: #7c5c95;
padding: 10px 0;
margin: 10px auto -10px;
transition: 0.5s;
width: 100%;
float: none;
clear: both;
max-width: 220px;
font-size: 11pt;
display: block;
font-family: 'ProximaNova-Bold', sans-serif;
position: relative;
}
body main.inside dl.gitems.gitem dt a.more:hover {
background: #674d7c;
}
body main.inside dl.gitems.gitem dd {
width: auto;
float: none;
}
body main.inside dl.gitems.gitem dd h3 {
color: #7f37b7;
margin-left: 330px;
}
body main.inside dl.gitems.gitem dd ins {
color: #929292;
}
body main.inside dl.gitems.news dt {
width: 180px;
overflow: hidden;
}
body main.inside dl.gitems.news dt a {
width: 100%;
}
body main.inside dl.gitems.news dd {
width: 480px;
}
body main.inside dl.gitems.news dd time {
font-size: 10pt;
}
body main.inside a.back {
margin: 0 auto 50px;
max-width: 260px;
text-align: center;
display: block;
clear: both;
}
body main.inside a.exall,
body main.inside a.collall {
margin: -30px 0 20px;
font-size: 11pt;
float: right;
clear: both;
display: none;
}
body main.inside a.exall ins {
display: none;
}
body main.inside a.collall span {
display: none;
}
body main.inside a.collall ins {
display: block;
}
body main.inside ol.accordion,
body main.inside ul.accordion {
padding: 0;
margin: 0;
list-style: none;
display: block;
overflow: hidden;
width: 100%;
}
body main.inside ol.accordion > li > h2 a,
body main.inside ul.accordion > li > h2 a,
body main.inside ol.accordion > li > h3 a,
body main.inside ul.accordion > li > h3 a {
padding: 0 30px 0 0;
border-bottom: none;
position: relative;
display: block;
}
body main.inside ol.accordion > li > h2 a:after,
body main.inside ul.accordion > li > h2 a:after,
body main.inside ol.accordion > li > h3 a:after,
body main.inside ul.accordion > li > h3 a:after {
content: '';
border-left: 2px solid #674d7c;
border-bottom: 2px solid #a57bc6;
width: 8px;
height: 8px;
right: 5px;
top: 2px;
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
overflow: hidden;
display: block;
position: absolute;
}
body main.inside ol.accordion > li > h2 a.opened:after,
body main.inside ul.accordion > li > h2 a.opened:after,
body main.inside ol.accordion > li > h3 a.opened:after,
body main.inside ul.accordion > li > h3 a.opened:after {
top: 7px;
transform: rotate(135deg);
-ms-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
body main.inside ol.accordion > li > h3,
body main.inside ul.accordion > li > h3 {
font-family: 'ProximaNova-Bold', sans-serif;
font-size: 13pt;
}
body main.inside ol.accordion > li > div,
body main.inside ul.accordion > li > div {
display: none;
}
body main.inside ol.accordion > li {
counter-increment: sc;
padding-left: 40px;
padding-top: 2px;
position: relative;
}
body main.inside ol.accordion > li:before {
content: counter(sc) '';
color: #ffffff;
background: #a57bc6;
left: 0;
top: 0;
width: 30px;
height: 30px;
text-align: center;
font-family: 'ProximaNova-Bold', sans-serif;
line-height: 30px;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-ms-border-radius: 100%;
position: absolute;
display: block;
float: left;
}
body main.inside a.navclose {
background: url('../images/close.png') no-repeat left bottom / 12px 12px;
border: none;
width: 20px;
height: 20px;
left: 300px;
top: 0;
z-index: 20;
display: block;
position: fixed;
display: none;
transition: 0.5s;
}
body main.inside a.navclose:hover {
opacity: 0.5;
}
body main.inside a.subnav {
background: #674d7c url('../images/subnav.png') no-repeat center center / 20px 20px;
border: 1px solid #eeebf0;
border-left: none;
width: 20px;
height: 20px;
left: 0;
top: 210px;
z-index: 18;
display: block;
display: none;
position: fixed;
transition: 0.5s;
}
body main.inside a.subnav:hover {
opacity: 0.5;
}
body > aside.also {
padding: 0 0 50px;
background: #eeebf0;
position: relative;
width: 100%;
font-size: 0;
text-align: center;
}
body > aside.also:before {
content: '';
border-top: 10px solid #553c69;
margin: 0 0 0 -533px;
left: 50%;
top: -10px;
height: 5px;
width: 1066px;
overflow: hidden;
display: block;
position: absolute;
}
body > aside.also h2 {
padding: 30px 0;
color: #553c69;
display: block;
width: 100%;
font-family: 'ProximaNova-Extrabld', sans-serif;
text-transform: uppercase;
text-align: center;
font-size: 28pt;
letter-spacing: 2px;
}
body > aside.also h2 span {
display: block;
font-family: 'ProximaNova-Regular', sans-serif;
font-size: 18pt;
}
body > aside.also > div {
color: #ffffff;
padding: 25px 30px;
margin: 0 23px;
min-height: 300px;
width: 100%;
max-width: 510px;
background: #7c5d94;
background: -moz-linear-gradient(top, #7c5d94 0%, #6a4f7d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7c5d94), color-stop(100%, #6a4f7d));
background: -webkit-linear-gradient(top, #7c5d94 0%, #6a4f7d 100%);
background: -o-linear-gradient(top, #7c5d94 0%, #6a4f7d 100%);
background: -ms-linear-gradient(top, #7c5d94 0%, #6a4f7d 100%);
background: linear-gradient(to bottom, #7c5d94 0%, #6a4f7d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@color1', endColorstr='@color2',GradientType=0 );
display: inline-block;
vertical-align: top;
font-size: 12pt;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body > aside.also > div:last-of-type {
background: #330d51;
background: -moz-linear-gradient(top, #330d51 0%, #2b0b44 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #330d51), color-stop(100%, #2b0b44));
background: -webkit-linear-gradient(top, #330d51 0%, #2b0b44 100%);
background: -o-linear-gradient(top, #330d51 0%, #2b0b44 100%);
background: -ms-linear-gradient(top, #330d51 0%, #2b0b44 100%);
background: linear-gradient(to bottom, #330d51 0%, #2b0b44 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@color1', endColorstr='@color2',GradientType=0 );
}
body > aside.also > div a {
color: #ffffff;
}
body > aside.also > div a:hover {
color: rgba(255, 255, 255, 0.66);
}
body > aside.also > div h3 {
padding: 0 0 20px;
margin: 0 0 20px;
color: #ffffff;
font-size: 24pt;
font-family: 'Modern-Regular', serif;
position: relative;
}
body > aside.also > div h3:before {
content: '';
border-top: 2px solid rgba(255, 255, 255, 0.33);
left: 0;
bottom: 0;
width: 80px;
display: block;
position: absolute;
}
body > aside.also > div ul {
padding: 0;
margin: 0;
list-style: none;
display: block;
overflow: hidden;
}
body > aside.also > div ul li {
margin-bottom: 10px;
}
body > aside.also > div:first-of-type ul li {
overflow: hidden;
position: relative;
z-index: 11;
}
body > aside.also > div:first-of-type ul li:after {
content: '';
border-bottom: 1px dashed rgba(255, 255, 255, 0.33);
height: 20px;
left: 0;
bottom: 5px;
display: block;
width: 100%;
position: absolute;
z-index: 10;
display: none;
}
body > aside.also > div:first-of-type ul li a {
border: none;
display: block;
position: relative;
z-index: 11;
}
body > aside.also > div:first-of-type ul li span {
position: relative;
z-index: 11;
float: left;
}
body > aside.also > div:first-of-type ul li em,
body > aside.also > div:first-of-type ul li ins {
position: relative;
z-index: 11;
float: right;
font-style: normal;
display: none;
}
body > aside.also > div:first-of-type,
body > aside.also > div:last-of-type {
padding: 0 0 20px;
}
body > aside.also > div:first-of-type h3,
body > aside.also > div:last-of-type h3 {
margin: 25px 0 10px 30px;
}
body > aside.also > div:first-of-type ul li,
body > aside.also > div:last-of-type ul li {
margin-bottom: 0;
display: none;
}
body > aside.also > div:first-of-type ul li:nth-of-type(1),
body > aside.also > div:last-of-type ul li:nth-of-type(1),
body > aside.also > div:first-of-type ul li:nth-of-type(2),
body > aside.also > div:last-of-type ul li:nth-of-type(2),
body > aside.also > div:first-of-type ul li:nth-of-type(3),
body > aside.also > div:last-of-type ul li:nth-of-type(3),
body > aside.also > div:first-of-type ul li:nth-of-type(4),
body > aside.also > div:last-of-type ul li:nth-of-type(4),
body > aside.also > div:first-of-type ul li:nth-of-type(5),
body > aside.also > div:last-of-type ul li:nth-of-type(5) {
display: block;
}
body > aside.also > div:first-of-type ul li a,
body > aside.also > div:last-of-type ul li a {
min-height: 40px;
padding: 5px 30px;
border: none;
transition: 0.5s;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
display: block;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
body > aside.also > div:first-of-type ul li a:hover,
body > aside.also > div:last-of-type ul li a:hover {
background: rgba(255, 255, 255, 0.15);
}
body > aside.pp {
background: rgba(103, 77, 124, 0.2);
padding: 1%;
left: 0;
top: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
width: 100%;
height: 100%;
display: none;
position: fixed;
z-index: 99;
}
body > aside.pp a.close {
padding: 8px;
background: #674d7c;
width: 30px;
height: 30px;
right: 5px;
top: 5px;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-ms-border-radius: 100%;
display: block;
position: absolute;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body > aside.pp a.close img {
width: 100%;
display: block;
}
body > aside.pp.map iframe {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
width: 100%;
height: 100%;
display: block;
}
body a.olds {
background: #553c69;
border: none;
color: #ffffff;
padding: 5px 0;
margin: 0 0 0 -96px;
top: 180px;
left: 100%;
width: 160px;
transition: 0.5s;
font-weight: bold;
position: fixed;
text-align: center;
display: inline-block;
vertical-align: top;
z-index: 99;
transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
body a.olds:hover {
color: #674d7c;
background: #eeebf0;
box-shadow: 0 0 20px rgba(103, 77, 124, 0.5);
}
body .form h3 {
text-transform: capitalize;
font-size: 24pt !important;
font-family: 'Modern-Regular', serif !important;
}
body .form input[type="text"],
body .form input[type="email"],
body .form input[type="number"] {
float: left;
max-width: 201px;
font-size: 11pt;
}
body .form input[type="text"]:nth-of-type(1),
body .form input[type="email"]:nth-of-type(1),
body .form input[type="number"]:nth-of-type(1),
body .form input[type="text"]:nth-of-type(2),
body .form input[type="email"]:nth-of-type(2),
body .form input[type="number"]:nth-of-type(2) {
margin-right: 10px;
}
body .form input[type="text"]:nth-of-type(2),
body .form input[type="email"]:nth-of-type(2),
body .form input[type="number"]:nth-of-type(2),
body .form input[type="text"]:nth-of-type(3),
body .form input[type="email"]:nth-of-type(3),
body .form input[type="number"]:nth-of-type(3) {
margin-left: 10px;
}
body .form button {
margin-top: 0 !important;
}
body .form .textarea {
padding-right: 17px;
max-width: 320px;
font-size: 11pt;
display: inline-block;
vertical-align: top;
}
body .form > div {
margin-top: 10px;
width: 280px;
display: inline-block;
vertical-align: top;
}
body .captcha {
margin-bottom: 2px;
}
body div.error {
margin-bottom: 10px;
color: #cc0000;
width: 100%;
clear: both;
text-align: center;
}
body div.success {
width: 100%;
clear: both;
text-align: center;
}
body div.success h3 {
padding-bottom: 0;
}
body div.success p {
width: 100%;
}
body div.success a {
color: #ffffff;
margin: 10px 0 0;
padding: 6px 20px 5px;
background: #674d7c;
border: none;
display: inline-block;
vertical-align: top;
font-size: 9pt;
letter-spacing: 1px;
font-family: 'ProximaNova-Extrabld', sans-serif;
text-transform: uppercase;
transition: 0.5s;
}
body div.success a:hover {
background: #553c69;
}
body div.gitem {
margin: 0 40px 20px 0;
padding: 15px 0 5px 0;
background: #eeebf0;
text-align: center;
font-size: 0;
width: 100%;
max-width: 320px;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body div.gitem a {
border: none !important;
margin: 0 3px;
padding: 0;
height: 200px;
text-align: center;
overflow: hidden;
display: inline-block;
vertical-align: top;
max-width: 140px;
width: 100%;
position: relative;
font-size: 13pt;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body div.gitem a.more {
color: #ffffff !important;
background: #7c5c95;
padding: 10px 0;
margin: 10px auto 10px;
height: 40px;
transition: 0.5s;
width: 100%;
float: none;
clear: both;
max-width: 220px;
font-size: 11pt;
max-width: 290px;
display: block;
font-family: 'ProximaNova-Bold', sans-serif;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body div.gitem a.more:hover {
background: #674d7c;
}
body div.gitem a img {
margin: 0;
height: 200px;
display: block;
}
body div.gitem a span {
background: #eeebf0;
padding: 3px 0 0;
left: 0;
bottom: 0;
width: 100%;
display: block;
font-size: 10pt;
position: absolute;
}
@media screen and (max-width: 1279px) {
body > aside.slider ul li > img {
width: 62.4975%;
}
body .form p {
padding-right: 0 !important;
width: 100%;
min-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body .form input[type="text"],
body .form input[type="email"],
body .form input[type="number"] {
margin: 0 0 20px 0 !important;
max-width: 320px;
min-width: 100%;
width: 100% !important;
float: none;
}
body .form input[type="text"]:nth-of-type(3),
body .form input[type="email"]:nth-of-type(3),
body .form input[type="number"]:nth-of-type(3) {
margin-bottom: 0 !important;
}
body main article {
width: 47.4981%;
}
body main article.fw {
width: 100%;
}
body main article.fw .form p {
padding: 0 0 10px;
min-width: auto;
}
body main article.fw .form input[type="text"],
body main article.fw .form input[type="email"],
body main article.fw .form input[type="number"] {
margin-right: 10px !important;
margin-bottom: 10px !important;
max-width: 165px !important;
}
body main article.fw .form input[type="text"]:last-of-type,
body main article.fw .form input[type="email"]:last-of-type,
body main article.fw .form input[type="number"]:last-of-type {
margin-bottom: 0 !important;
}
body main article.fw .form .captcha {
margin-top: 0;
margin-bottom: 10px;
}
}
@media screen and (max-width: 1105px) {
body header {
padding: 0 20px;
}
body header section > a.logo {
width: 300px;
}
body > nav {
padding: 0 20px;
}
body > nav section ul li {
padding: 0 5px;
}
body > nav section ul li a {
padding: 25px 0 23px;
}
body > aside.slider {
height: auto;
}
body > aside.slider > ul {
height: auto;
}
body > aside.slider > ul > li {
height: auto;
}
body > aside.slider > ul > li > img {
width: 49.998%;
position: absolute;
z-index: 10;
}
body article.front section.fserv {
padding: 0 0 30px;
}
body article.front section.fserv > ul {
font-size: 0;
text-align: center;
}
body article.front section.fserv > ul > li {
margin: 0 10px 20px;
width: 300px;
text-align: left;
float: none;
display: inline-block;
vertical-align: top;
}
body article.front section.fserv > ul > li:last-of-type {
margin: 0 10px 20px;
}
body article.front section.fserv > ul > li a {
padding: 15px 20px;
}
body article.front section.fserv > ul > li a ins {
bottom: 15px;
}
body article.front section.mdry {
padding: 0 0 60px;
}
body article.front section.mdry > ul {
text-align: center;
font-size: 0;
}
body article.front section.mdry > ul > li {
margin: 0 10px 20px;
width: 300px;
text-align: left;
float: none;
display: inline-block;
vertical-align: top;
}
body article.front section.mdry > ul > li:first-of-type {
margin: 0 10px 20px;
}
body article.front section.mdry > ul > li a {
padding: 15px 20px;
overflow: hidden;
}
body article.front section.mdry > ul > li a > img {
width: 100px;
top: auto;
bottom: 0;
right: -20px;
}
body article.front section.mdry > ul > li a strong {
margin: 0 0 10px;
font-size: 18pt;
}
body article.front section.mdry > ul > li a ins {
bottom: 15px;
}
body article.front section.psay > div {
top: 0;
}
body article.fw {
padding-left: 20px;
padding-right: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body article.fw dl.about {
padding-left: 20px;
padding-right: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body article.fw dl.about dd {
float: none;
max-width: 100%;
}
body main aside.left {
margin-left: 0;
}
body footer form {
text-align: center;
padding: 0 0 40px;
}
body footer form p {
padding: 0 10px 0;
float: none;
width: 100%;
max-width: 500px;
margin: 0 auto;
}
body footer form p:last-of-type {
padding: 0;
}
body footer form .captcha {
margin-top: 10px;
}
body footer nav section > ul {
text-align: center;
font-size: 0;
}
body footer nav section > ul > li {
width: 50% !important;
padding: 0 20px 30px !important;
text-align: left;
float: none;
display: inline-block;
vertical-align: top;
}
body footer nav section > ul > li ul li {
padding: 0 20px 10px 0;
width: 50% !important;
}
body footer nav section a.phone {
margin: 0 20px 10px 0;
float: right;
position: static;
clear: both;
}
body footer > section {
padding: 30px 20px;
}
body footer > section small {
margin-bottom: 10px;
float: none;
}
body a.olds {
margin: 0;
padding: 20px 0 18px;
position: static;
width: 100%;
transform: rotate(0);
-ms-transform: rotate(0);
-moz-transform: rotate(0);
-webkit-transform: rotate(0);
}
}
@media screen and (max-width: 1023px) {
body header {
padding: 0;
height: auto;
}
body header section {
overflow: hidden;
}
body header section > a.logo {
padding: 6px 0 0 20px;
height: 66px;
background: #390f5a;
background: -moz-linear-gradient(top, #390f5a 0%, #2b0b44 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #390f5a), color-stop(100%, #2b0b44));
background: -webkit-linear-gradient(top, #390f5a 0%, #2b0b44 100%);
background: -o-linear-gradient(top, #390f5a 0%, #2b0b44 100%);
background: -ms-linear-gradient(top, #390f5a 0%, #2b0b44 100%);
background: linear-gradient(to bottom, #390f5a 0%, #2b0b44 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@color1', endColorstr='@color2',GradientType=0 );
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body header section > a.phone {
padding: 16px 55px 0 0;
width: 40%;
height: 66px;
}
body header section > a.phone:before {
top: 18px;
}
body header section > a.menu {
right: 110px;
top: 0;
display: block;
position: absolute;
}
body header section .header-address-banner {
border: 1px solid red;
padding: 16px 75px 0 0;
height: 66px;
width: 60%;
}
body header section .header-address-banner:before {
top: 15px;
}
body header section ul.lang {
padding: 13px 0 0;
height: 66px;
top: 0;
right: 0;
max-width: 110px;
position: absolute;
}
body > nav {
border-bottom: 1px solid #eeebf0;
padding: 5px 0 0;
height: auto;
display: none;
}
body > nav:before {
display: none;
}
body > nav section {
height: auto;
display: block;
width: 100%;
}
body > nav section ul {
padding: 0;
height: auto;
text-align: center;
display: block;
width: 100%;
}
body > nav section ul li {
padding: 0;
border-bottom: 1px solid #eeebf0;
height: auto;
display: inline-block;
vertical-align: top;
width: 100%;
line-height: 30px;
}
body > nav section ul li:last-of-type {
border: none;
}
body > nav section ul li a {
padding: 0;
height: auto;
}
body > nav section ul li a:hover {
border-bottom: none;
}
body > nav section ul li.selected > a {
background: #d5ceda;
border-bottom: 1px solid #ffffff;
display: block;
}
body > nav section ul li.selected > ul {
background: #eeebf0;
padding: 0 0 10px;
}
body > nav section ul li.selected > ul > li {
border: none;
}
body > nav section ul li.selected > ul > li > a {
border: none;
padding: 7px 15px;
line-height: 16px;
display: inline-block;
vertical-align: top;
font-family: 'ProximaNova-Regular', sans-serif;
font-weight: normal;
}
body > nav section ul li.selected > ul > li > a:hover {
background: #c9bfcf;
}
body > nav section ul li.selected > ul > li.selected > a {
background: #d5ceda;
}
body > aside.slider {
margin-top: 0;
}
body > aside.slider > ul > li > img {
width: auto;
opacity: 0.2;
height: 100%;
}
body > aside.slider > div {
top: 20px;
right: 20px;
}
body > aside.also > div {
margin: 0 10px;
}
body article.front section.psay {
padding: 0 20px 40px;
}
body article.front section.psay > ul {
width: 100%;
}
body main aside {
border-bottom: 1px solid #eeebf0;
padding-bottom: 20px;
}
body main aside.left {
width: 100%;
}
body main aside.left nav {
background: rgba(255, 255, 255, 0.8);
padding: 0;
left: 0;
top: 0;
width: 320px;
z-index: 19;
height: 100%;
width: 100%;
position: fixed;
display: none;
}
body main aside.left nav ul {
padding: 20px;
background: #674d7c;
width: 320px;
left: -320px;
top: 0;
overflow-y: auto;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
text-align: center;
font-size: 0;
position: absolute;
}
body main aside.left nav ul li {
display: block;
}
body main aside.left nav ul li a {
color: #eeebf0;
padding: 0 20px;
text-align: left;
}
body main aside.left nav ul li a:hover {
color: #674d7c;
}
body main aside.left nav ul li.selected a {
color: #674d7c;
}
body main aside.left a.request {
margin: 20px;
width: auto;
}
body main aside.left.mobile {
display: block;
}
body main aside.left.mobile > nav {
display: none;
}
body main article {
padding: 30px 20px 25px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
width: 100%;
max-width: 100%;
}
body main article span.first {
margin: -120px 0 0 0;
}
body main article.fw div.address {
width: 50%;
}
body main article.fw form.form {
padding-right: 20px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body main article.fw form.form input[type="text"],
body main article.fw form.form input[type="email"],
body main article.fw form.form input[type="number"] {
max-width: 100% !important;
margin-bottom: 10px !important;
}
body main article.fw form.form input[type="text"]:last-of-type,
body main article.fw form.form input[type="email"]:last-of-type,
body main article.fw form.form input[type="number"]:last-of-type {
margin-bottom: 0 !important;
}
body main.inside {
/*a.subnav {
top: 140px;
.block;
}*/
}
body footer form div.captcha {
margin: 20px 0 10px -15px;
display: inline-block;
vertical-align: top;
}
body footer nav section > ul > li ul li {
width: 100% !important;
}
body footer > section {
padding-bottom: 0;
}
body footer > section small {
margin-bottom: 30px;
}
body footer > section > div p {
margin-bottom: 30px;
}
body footer > section > div p span {
display: block;
}
}
@media screen and (max-width: 539px) {
body header section > a.logo span {
letter-spacing: 1px;
}
body header section > a.menu {
right: 0;
}
body header section > a.phone {
width: 100%;
}
body header section > a.header-address-banner {
width: 100%;
}
body header section .header-address-banner {
padding: 16px 55px 0 0;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body header section .header-address-banner:before {
right: 23px;
}
body header section ul.lang {
display: none;
}
body > nav section ul.lang {
display: block;
}
body > aside.slider > ul > li > div {
width: 100%;
}
body > aside.slider > ul > li > div > img,
body > aside.slider > ul > li > div > a {
margin-top: 0;
float: left;
clear: both;
}
body > aside.slider > ul > li > div > a {
margin-top: 20px;
}
body > aside.also > div {
width: 300px;
}
body main aside.left nav ul li {
width: 100%;
}
body main article span.first {
margin: -60px auto 20px;
float: none;
}
body main article blockquote {
padding: 20px 20px 0;
}
body main article.fw div.address {
width: 100%;
}
body main article.fw dl.about {
padding-left: 0;
}
body main article.fw dl.about dt {
background: #eeebf0;
margin-bottom: 20px;
float: none;
width: 100%;
overflow: hidden;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body main article.fw dl.about dt img {
max-width: 200px;
float: right;
}
body main.inside a.subnav {
top: 200px;
}
body footer form p {
text-align: center;
width: 100% !important;
padding-left: 10px !important;
padding-right: 10px !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body footer nav section > ul > li {
width: 100% !important;
}
body footer > section {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
body footer > section > div span:first-of-type {
min-width: 100%;
}
}
@media screen and (max-width: 369px) {
body main article span.first {
margin: -60px 0 20px -40px;
}
}
@media screen and (min-width: 1024px) {
body main.inside a.subnav,
body main.inside a.navclose {
display: none !important;
}
body main.inside aside.left nav {
opacity: 1 !important;
display: block !important;
}
body main.inside aside.left nav > ul {
left: 0 !important;
position: static !important;
display: block !important;
}
}