body { background: #689BCA; font-family: 'Roboto Condensed', sans-serif; color: #000; font-weight: 300; font-size: 16px; -webkit-text-size-adjust: none; line-height: 22px; }
img { max-width: 100%; height: auto; }
h1, h2, h3, h4, h5, h6 { color: #689BCA; font-family: 'Roboto Condensed', sans-serif; }
h1 { font-size: 36px; line-height: 52px; font-weight: 700; text-transform: uppercase; }
h2 { font-size: 30px; line-height: 52px; font-weight: 600; margin-top: 30px; }
h3 { font-size: 26px; line-height: 52px; font-weight: 500; }
h4 { font-size: 20px; line-height: 24px; font-weight: 400; }
p { margin-bottom: 15px }

@media (max-width: 767px) {
h3 { font-size: 30px; }
}
h5 { font-size: 18px; line-height: 24px; text-transform: uppercase; }
h6 { font-size: 16px; }
p a:hover { text-decoration: underline; }
time { display: block; }
a { font: inherit; color: inherit; text-decoration: underline; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
a:hover { text-decoration: none; }
a:active { background: transparent; }
a:focus { outline: none; }
a[href^="tel:"] { color: inherit; text-decoration: none; }
strong { font-weight: 700; }
.fa { line-height: inherit; font-size: 24px; margin-top: 17px; color: #689BCA; }
.fa:hover { color: #333a49; }
.fa__ { margin-top: 11px; }
[class*='fa-']:before { font-weight: 400; font-family: 'FontAwesome'; }
.page { overflow: hidden; min-height: 500px; }
.lt-ie9 .page { min-width: 1200px; }
.center { text-align: center; }
.right { text-align: right; }
hr { width: 90px; height: 1px; border: none; color: #689BCA; background: #689BCA; }
.container + div { margin-top: 20px; }
hr + p { margin-top: 14px; }
* + .btn { margin-top: 49px; }
* + .btn__ { margin-top: 45px; }
h1 + hr { margin-top: 5px; }
p + hr { margin-top: 14px; }
h5 + p { margin-top: 2px; }
hr + .row { margin-top: 50px; }
hr + .row__offs { margin-top: 34px; }
hr + .row__offs2 { margin-top: 29px; }
p + .row__offs3 { margin-top: 58px; }
* + .flex-list { margin-top: 89px; }
p + a.fa { margin-top: 14px; }
em + p { margin-top: 25px; }
.sf-menu { display: inline-block; text-align: center; }
.sf-menu:before, .sf-menu:after { content: " "; display: table; }
.sf-menu:after { clear: both; }
.sf-menu > li { position: relative; float: left; font-family: 'Roboto Condensed', sans-serif; font-size: 15px; }
.sf-menu > li + li { margin-left: 1px; }
.sf-menu a { display: block; }
.sf-menu > li > a { color: #689BCA; line-height: 16px; padding: 8px 18px 9px 18px; }
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover { color: #ffffff; background: #689BCA; text-shadow: 1px 1px 1px #000; }
.sf-menu > li.active > a { color: #ffffff; background: #689BCA; }
.sf-menu ul { display: none; position: absolute; top: 34px; left: -6px; width: 230px; font-family: 'Arial', serif; padding: 8px 0px; background: #689BCA; z-index: 2; }
.sf-menu ul > li > a { color: #FFF; font-weight: 400; }
.sf-menu ul > li a:before { display: none; }
.sf-menu ul > li.sfHover > a, .sf-menu ul > li > a:hover { color: #fff; text-shadow: 1px 1px 1px #000; }
.sf-menu ul ul { position: absolute; left: 100%; top: 43%; width: 100px; margin-top: 0; padding: 2px 24px; z-index: 4; background: #689BCA; }
.sf-menu ul ul > li { line-height: 30px; }
.sf-menu ul ul > li > a { color: #000; }
.sf-menu ul ul > li.sfHover > a, .sf-menu ul ul > li > a:hover { color: #FFF; }
.sf-menu > li > .sf-with-ul { position: relative; }
.sf-menu > li > .sf-with-ul:before { position: absolute; left: 55%; top: 67%; margin-left: -6px; content: '\f0d7'; font: 400 12px/12px 'FontAwesome'; color: #ababab; }
.sf-menu > li > .sf-with-ul:hover:before { color: #fff; }
.sf-menu > li.sfHover > .sf-with-ul:before, .sf-menu > li.active > .sf-with-ul:before { color: #fff; }
.sf-menu ul li:before { display: none; }

@media (max-width: 767px) {
.sf-menu { display: none; }
}
.select-menu { border: 1px solid #9f9f9f; position: relative; display: none; margin: 0 auto; width: 420px; background: #ffffff url('../images/select.png') no-repeat right center; overflow: hidden; }
.select-menu .select { width: 440px; height: 30px; color: #585858; background-color: transparent; font: 400 15px 'Roboto Condensed', sans-serif; line-height: 30px; border: none; border-radius: 0; box-shadow: none; outline: none; -webkit-appearance: none; }
.select-menu .select::-ms-expand {
display: none;
}

@media (max-width: 767px) {
.select-menu { display: block; }
}

@media (max-width: 479px) {
.select-menu { width: 270px; }
.select-menu .select { width: 290px; }
}
.stuck_container { padding: 5px 0; }
.isStuck { background: #ffffff; z-index: 999; border-bottom: 1px solid #333333; }

@media only screen and (max-width: 979px) {
.isStuck { display: none !important; }
}
.toTop { width: 42px; height: 42px; font-size: 39px; line-height: 38px; color: #2c2c2d; background: #d4d4d4; border: 1px solid #42637d; position: fixed; right: 54px; bottom: 204px; display: none; overflow: hidden; text-align: center; text-decoration: none; z-index: 20; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.toTop:hover { color: #d4d4d4; background: #42637d; text-decoration: none; }

@media only screen and (max-width: 1399px) {
.toTop { display: none !important; }
}
.thumb { display: block; position: relative; overflow: hidden; }
.thumb img { width: 100%; height: auto; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; transition: 0.5s all ease; }
.thumb_overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; color: #ffffff; background: transparent; }
.thumb_overlay:before { content: '\f065'; position: absolute; top: 50%; left: 0; right: 0; font: 400 30px 'FontAwesome'; line-height: 30px; margin-top: -15px; text-align: center; }
.lt-ie9 .thumb_overlay:before { display: none; }
.thumb:hover .thumb_overlay { opacity: 1; background: rgba(0, 0, 0, 0.5); }
.lt-ie9 .thumb:hover .thumb_overlay { background: none; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000');
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000');
zoom: 1; }
.lt-ie9 .thumb:hover .thumb_overlay:before { display: block; }
.thumb:hover img { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }

@media (max-width: 767px) {
.section-sets .max_height .thumb { max-height: 300px; }
}
.parallax { background-position: center 0; background-repeat: no-repeat; }
.mobile .parallax, .tablet .parallax { background-position: 50% 0 !important; background-size: cover; }
.parallax1 { background-color: #689BCA; background-image: url(../images/parallax01.jpg); }

@media (min-width: 2050px) {
.parallax { background-size: cover; }
}

@media (max-width: 767px) {
.parallax { background-position: center 0 !important; background-size: cover; }
}
.parallax1 * { color: #ffffff; font-weight: 400; text-transform: uppercase; }
.parallax1 * p { font-size: 16px; padding: 0 224px; }
.parallax1 * h3 + h4 { margin-top: -4px; }
.parallax1 * h4 + p { margin-top: 12px; }
.parallax1 * .h4__ins { line-height: 29px; }
.parallax1 * a:hover { color: #333a49; }

@media (max-width: 768px) {
.parallax1 * p { padding: 0 15px; }
}
.brand_name { font-family: "Courgette"; font-size: 46px; line-height: 48px; color: #689BCA; position: relative; padding-left: 32px; font-style: italic; }
.brand_name a:hover { text-decoration: none; color: #689BCA }
.brand h1:before { content: ''; width: 1px; height: 1px; position: absolute; left: 0; top: 0; }
.btn { display: inline-block; color: #ffffff; padding: 18px 38px 19px 36px; background: #689BCA; text-align: center; font-size: 24px; line-height: 37px; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
.btn:hover { background: #689BCA; text-decoration: none; }
.btn:active { background: #689BCA; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); }
.btn__ { padding: 18px 52px 19px 50px; }
.btn2 { background: none; border: none; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; display: inline-block; color: #ffffff; padding: 10px 27px 10px 27px; background: #689BCA; text-align: center; font-size: 14px; line-height: 18px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
.btn2::-moz-focus-inner {
border: none;
padding: 0;
}
.btn2:hover { background: #689BCA; }
.btn2:active { background: #689BCA; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); }
* + .btn2__offs { margin-top: 23px; padding: 10px 32px 10px 32px; }
* + .btn2__offs2 { margin-top: 18px; padding: 10px 32px 10px 32px; }
.box { background: #fff; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; border: 1px solid #689BCA; }
.box img { margin-top: 0px; }
.box_cnt { position: relative; }
.box_cnt h1, .box_cnt h2, .box_cnt h3, .box_cnt h4, .box_cnt h5, .box_cnt h6 { color: #ffffff; background: #689BCA; padding: 10px 0; font-size: 22px; font-weight: normal; line-height: 24px; margin-top: 0px; text-transform: none; }
.box_cnt p { color: #000; background: #fff; font-weight: 300; line-height: 22px; font-size: 16px; padding: 0 30px; margin-bottom: 20px }
.box a { color: #689BCA; text-decoration: underline }
.box a:hover { color: #689BCA; text-decoration: none }
.box_cnt h1 + p, .box_cnt h2 + p, .box_cnt h3 + p, .box_cnt h4 + p, .box_cnt h5 + p, .box_cnt h6 + p { margin-top: 9px; }

@media (min-width: 480px) and (max-width: 767px) {
.box { width: 369px; margin-left: 28px; }
}

@media (max-width: 1199px) {
.box_cnt p { padding: 0 7px; }
}
.section-sets4 .grid_4:nth-child(n + 4) { margin-top: 26px; }
.section-sets4 .box_cnt p { padding: 0 58px; }
h4 + p.p__offs { margin-top: 5px; }
.icon { position: relative; width: 107px; height: 139px; background: url("../images/sprite_border.png"); background-position: 107px 0; display: inline-block; }
.icon__ { position: relative; width: 107px; height: 139px; background: url("../images/sprite_border.png"); background-position: 107px 0; display: inline-block; }
.icon:before { content: ''; position: absolute; width: 60px; height: 58px; top: 22px; left: 23px; }
.icon__:before { position: absolute; font-family: 'FontAwesome'; font-size: 36px; color: #4f697d; }
.bg1:before { background: url("../images/page-1_sprite1.png"); background-position: 0 0; }
.bg2:before { background: url("../images/page-1_sprite1.png"); background-position: -60px 0; }
.bg3:before { background: url("../images/page-1_sprite1.png"); background-position: -120px 0; }
.bg4:before { background: url("../images/page-1_sprite1.png"); background-position: -180px 0; }
.bg1__:before { content: '\f046'; top: 42px; left: 40px; }
.bg2__:before { content: '\f108'; top: 42px; left: 36px; }
.bg3__:before { content: '\f1b3'; top: 41px; left: 34px; }
.bg4__:before { content: '\f0e7'; top: 42px; left: 47px; }
.bg1__2:before { content: '\f0a1'; top: 42px; left: 40px; }
.bg2__2:before { content: '\f02d'; top: 42px; left: 36px; }
.bg3__2:before { content: '\f085'; top: 41px; left: 34px; }
.bg4__2:before { content: '\f1cb'; top: 42px; left: 37px; }
.box_cnt1:hover .icon, .box_cnt1:hover .icon__ { background: url("../images/sprite_border.png"); background-position: 0 0; }
.icon + *, .icon__ + * { margin-top: 36px; }
.solutions hr + div { margin-top: 35px; }
.solutions p { padding: 0 16px; }

@media (max-width: 1199px) {
.box1::after, .box2::after, .box3::after, .box4::after { top: 18px; }
}
.box2 em { font-size: 14px; line-height: 26px; color: #689BCA; text-transform: uppercase; padding: 0 89px; text-align: center; display: inline-block; }
.box_aside2 + .box_cnt2 { margin-top: 20px; }
.box2 * + em { margin-top: 15px; }

@media (max-width: 1199px) {
.box2 em { padding: 0 20px; }
}
.box3:before, .box3:after { content: " "; display: table; }
.box3:after { clear: both; }
.box3_aside { float: left; }
.box3_cnt__no-flow { overflow: hidden; }
.box3_aside { margin-right: 23px; }
.box3_cnt h5 { margin-top: -5px; }

@media (max-width: 767px) {
.box3 { text-align: center; }
.box3_aside { float: none; }
.box3_cnt { margin-top: 20px; }
}
* + .box3 { margin-top: 36px; }
.index-list { counter-reset: list; width: 100%; }
.index-list li { color: #9f9f9f; border: 1px solid #689BCA; position: relative; padding-left: 90px; padding-top: 14px; padding-bottom: 13px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.index-list li:before { content: counter(list) "."; counter-increment: list; color: #333a49; position: absolute; width: 69px; top: 0px; bottom: 0px; left: 0px; border-right: 1px solid #689BCA; font-size: 30px; padding-left: 26px; padding-top: 26px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.index-list li + li { margin-top: 3px; }

@media (max-width: 979px) {
.index-list li { padding-right: 5px; }
.index-list li:before { padding-top: 38px; }
}
.marked-list { text-transform: uppercase; color: #689BCA; font-size: 14px; }
.marked-list li { position: relative; padding-left: 30px; }
.marked-list li + li { margin-top: 12px; }
.marked-list li:before { content: '\f144'; font-family: 'FontAwesome'; position: absolute; left: 0; top: -1px; color: #689BCA; font-size: 24px; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }

@media (max-width: 1199px) {
.marked-list { font-size: 11px; }
.marked-list li:before { font-size: 20px; }
}
.marked-list li a:hover { color: inherit; }
.marked-list li:hover:before { color: #333a49; }
.flex-list { display: table; table-layout: fixed; width: 100%; }
.flex-list li { display: table-cell; vertical-align: middle; text-align: center; }
.flex-list li img { -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }
.flex-list li img:hover { transform: scale(0.95); }

@media (max-width: 767px) {
.flex-list { display: block; }
.flex-list li { display: block; }
.flex-list li + li { margin-top: 30px; }
}
.gallery:before, .gallery:after { content: ''; display: table; }
.gallery:after { clear: both; }
.gallery div { float: left; }
.gallery .img1 { width: 14.8780487804878%; }
.gallery .img2 { width: 23.41463414634146%; }
.gallery .img3 { width: 23.41463414634146%; }
.gallery .img4 { width: 23.46341463414634%; }
.gallery .img5 { width: 14.82926829268293%; }
* + div.gallery { margin-top: 58px; }
* + div.gallery__ { margin-top: 36px; }

@media (max-width: 767px) {
.gallery [class*='img'] { float: none; display: block; width: 60%; margin: 0 auto; }
.gallery__ .img { width: 100%; display: block; }
}

@media (max-width: 1199px) {
.gallery__ .img { float: none; max-width: 377px; margin: 0 auto; }
}
.map address { position: relative; color: #689BCA; font-size: 18px; font-family: 'Roboto Condensed', sans-serif; display: inline-block; text-transform: uppercase; }
.map address:before { position: absolute; color: #689BCA; font-family: 'FontAwesome'; top: -70px; left: 50%; }
.map address.mail:before { content: '\f0e0'; font-size: 66px; margin-left: -34px; top: -63px; }
.map address.phone:before { content: '\f10b'; font-size: 117px; margin-left: -26px; }
.map address.marker:before { content: '\f041'; font-size: 89px; margin-left: -29px; }
.map address a:hover { color: #689BCA; text-decoration: underline; }
.map * + .contacts { margin-top: 125px; }
.map .contacts address + address { margin-left: 22%; }

@media (max-width: 979px) {
.map .contacts address + address { margin-left: 7%; }
}

@media (max-width: 767px) {
.map address { font-size: 14px; }
.map address:before { top: -60px; }
.map address.mail:before { font-size: 40px; margin-left: -23px; top: -55px; }
.map address.phone:before { font-size: 83px; margin-left: -19px; }
.map address.marker:before { font-size: 60px; margin-left: -22px; }
}

@media (max-width: 479px) {
.map address { display: block; }
.map .contacts address + address { margin-top: 109px; margin-left: 0; }
}
.privacy h5 + p { margin-top: 6px; }
.privacy p + h5 { margin-top: 33px; }
.privacy .h5__offs { margin-top: 29px; }
.privacy address { margin-top: 37px; color: #689BCA; font-size: 18px; font-family: 'Roboto Condensed', sans-serif; display: inline-block; text-transform: uppercase; }
.privacy address a:hover { color: #689BCA; text-decoration: underline; }
header { background: #ffffff; }
header .top { padding-top: 6px; padding-bottom: 8px; background: #689BCA; color: #fff; border-bottom: 1px solid #000; max-height: 37px}
header .main { padding-top: 34px; padding-bottom: 35px; }
header .main a, header .main a:hover { text-decoration: none; }
header .main__ { padding-bottom: 33px; }
header .brand { float: left; margin-top: 6px; }
header .nav { float: right; margin-right: 8px; }
header .separ { height: 4px; width: 100%; background: linear-gradient(to bottom, #e9e9e9, #fdfdfd); padding: 0; margin: 0; }

@media (max-width: 1199px) {
header .nav { float: right; margin-right: 0; }
}

@media (max-width: 979px) {
header { text-align: center; }
header .brand, header .nav { float: none; display: inline-block; }
header .brand + .nav { margin-top: 20px; }
}
.links a { float: left; color: #fefefe; font-size: 18px; line-height: 20px; }
.links a:hover { color: #689BCA; }
.links a + a { margin-left: 14px; }
.top .contacts { float: right; font-family: 'Arial', serif; font-size: 12px; }
.top .contacts a { text-decoration: underline; color: #fff}
.top .contacts a:hover { text-decoration: none; }
.top .contacts address { position: relative; float: left; padding-left: 17px; }
.top address:before { position: absolute; color: #fff; font-size: 14px; left: 0; top: 0; }
.top .contacts address + address { margin-left: 48px; }

@media (max-width: 767px) {
.top .contacts { float: none; }
.top .contacts address { float: none; display: inline-block; }
.top .contacts address + address { margin-left: 7px; }
.top .links a { float: none; }
}
main { display: block; background: #ffffff; }
.section-sets p { font-weight: 300; line-height: 22px; font-size: 14px; color: #74828d; padding: 0px 147px; }
.section-sets .p__ins3 { padding: 0px 25px; font-size: 13px; color: #9f9f9f; line-height: 24px; }
.section-sets .p__ins1 { padding: 0 10px; font-size: 13px; color: #9f9f9f; line-height: 24px; }
.section-sets1 .row p { padding: 0; }
.section-sets1 h5 + p { margin-top: 25px; }
.section-sets2 p { text-transform: uppercase; font-size: 18px; color: #8595a2; }
.section-sets2 h3 + p { margin-top: -11px; }

@media (max-width: 767px) {
.section-sets p { padding: 0; }
.section-sets1 .p__ins { padding: 0 20px; }
.section-sets2 h3 { line-height: 36px; }
.section-sets2 h3 + p { margin-top: 5px; }
}
.section-sets3 p, .section-sets3 em { font-size: 13px; }
.section-sets3 em { color: #689BCA; }
.h5__offs { margin-top: -5px; }
.h5__offs1 { margin-top: 27px; }
.h5__offs2 { margin-top: 38px; }
.p__ins { padding: 0px 147px; }
.well { padding-top: 39px; padding-bottom: 42px; }
.well__ins { padding-bottom: 70px; }
.well1 { padding-top: 39px; padding-bottom: 53px; }
.well2 { padding-top: 57px; padding-bottom: 65px; }
.well2__ins { padding-bottom: 64px; }
.well2__ins1 { padding-bottom: 80px; }
.well2__ins2 { padding-bottom: 77px; }
.well3 { padding-top: 48px; padding-bottom: 39px; }
.well4 { padding-top: 52px; padding-bottom: 70px; }
.well5 { padding-top: 20px; padding-bottom: 15px; }
.well6 { padding-top: 52px; padding-bottom: 45px; }
.well6__ins1 { padding-bottom: 57px; }
.well6__ins2 { padding-bottom: 52px; }
.well7 { padding-top: 44px; padding-bottom: 61px; }
.well8 { padding-top: 52px; padding-bottom: 52px; }
.well8__ins { padding-bottom: 69px; }
.well9 { padding-top: 59px; padding-bottom: 85px; }
.bg-primary { background: #689BCA; }
.bg-secondary { background: #fff url("../images/blur.png") no-repeat fixed center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 100px 0; }
footer { background: #689BCA; padding-top: 1px; padding-bottom: 17px; }
footer * { text-transform: uppercase; font-weight: 400; color: #ddd; font-family: 'Roboto Condensed', sans-serif; }
footer .brand_name { padding-left: 0; font-size: 30px; display: inline-block; }
footer p { display: inline-block; margin-top: 24px; }
footer .brand_name, footer h5 { color: #fff; }
footer p, footer address, footer dl { font-size: 12px; line-height: 20px; }
footer .mail { line-height: 35px; }
footer dl a:hover { text-decoration: underline; }
footer dt, footer dd { display: inline-block; }
footer h5 + h1 { margin-top: 9px; }
footer h1 + p { margin-left: 5px; }
footer * + .links { margin-top: 13px; }
footer h5 + address { margin-top: 20px; }

@media (max-width: 979px) {
footer p { display: block; margin: 0; }
}

@media (max-width: 767px) {
footer { text-align: center; }
footer .links a { display: inline-block; float: none; }
}
em, i { font-style: italic; }
strong, b { font-weight: bold; }
.left { text-align: left; margin-top: 45px; }
.left ul { margin-bottom: 30px; padding-left: 40px; }
.left ul li { list-style: circle; }
input, textarea { width: 90% !important; height: 44px; border: #CCC solid 1px; color: #000 !important; padding: 8px; }
select { width: 90% !important; height: 34px; border: #CCC solid 1px; color: #000 !important; padding: 5px 5px 3px 5px; height: 38px; }
input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus { border: 1px solid #999 !important; }
select option { cursor: pointer; padding: 5px; }
textarea { height: 100px; }
label { display: inline-block; width: 100%; vertical-align: top; margin-top: 6px; }
.errorArea .formError { font-size: 11px; line-height: 1.336; color: #d00c00; display: block; height: 18px; overflow: hidden; white-space: nowrap; clear: left; text-overflow: ellipsis; }
input.inputSubmit, input.inputButton { font: 700 12px/1.636 Arial, sans-serif; color: #fff !important; background: #333; border: 1px solid #000; padding: 1px 10px; cursor: pointer; overflow: visible; margin: 0; max-width: 200px }
.message { text-align: center; padding: 12px; border: 1px solid #ddd; margin-bottom: 24px; border-color: #ddd; color: #333; background-color: #fff; -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; }
.success { border-color: #4c721f; color: #4c721f !important; }
.error { border-color: #d00c00; color: #d00c00; }
table { border-collapse: collapse; border-spacing: 0; margin: 50px auto; border: 1px solid #eee; }
td, th { padding: 6px 18px; }
tr:first-child, tr td:first-child { font-weight: bold; }
tr:last-child { font-size: 12px; }
tbody tr:nth-child(even) td { background-color: #eee; }