.text-center,
header {
text-align: center;
}
@font-face {
font-family: NautilusPompilius;
src: url(../fonts/nautilus.eot);
src: url(../fonts/nautilus.eot#iefix) format("embedded-opentype"), url(../fonts/nautilus.woff) format("woff"), url(../fonts/nautilus.ttf) format("truetype"), url(../fonts/nautilus.svg) format("svg");
} /*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/ /*!
* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=1fb1c7f3bf948a6f2ca5e35eca5a47cf)
* Config saved to config.json and https://gist.github.com/1fb1c7f3bf948a6f2ca5e35eca5a47cf
*/ /*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
color: #337ab7;
text-decoration: none;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
optgroup,
strong {
font-weight: 700;
}
h1 {
font-size: 2em;
}
mark {
background: #ff0;
color: #000;
}
.img-thumbnail,
body {
background-color: #090f1e;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
header .center,
img {
vertical-align: middle;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre,
textarea {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
/*text-transform: none;*/
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
.button,
[role="button"],
header .copy {
cursor: pointer;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
*,
:after,
:before {
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: transparent;
}
body {
font-size: 14px;
line-height: 1.42857143;
color: #090f1e;
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a:focus,
a:hover {
color: #23527c;
text-decoration: underline;
}
a:focus {
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px;
}
figure {
margin: 0;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
border: 1px solid #ddd;
border-radius: 4px;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
.sr-only,
abbr,
acronym,
fieldset,
hr,
img {
border: 0;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border-top: 1px solid #eee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
.container,
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.logo{
min-width: 150px;
transition:0.5s ease all;
}
header svg{
max-width: 200px;
}
/*.logo:hover{
transform:scale(1.1);
}*/
footer{
text-align: center;
background: rgba(0,0,0,0.3);
padding:20px 0px;
}
footer p{
font-size: 12px;
font-weight: 400;
color: #858585;
line-height: 20px;
}
img{
cursor: pointer !important;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0;
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0;
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0;
}
}
@media (min-width: 1200px) {
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0;
}
}
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.row:after,
.row:before {
content: " ";
/*display: table;*/
}
.content .col-xs-12{
/*background: rgba(0,0,0,0.2);*/
}
.content ul li::before,
header::before,
q:after,
q:before {
content: "";
}
.clearfix:after,
.container-fluid:after,
.container:after,
.row:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
margin: 0;
padding: 0;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
header .promo,
header h1 {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
body,
html {
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.button,
.content img,
header .copy {
transition: 0.5s ease all;
border-radius: 5px;
}
address,
caption,
cite,
code,
dfn,
th,
var {
font-style: normal;
font-weight: 400;
}
.button,
header h1 {
font-style: italic;
}
ol,
ul {
list-style: none;
}
caption,
th {
text-align: left;
}
button,
input,
textarea {
outline: 0;
-webkit-appearance: none;
}
body {
/*background: url(../img/body-bg.png);*/
font-family: Roboto, sans-serif;
}
input {
/*opacity: 0.01;*/
/*height: 0;*/
/*position: absolute;*/
/*top: 0px;*/
}
.container {
width: 100%;
overflow: hidden;
float: left;
}
.container .row-center {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.button {
border-radius: 0px !important;
background: #79a430;
padding: 10px 40px;
font-size: 18px;
color: #fff !important;
font-weight: 500;
font-style: normal !important;
box-shadow: inset 0 -0.28571em #526e1f;
display: inline-block;
text-decoration: none !important;
text-transform: uppercase;
}
.button:hover {
/*-webkit-transform: scale(1.1);*/
/*-ms-transform: scale(1.1);*/
/*transform: scale(1.1);*/
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
background: #526e1f;
}
.menu{
height: 70px;
width:100%;
/*position: absolute;*/
background: url(../img/body-bg.png);
z-index: 3000;
text-align: center;
font-weight: 700;
font-style: italic;
}
.swal2-container{
z-index: 10000 !important;
}
.menu .button{
position: absolute;
right:0px;
height:40px;
top:15px;
line-height: 20px;
}
.menu .row-center{
position: relative;
}
.menu .logo{
max-width: 150px;
position: absolute;
left:0px;
margin-top: 17px;
}
.menu ul{
margin-top: 20px;
display: inline-block;
}
.menu ul li{
display:inline-block;
margin: 0px 15px;
}
.menu ul li a{
font-size:20px;
color:#fff;
font-weight:100;
}
.menu ul li a:hover,.menu ul .active a{
color:#377bbb;
text-decoration: underline;
}
header {
position: relative;
overflow: visible !important;
/*height: 700px;*/
/*height:100vh;*/
min-height:700px;
/*padding-top: 120px;*/
/*min-height: 600px;*/
/*max-height: 1200px;*/
vertical-align: middle;
/*padding:70px 0px;*/
background: none;
/*background: url(../img/header-bg.jpeg) bottom center no-repeat;*/
}
header .h1-mini{
font-size:40px !important;
line-height: 50px;
}
header::after{
background-size:cover;
/*z-index: 100;*/
opacity: 0.3;
position: absolute;
content: '';
top:0px;
right:0px;
left:0px;
bottom:0px;
width: 100%;
height: 100%;
}
header .text{
font-size:18px;
color:#fff;
display:inline-block;
max-width: 600px;
/*margin-bottom: 10px;*/
font-weight: 400;
padding-bottom: 0px;
line-height: 30px;
}
header .table {
display: table;
width: 100%;
height: 100vh;
min-height:700px;
}
header .center {
display: table-cell;
width: 100%;
align: center;
}
header .copy,
header .promo {
vertical-align: top;
display: inline-block;
}
/*header::before {
background: url(../img/header-bg.png) bottom center no-repeat;
width: 100%;
height: 100%;
background-size: cover;
position: absolute;
left: 0;
top: 0;
opacity: 0.2;
-webkit-animation: pulse 10s infinite;
animation: pulse 10s infinite;
}*/
.pa-0{
padding:0px !important;
}
h1{
font-style: italic;
}
header h1 {
font-size: 60px;
color: #fff;
font-weight: 900;
margin-bottom: 10px;
line-height: 70px;
letter-spacing: 2px;
margin-top:50px;
}
header h1 span {
color: #377bbb;
}
header .promo {
font-size: 25px;
font-weight: 400;
letter-spacing: 0.3px;
color: #fff;
line-height: 24px;
margin-right: 20px;
position: relative;
}
header .promo .blue {
color: #377bbb;
font-weight: 900;
/*text-transform: uppercase;*/
letter-spacing: 2px;
}
header .copy {
font-size: 18px;
-webkit-animation: pulse 3s infinite;
animation: pulse 3s infinite;
display: inline-block;
background: #fff;
padding: 5px 10px;
/*margin-top: 5px;*/
color: #333;
margin:0px 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
header .copy img{
max-width: 20px;
}
header .copy:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}
header .button {
margin-top: 40px;
font-size: 24px;
/*-webkit-animation: pulse 4s infinite;*/
/*animation: pulse 4s infinite;*/
}
.text-center{
text-align: center;
}
.promo-kod-box{
width: 100%;
border-radius: 5px;
margin-top: 15px;
/*max-width: 500px;*/
/*background: url(../img/body-bg.png);*/
display: inline-block;
padding:10px 0px;
/*border:2px solid #fff;*/
/*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);*/
/*background: rgba(0,0,0,0.1);*/
}
.promo-kod-box span{
color:#377bbb;
font-weight: 900;
font-size: 25px;
}
.promo-kod-box .cp{
text-decoration: underline;
color:#fff;
cursor: pointer;
}
.promo-kod-box .titles{
font-size: 25px;
display: inline-block;
font-style: italic;
font-weight:500;
/*border-bottom: 2px solid rgba(255,255,255,0.8);*/
color:#fff;
}
/*header::before{
position: absolute;
top:0;
right:0;
left:0;
bottom:0;
content: '';
background: rgba(0,0,0,0.3);
z-index: 1000;
width:100%;
height:100%;
}*/
header .row-center{
position: relative;
z-index: 2000;
}
.content {
background: #090f1e;
padding: 50px 0px;
/*margin-top: -100px;*/
}
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
color: #fff;
margin-top: 30px;
font-size: 25px;
font-weight: 900;
font-style: italic;
position: relative;
letter-spacing: 1px;
margin-bottom: 10px;
padding-left: 40px;
}
.content p,
.content ul li {
font-size: 16px;
font-weight: 400;
color: #fff;
line-height: 30px;
}
.content h2::before,
.content h3::before,
.content h4::before,
.content h5::before,
.content h6::before {
width: 30px;
height: 5px;
/*background: url(../img/icon/title-decore.svg) no-repeat;*/
position: absolute;
left: 0;
background: #377bbb;
content: "";
top:15px;
}
.content p {
margin-top: 10px;
}
.content img {
margin: 30px auto;
display: block;
max-width: 100%;
}
h1{
text-align: center;
color:#fff;
letter-spacing: 1px;
font-size: 60px;
font-weight: 900;
line-height: 70px;
margin-bottom: 20px;
}
.header-box svg{
max-width: 200px;
}
.ctr .button{
margin-top:10px;
font-size: 24px;
}
.header-box{
height:100vh;
position: relative;
width:100%;
min-height: 600px;
background: url("../img/header-bg.png")no-repeat top center;
background-size:cover;
}
.header-box .table{
display: table;
width: 100%;
height: 100vh;
min-height: 600px;
}
.header-box .ctr{
display: table-cell;
width: 100%;
vertical-align: middle;
}
.text-head{
text-align: center;
display: inline-block;
/*background: #377bbb;*/
margin-bottom: 20px;
color:#fff;
padding:5px 20px;
font-size:22px !important;
}
.ctr .mini{
margin-top:5px;
color:#fff;
}
.text-head b{
color:#8bdd00;
}
hr{
border-bottom: none;
background: #377bbb;
height: 2px;
margin-top: 50px;
border-top:0px;
}
.text-head .promo{
cursor: pointer;
font-weight: 900;
text-decoration: underline;
}
.gift-box{
background: #fff;
}
.content ul {
margin-top: 20px;
}
.content ul li {
position: relative;
padding-left: 30px;
}
.content ul li::before {
position: absolute;
width: 9px;
height: 9px;
background: #377bbb;
left: 0;
top: 9px;
}
.content ul li:not(:last-child) {
margin-bottom: 10px;
}
.content .button {
margin: 20px 0 0;
}
.content .phone {
margin-bottom: 0;
max-width: 400px;
}
@keyframes pulse {
0%,
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.15, 1.15, 1.15);
transform: scale3d(1.15, 1.15, 1.15);
}
}
@-webkit-keyframes pulse {
0%,
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.15, 1.15, 1.15);
transform: scale3d(1.15, 1.15, 1.15);
}
}
.btn-mobile-menu{
position: absolute;
right:0px;
top:15px;
display: none;
}
.btn-mobile-menu img{
width: 100%;
max-width: 40px;
}
.btn-mobile-menu .closers{
max-width: 30px;
margin: 5px;
}
.img{
position: relative;
width: 100%;
min-height: 100px;
}
.img img{
position: relative;
z-index: 500;
}
/*
.img::before{
position: absolute;
width:100px;
height:100px;
content:'';
top:0px;
bottom:0px;
right:0px;
background: url("../img/icon/loading.svg")no-repeat;
background-size: cover;
left:0px;
margin: auto;
}*/
.header-1x{
position: fixed;
max-width: 100%;
z-index: 1300;
left: 0px;
right: 0px;
margin: auto;
}
@media all and (max-width: 1130px) {
header,header .table {
min-height: auto;
height:auto;
}
.menu ul,.menu .button{
display: none;
}
.btn-mobile-menu{
display: block;
cursor: pointer;
}
.menu{
border-bottom: 1px solid rgba(255,255,255,0.1);
overflow: visible;
position: fixed !important;
}
.menu ul{
width: 100% !important;
background: url(../img/body-bg.png);
position: absolute;
top:50px;
padding-top: 5px;
}
.menu ul li{
margin: -4px 0px 0px 0px;
width:100%;
position: relative;
}
.menu ul li a{
width: 100%;
padding: 7px 0px 10px 0px;
float: left;
}
.menu .closers{
display: none;
}
.menu ul li:not(:last-child){
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.active-menu ul{
display: block;
}
.active-menu .mens{
display: none !important;
}
.active-menu .closers{
display: block !important;
}
}
@media all and (max-width: 767px) {
header .text{
padding-bottom: 20px !important;
}
.logo{
min-width: 200px;
margin-top: 20px;
}
header .h1-mini{
font-size:22px !important;
line-height: 30px;
}
.titles{
margin-bottom: 5px;
}
header .button{
font-size: 20px;
}
.menu{
position: relative;
}
header,header .table {
min-height: auto;
height:auto;
}
header{
/*padding:70px 0px 120px 0px;*/
}
header h1 {
font-size: 30px;
line-height: 40px;
}
header h1 br {
display: none;
}
header .promo {
font-size: 18px;
line-height: 25px;
margin-right: 0;
}
header .button,
.content .phone {
max-width: 100%;
}
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
font-size: 18px;
}
.content p,
.content ul li {
font-size: 14px;
line-height: 30px;
}
}
@media (max-width: 424px) {
header h1{
font-size: 25px;
margin-top: 20px;
line-height: 35px;
}
header .text{
font-size: 15px;
line-height: 25px;
padding-bottom: 10px;
}
.promo-kod-box .titles,.promo-kod-box .titles span{
font-size: 18px;
}
header .copy img{
max-width: 15px;
}
header .copy{
padding:2px 10px;
}
}
.item-promo-kod{
border-radius: 5px;
overflow: hidden;
box-shadow: 5px 3px 3px rgba(0,0,0,0.3);
width:100%;
margin-top:10px;
float:left;
background: rgba(0,0,0,0.4);
height: 80px;
text-align: left !important;
transition: 0.5s ease all;
display: table;
}
.item-promo-kod:hover{
transform: scale(0.975);
background: rgba(0,0,0,0.7);
}
.item-promo-kod .item-logo{
width: 100px;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.item-promo-kod .item-name{
display: table-cell;
vertical-align: middle;
width: 30%;
text-align: center;
}
.view{
text-decoration: underline;
font-weight: 400;
display: inline-block;
width: auto !important;
}
.view:hover{
color:#FBFF43 !important;
}
/*.item-list-index .item-name:nth-child(3){
width: 40%;
text-align: center;
}*/
.item-list-index .item-name:nth-child(2){
border-left: none !important;
}
.item-list-index .item-name:nth-child(2) .item-title{
font-size:22px;
}
.item-list-index .item-name:nth-child(3) .item-title{
max-width: 250px;
display: inline-block;
}
.item-list-index{
text-align: center !important;
}
.item-list-index .item-logo{
width:120px;
}
.item-list-index img{
max-width: 100%;
}
.item-promo-kod .item-text{
font-weight: 600;
color:#fff;
}
.item-promo-kod .item-title{
font-size:18px;
font-weight: 600;
}
.item-promo-kod .color{
color:#377bbb;
}
.item-promo-kod .item-name{
height: 100%;
border-left: 1px solid rgba(255,255,255,0.3);
padding:0px 20px;
}
.item-promo-kod .item-mini .item-title{
font-size:18px;
font-weight: 300;
color:#bdbdbd;
}
.item-promo-kod{
position: relative;
}
.item-promo-kod .item-copy{
position: absolute;
background: linear-gradient(45deg, #377bbb, #00a0fb);
right:0px;
top:0px;
cursor: pointer;
text-align: center;
width: 30%;
transition:0.5s ease all;
height: 100%;
}
.item-promo-kod .item-copy:hover ::after{
transform: scale(1.2);
/*background: linear-gradient(45deg, #377bbb, #00a0fb);*/
}
.item-promo-kod .item-copy p{
color:#fff;
margin-top: 10px;
font-size: 18px;
}
.item-promo-kod .item-copy .promo-text{
color:#FBFF43;
font-weight: 900;
font-size: 20px;
position: relative;
text-decoration: underline;
}
.item-promo-kod .item-copy .promo-text::before{
width: 15px;
height: 15px;
z-index: 3000;
content:'';
top:5px;
right: -25px;
position: absolute;
background: url("../img/icon/copy.svg");
background-size: cover;
}
.item-promo-kod .item-copy .promo-text::after{
width: 40px;
height: 40px;
z-index: 3000;
transition: 0.5s ease all;
content:'';
top:0px;
right: -80px;
position: absolute;
background: url("../img/icon/tap.svg")no-repeat;
}
.item-promo-kod .item-mini .item-text{
font-weight: 300;
}
.menu-list{
float:left;
}
.menu-list li{
list-style: none;
margin-right: 10px;
margin-bottom: 10px;
display: inline-block;
}
.menu-list li a{
color:#fff;
font-size:16px;
transition:0.5s ease ll;
padding:10px !important;
height: 40px;
background: rgba(0,0,0,0.5);
text-decoration: none !important;
}
.menu-list li a:hover{
background: linear-gradient(45deg, #377bbb, #00a0fb);
}
.menu-list .active a{
background:linear-gradient(45deg, #377bbb, #00a0fb);
}
.menu-list .active a{
color:#fff !important;
}
.header-index{
padding-bottom: 100px !important;
}
@media all and (max-width:900px){
header h1 br{
display: none;
}
.item-promo-kod .item-copy .promo-text::after{
width: 35px;
height: 35px;
right:-70px;
}
.menu-list{
width:100%;
height:40px;
}
.item-list-index img{
max-width: 200px !important;
}
.item-list-index .item-logo{
padding:15px 0px !important;
}
.menu-list li{
width:50%;
margin:0px;
position: absolute;
}
.menu-list li a{
width:100%;
float:left;
}
.menu-list li:nth-child(1){
left:0px;
}
.menu-list li:nth-child(2){
right:0px;
}
.content{
padding:20px 0px 50px 0px;
}
.item-promo-kod .item-logo,.item-promo-kod .item-name,.item-promo-kod .item-copy{
width:100% !important;
display: block;
float:left;
position: relative;
}
.item-promo-kod .item-logo{
padding:10px 20px;
border-bottom: 1px solid rgba(255,255,255,0.3);
}
.item-promo-kod .item-name{
padding:10px 20px;
border-left: none;
border-bottom: 1px solid rgba(255,255,255,0.3);
}
.item-promo-kod .item-name:last-child{
border-bottom:none;
}
.item-promo-kod .item-copy{
padding-bottom: 10px;
}
header{
padding-bottom: 0px !important;
}
}
.line-menu-mobile{
position: fixed;
top:0px;
display: none;
width:100%;
z-index: 4000;
height:55px;
/*background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#d7e5ef));*/
/*background-image: linear-gradient(180deg,#fff,#d7e5ef);*/
border-bottom: none;
background: #090f1e;
}
.logos{
/*margin-top:18px;*/
max-width: 105px !important;
}
.landing-header-right-reg{
float:right;
border-radius: 3px;
background-image: -webkit-gradient(linear,left top,left bottom,from(#95bd3f),to(#678d25));
background-image: linear-gradient(180deg,#95bd3f,#678d25);
font-family: Roboto Condensed,Roboto,sans-serif;
font-size: 14px;
color: #fff;
padding: 7px 5px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
margin-right:10px;
margin-top:10px;
user-select: none;
}
.landing-header-right-login{
border-radius: 3px;
background-image: -webkit-gradient(linear,left top,left bottom,from(#60a8df),to(#3d7ca9));
background-image: linear-gradient(180deg,#60a8df,#3d7ca9);
font-family: Roboto Condensed,Roboto,sans-serif;
font-size: 14px;
color: #fff;
padding: 7px 5px;
cursor: pointer;
margin-top:10px;
-webkit-user-select: none;
-moz-user-select: none;
float:right;
-ms-user-select: none;
user-select: none;
}
@media all and (max-width:767px){
.line-menu-mobile{
display:block;
}
.header-1x{
display:none;
}
h1{
font-size:20px;
line-height: 30px;
}
.text-head{
font-size:16px !important;
}
.button{
padding:10px 20px;
font-size:16px;
}
.ctr .button{
font-size:18px;
}
}
@media all and (max-width:320px){
h1{
font-size:20px;
line-height: 30px;
}
}
.inform-promo {
color: #fff;
margin-top: 15px;
font-size: 13px;
text-decoration: underline;
}