html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}html,body{height:100%}*,:after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix:after,.clearfix:before{content:"";display:table;line-height:0}.clearfix:after{clear:both}.float-left{float:left}.float-right{float:right}.el-center{margin:0 auto}.width-5{width:5%}.width-10{width:10%}.width-15{width:15%}.width-16{width:16.666666666667%}.width-20{width:20%}.width-25{width:25%}.width-30{width:30%}.width-33{width:33.333333333333%}.width-35{width:35%}.width-40{width:40%}.width-45{width:45%}.width-50{width:50%}.width-55{width:55%}.width-60{width:60%}.width-65{width:65%}.width-70{width:70%}.width-75{width:75%}.width-80{width:80%}.width-85{width:85%}.width-90{width:90%}.width-95{width:95%}.width-100{width:100%}.padding-0{padding:5px}.padding-5{padding:5px}.padding-10{padding:10px}.padding-15{padding:15px}.padding-20{padding:20px}.padding-25{padding:25px}.padding-30{padding:30px}.padding-35{padding:35px}.padding-40{padding:40px}.padding-45{padding:45px}.padding-50{padding:50px}.padding-55{padding:55px}.padding-60{padding:60px}.padding-65{padding:65px}.padding-70{padding:70px}.padding-75{padding:75px}.padding-80{padding:80px}.padding-85{padding:85px}.padding-90{padding:90px}.padding-95{padding:95px}.padding-100{padding:100px}.padding-top-0{padding-top:0!important}.padding-top-5{padding-top:5px}.padding-top-10{padding-top:10px}.padding-top-15{padding-top:15px}.padding-top-20{padding-top:20px}.padding-top-25{padding-top:25px}.padding-top-30{padding-top:30px}.padding-top-35{padding-top:35px}.padding-top-40{padding-top:40px}.padding-top-45{padding-top:45px}.padding-top-50{padding-top:50px}.padding-top-55{padding-top:55px}.padding-top-60{padding-top:60px}.padding-top-65{padding-top:65px}.padding-top-70{padding-top:70px}.padding-top-75{padding-top:75px}.padding-top-80{padding-top:80px}.padding-top-85{padding-top:85px}.padding-top-90{padding-top:90px}.padding-top-95{padding-top:95px}.padding-top-100{padding-top:100px}.padding-left-0{padding-left:0!important}.padding-left-5{padding-left:5px}.padding-left-10{padding-left:10px}.padding-left-15{padding-left:15px}.padding-left-20{padding-left:20px}.padding-left-25{padding-left:25px}.padding-left-30{padding-left:30px}.padding-left-35{padding-left:35px}.padding-left-40{padding-left:40px}.padding-left-45{padding-left:45px}.padding-left-50{padding-left:50px}.padding-left-55{padding-left:55px}.padding-left-60{padding-left:60px}.padding-left-65{padding-left:65px}.padding-left-70{padding-left:70px}.padding-left-75{padding-left:75px}.padding-left-80{padding-left:80px}.padding-left-85{padding-left:85px}.padding-left-90{padding-left:90px}.padding-left-95{padding-left:95px}.padding-left-100{padding-left:100px}.padding-right-0{padding-right:0!important}.padding-right-5{padding-right:5px}.padding-right-10{padding-right:10px}.padding-right-15{padding-right:15px}.padding-right-20{padding-right:20px}.padding-right-25{padding-right:25px}.padding-right-30{padding-right:30px}.padding-right-35{padding-right:35px}.padding-right-40{padding-right:40px}.padding-right-45{padding-right:45px}.padding-right-50{padding-right:50px}.padding-right-55{padding-right:55px}.padding-right-60{padding-right:60px}.padding-right-65{padding-right:65px}.padding-right-70{padding-right:70px}.padding-right-75{padding-right:75px}.padding-right-80{padding-right:80px}.padding-right-85{padding-right:85px}.padding-right-90{padding-right:90px}.padding-right-95{padding-right:95px}.padding-right-100{padding-right:100px}.padding-bottom-0{padding-bottom:0!important}.padding-bottom-5{padding-bottom:5px}.padding-bottom-10{padding-bottom:10px}.padding-bottom-15{padding-bottom:15px}.padding-bottom-20{padding-bottom:20px}.padding-bottom-25{padding-bottom:25px}.padding-bottom-30{padding-bottom:30px}.padding-bottom-35{padding-bottom:35px}.padding-bottom-40{padding-bottom:40px}.padding-bottom-45{padding-bottom:45px}.padding-bottom-50{padding-bottom:50px}.padding-bottom-55{padding-bottom:55px}.padding-bottom-60{padding-bottom:60px}.padding-bottom-65{padding-bottom:65px}.padding-bottom-70{padding-bottom:70px}.padding-bottom-75{padding-bottom:75px}.padding-bottom-80{padding-bottom:80px}.padding-bottom-85{padding-bottom:85px}.padding-bottom-90{padding-bottom:90px}.padding-bottom-95{padding-bottom:95px}.padding-bottom-100{padding-bottom:100px}.margin-5{margin:5px}.margin-10{margin:10px}.margin-15{margin:15px}.margin-20{margin:20px}.margin-25{margin:25px}.margin-30{margin:30px}.margin-35{margin:35px}.margin-40{margin:40px}.margin-45{margin:45px}.margin-50{margin:50px}.margin-55{margin:55px}.margin-60{margin:60px}.margin-65{margin:65px}.margin-70{margin:70px}.margin-75{margin:75px}.margin-80{margin:80px}.margin-85{margin:85px}.margin-90{margin:90px}.margin-95{margin:95px}.margin-100{margin:100px}.margin-top-5{margin-top:5px}.margin-top-10{margin-top:10px}.margin-top-15{margin-top:15px}.margin-top-20{margin-top:20px}.margin-top-25{margin-top:25px}.margin-top-30{margin-top:30px}.margin-top-35{margin-top:35px}.margin-top-40{margin-top:40px}.margin-top-45{margin-top:45px}.margin-top-50{margin-top:50px}.margin-top-55{margin-top:55px}.margin-top-60{margin-top:60px}.margin-top-65{margin-top:65px}.margin-top-70{margin-top:70px}.margin-top-75{margin-top:75px}.margin-top-80{margin-top:80px}.margin-top-85{margin-top:85px}.margin-top-90{margin-top:90px}.margin-top-95{margin-top:95px}.margin-top-100{margin-top:100px}.margin-left-5{margin-left:5px}.margin-left-10{margin-left:10px}.margin-left-15{margin-left:15px}.margin-left-20{margin-left:20px}.margin-left-25{margin-left:25px}.margin-left-30{margin-left:30px}.margin-left-35{margin-left:35px}.margin-left-40{margin-left:40px}.margin-left-45{margin-left:45px}.margin-left-50{margin-left:50px}.margin-left-55{margin-left:55px}.margin-left-60{margin-left:60px}.margin-left-65{margin-left:65px}.margin-left-70{margin-left:70px}.margin-left-75{margin-left:75px}.margin-left-80{margin-left:80px}.margin-left-85{margin-left:85px}.margin-left-90{margin-left:90px}.margin-left-95{margin-left:95px}.margin-left-100{margin-left:100px}.margin-right-5{margin-right:5px}.margin-right-10{margin-right:10px}.margin-right-15{margin-right:15px}.margin-right-20{margin-right:20px}.margin-right-25{margin-right:25px}.margin-right-30{margin-right:30px}.margin-right-35{margin-right:35px}.margin-right-40{margin-right:40px}.margin-right-45{margin-right:45px}.margin-right-50{margin-right:50px}.margin-right-55{margin-right:55px}.margin-right-60{margin-right:60px}.margin-right-65{margin-right:65px}.margin-right-70{margin-right:70px}.margin-right-75{margin-right:75px}.margin-right-80{margin-right:80px}.margin-right-85{margin-right:85px}.margin-right-90{margin-right:90px}.margin-right-95{margin-right:95px}.margin-right-100{margin-right:100px}.margin-bottom-5{margin-bottom:5px}.margin-bottom-10{margin-bottom:10px}.margin-bottom-15{margin-bottom:15px}.margin-bottom-20{margin-bottom:20px}.margin-bottom-25{margin-bottom:25px}.margin-bottom-30{margin-bottom:30px}.margin-bottom-35{margin-bottom:35px}.margin-bottom-40{margin-bottom:40px}.margin-bottom-45{margin-bottom:45px}.margin-bottom-50{margin-bottom:50px}.margin-bottom-55{margin-bottom:55px}.margin-bottom-60{margin-bottom:60px}.margin-bottom-65{margin-bottom:65px}.margin-bottom-70{margin-bottom:70px}.margin-bottom-75{margin-bottom:75px}.margin-bottom-80{margin-bottom:80px}.margin-bottom-85{margin-bottom:85px}.margin-bottom-90{margin-bottom:90px}.margin-bottom-95{margin-bottom:95px}.margin-bottom-100{margin-bottom:100px}.display-block{display:block}.display-inline-block{display:inline-block}.display-none{display:none!important}.text-align-left,.text-align-left *{text-align:left}.text-align-right,.text-align-right *{text-align:right}.text-align-center,.text-align-center *{text-align:center}.vertical-align-middle{vertical-align:middle}.vertical-align-top{vertical-align:top!important}.text-transform-uppercase{text-transform:uppercase}.text-transform-initial{text-transform:initial}i{font-style:italic}b{font-weight:800}small{font-size:.75em}p{font-family:"Open Sans",Sans-serif;font-size:15px;font-weight:300;font-style:normal;line-height:25px;letter-spacing:0;color:#7F7D8E}a,p,span,small{line-height:1.3}label{cursor:pointer}.font-size_065e{font-size:.65em}.font-size_075e{font-size:.75em}.font-size_1em{font-size:1em}.font-size_2em{font-size:2em}.font-size_3em{font-size:3em}.line-height-1{line-height:1}.line-height-1-3{line-height:1.3}.line-height-1-5{line-height:1.5}.line-height-2{line-height:2}input[type="checkbox"]:checked,input[type="checkbox"]:not(:checked),input[type="radio"]:checked,input[type="radio"]:not(:checked){position:absolute;left:-9999px}input[type="checkbox"]:checked + label,input[type="checkbox"]:not(:checked) + label,input[type="radio"]:checked + label,input[type="radio"]:not(:checked) + label{display:inline-block;position:relative;padding-left:28px;line-height:20px;cursor:pointer}input[type="checkbox"]:checked + label:before,input[type="checkbox"]:not(:checked) + label:before,input[type="radio"]:checked + label:before,input[type="radio"]:not(:checked) + label:before{content:"";position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #5F5F5F;background-color:#fff}input[type="checkbox"]:checked + label:before,input[type="checkbox"]:not(:checked) + label:before{border-radius:2px}input[type="radio"]:checked + label:before,input[type="radio"]:not(:checked) + label:before{border-radius:100%}input[type="checkbox"]:checked + label:after,input[type="checkbox"]:not(:checked) + label:after,input[type="radio"]:checked + label:after,input[type="radio"]:not(:checked) + label:after{content:"";position:absolute;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}input[type="checkbox"]:checked + label:after,input[type="checkbox"]:not(:checked) + label:after{left:4px;top:4px;width:10px;height:7px;border-radius:1px;border-left:3px solid #5F5F5F;border-bottom:3px solid #5F5F5F;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}input[type="radio"]:checked + label:after,input[type="radio"]:not(:checked) + label:after{left:4px;top:4px;width:10px;height:10px;border-radius:100%;background-color:#5F5F5F}input[type="checkbox"]:not(:checked) + label:after,input[type="radio"]:not(:checked) + label:after{opacity:0}input[type="checkbox"]:checked + label:after,input[type="radio"]:checked + label:after{opacity:1}.no-bef-aft::before,.no-bef-aft::after{content:none!important}.no-bord{border:none!important}.no-margin{margin:0!important}.no-padding{padding:0!important}.no-padding-top{padding-top:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-bottom{padding-bottom:0!important}.no-background{background:none!important}.no-box-shadow{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.no-input{position:absolute;width:0;height:0;-moz-opacity:0;opacity:0}.overflow-hidden{overflow:hidden}.no-animation{-webkit-animation-name:!important;-moz-animation-name:!important;-ms-animation-name:!important;-o-animation-name:!important;animation-name:!important;-webkit-animation-duration:0!important;-moz-animation-duration:0!important;-ms-animation-duration:0!important;-o-animation-duration:0!important;animation-duration:0!important}
/* #399240 */
html,
body {
height: 100%;
}
body {
width: 100%;
height: 100%;
font-family: "Open Sans", Sans-serif;
font-size: 12px;
font-weight: 300;
font-style: normal;
letter-spacing: 0px;
line-height: 1.3;
color: #6a6a6a;
background: #656565;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
font-weight: 600;
text-transform: uppercase;
font-style: normal;
letter-spacing: 0px;
color: #6a6a6a;
}
h1, .h1 {
font-size: 72px;
line-height: 82px;
text-transform: uppercase;
}
h2, .h2 {
font-size: 36px;
line-height: 44px
}
h3, .h3 {
font-size: 30px;
line-height: 38px;
}
h4, .h4 {
font-size: 24px;
line-height: 33px;
}
h5, .h5 {
font-size: 18px;
line-height: 28px;
}
a {
text-decoration: none;
color: #6A6A6A;
}
a:hover {
text-decoration: underline;
color: #3C3C3C;
}
a,
a::before,
a::after,
a i,
input,
bottom,
textarea,
select,
label,
label::before {
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
/* MAIN
-----------------------------------------------------------------------------*/
.wrapper,
.container,
header,
section,
footer {
margin: 0 auto;
max-width: 2100px;
}
.wrapper {
width: 100%;
min-width: 1240px;
overflow: hidden;
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.25);
}
section {
width: 100%;
}
section {
padding: 20px 0;
}
.container {
position: relative;
width: 1240px;
padding: 0 20px;
z-index: 1;
}
/* COLOR
-----------------------------------------------------------------------------*/
/* Input
-----------------------------------------------------------------------------*/
input,
bottom,
textarea,
select {
border: none;
border-radius: 2px;
}
a,
input,
bottom,
select,
textarea,
input:active,
bottom:active,
select:active,
textarea:active,
input:focus,
bottom:focus,
select:focus,
textarea:focus {
resize: none;
outline: 0;
outline: none;
}
select {
padding-right: 20px !important;
appearance: normal !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
background: #fff url(../images/select-icon.png) no-repeat center right 5px !important;
cursor: pointer;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type='number'] {
-moz-appearance: textfield;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea {
width: 100%;
padding: 6px 8px;
border: 1px solid #6a6a6a;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
border-color: #10561F;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
bottom,
.btm {
border: none;
cursor: pointer;
}
.btn,
input[type="submit"],
input[type="button"],
bottom {
display: inline-block;
/* margin: 15px 20px 0 0; */
padding: 0 18px;
text-transform: uppercase;
text-decoration: none !important;
line-height: 30px;
text-align: center;
color: rgba(255, 255, 255, 0.76);
background: #0E511F;
border-radius: 2px;
-webkit-transition: all 0s ease !important;
-moz-transition: all 0s ease !important;
-ms-transition: all 0s ease !important;
-o-transition: all 0s ease !important;
transition: all 0s ease !important;
}
a.btn {
color: rgba(255, 255, 255, 0.76) !important;
}
.btn:hover,
.btn:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
bottom:hover,
bottom:focus {
color: #fff;
background: #0A3B17;
}
a.btn:hover,
a.btn:focus {
color: #fff !important;
}
.btn:active,
.btn.active,
input[type="submit"]:active,
input[type="submit"].active,
input[type="button"]:active,
input[type="button"].active,
bottom:active,
bottom.active {
box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
}
.btn.btn-red {
background: #E71010;
}
.btn.btn-red:hover,
.btn.btn-red:focus {
background: #B40D0D;
}
/* Header
-----------------------------------------------------------------------------*/
.header {
position: relative;
height: 450px;
background: #399240 url(../images/header-bg.jpg) top center;
/*
overflow: hidden;
z-index: 2;
*/
z-index: 4;
}
.header::before,
.header::after {
content: '';
position: absolute;
}
.header::before {
width: 1000px;
height: 150px;
left: calc(50% - 1250px);
background: #fff url(../images/header-logo-bg.jpg);
/* border-bottom-right-radius: 12px; */
-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.25);
z-index: 2;
}
.header::after {
width: 100%;
height: 70px;
top: 0px;
left: 0;
/* background: #116527; */
background: rgba(57,146,64,1);
background: -moz-linear-gradient(left, rgba(57,146,64,1) 0%, rgba(17,101,39,1) 40%, rgba(17,101,39,1) 60%, rgba(57,146,64,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(57,146,64,1)), color-stop(40%, rgba(17,101,39,1)), color-stop(60%, rgba(17,101,39,1)), color-stop(100%, rgba(57,146,64,1)));
background: -webkit-linear-gradient(left, rgba(57,146,64,1) 0%, rgba(17,101,39,1) 40%, rgba(17,101,39,1) 60%, rgba(57,146,64,1) 100%);
background: -o-linear-gradient(left, rgba(57,146,64,1) 0%, rgba(17,101,39,1) 40%, rgba(17,101,39,1) 60%, rgba(57,146,64,1) 100%);
background: -ms-linear-gradient(left, rgba(57,146,64,1) 0%, rgba(17,101,39,1) 40%, rgba(17,101,39,1) 60%, rgba(57,146,64,1) 100%);
background: linear-gradient(to right, rgba(57,146,64,1) 0%, rgba(17,101,39,1) 40%, rgba(17,101,39,1) 60%, rgba(57,146,64,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#399240', endColorstr='#399240', GradientType=1 );
z-index: 1;
}
.header-menu-bg {
position: absolute;
width: 100%;
height: 90px;
top: 60px;
left: 0;
background: #fff;
}
.header-amin-bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url(../images/header-amin-bg.png);
animation: header-amin-bg 24s linear infinite;
z-index: -1;
}
@keyframes header-amin-bg {
from {
background-position: 0 300px;
}
}
.header-amin-el-1,
.header-amin-el-2 {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.header-amin-el-1 {
background: url(../images/header-amin-el-1.png) left;
animation: header-amin-el-1 64s linear infinite;
opacity: 1;
}
@keyframes header-amin-el-1 {
0% {
opacity: 1;
background-position: 0 0;
}
23% {
opacity: 1;
}
25% {
opacity: 0;
}
48% {
opacity: 0;
}
50% {
opacity: 1;
}
73% {
opacity: 1;
}
75% {
opacity: 0;
}
98% {
opacity: 0;
}
100% {
opacity: 1;
background-position: -2100px 0;
}
}
.header-amin-el-2 {
opacity: 0;
background: url(../images/header-amin-el-2.png) left;
animation: header-amin-el-2 64s linear infinite;
}
@keyframes header-amin-el-2 {
0% {
opacity: 0;
background-position: 0 0;
}
23% {
opacity: 0;
}
25% {
opacity: 1;
}
48% {
opacity: 1;
}
50% {
opacity: 0;
}
73% {
opacity: 0;
}
75% {
opacity: 1;
}
98% {
opacity: 1;
}
100% {
opacity: 0;
background-position: -2100px 0;
}
}
.header > .container {
z-index: 3;
}
.header-logo {
width: 350px;
height: 150px;
padding: 30px 50px 30px 0;
}
.header-logo a {
display: block;
width: 300px;
height: 90px;
background: url(../images/logo.png);
background-size: 100%;
}
.header-top-el {
width: 100%;
padding: 0px 0 0 350px;
}
.header-info {
width: 100%;
height: 70px;
padding: 5px 0 5px 50px;
}
.header-info-links {
}
.header-info-links a {
display: block;
float: left;
margin: 15px 20px 0 0;
padding: 0 18px;
text-transform: uppercase;
line-height: 30px;
color: rgba(255, 255, 255, 0.76);
background: rgba(0, 0, 0, 0.2);
border-radius: 2px;
-webkit-transition: all 0s ease !important;
-moz-transition: all 0s ease !important;
-ms-transition: all 0s ease !important;
-o-transition: all 0s ease !important;
transition: all 0s ease !important;
}
.header-info-links a:hover,
.header-info-links a.active {
text-decoration: none;
color: rgba(255, 255, 255, 1);
background: rgba(0, 0, 0, 0.42);
}
.header-info-links a:active {
box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
}
.header-info-links a i {
display: block;
float: left;
width: 16px;
height: 16px;
background: #fff;
margin: 7px 10px 0 0;
}
.header-info-contact {
width: 360px;
padding: 4px 0 0 0;
}
.header-info-contact p {
padding: 0 12px 2px 12px;
font-size: 9px;
text-transform: uppercase;
color: #fff;
}
.header-info-contact-block {
background: rgba(255, 255, 255, 0.05);
/* border: 1px dashed rgba(255, 255, 255, 0.35); */
border: 1px solid rgba(255, 255, 255, 0.25);
box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1);
}
.header-info-contact-el {
padding: 4px 12px;
}
.header-info-contact div i {
display: block;
width: 24px;
height: 24px;
float: left;
margin: 1px 9px 0 0;
background: #fff;
}
.header-info-contact div span {
display: block;
font-size: 11px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.76);
}
.header-info-contact div a {
display: block;
font-size: 11px;
color: rgba(255, 255, 255, 0.56);
}
.header-info-contact div a:hover {
text-decoration: none;
color: #fff;
}
.header-menu {
position: relative;
width: 100%;
padding: 10px 0 0 50px;
}
.header-menu::before {
content: '';
position: absolute;
width: 137px;
height: 55px;
right: -136px;
bottom: 100%;
background: url(../images/header-menu-img2.png);
z-index: -1;
}
.header-menu li {
display: block;
float: left;
padding: 0 42px 0 0;
text-align: center;
}
.header-menu li a {
position: relative;
display: block;
text-transform: uppercase;
color: #333;
}
.header-menu li a:before {
content: '';
position: absolute;
z-index: -1;
}
.header-menu li a:hover {
text-decoration: none;
}
.header-menu li a:hover:before,
.header-menu li a.act:before {
width: calc(100% + 44px);
height: calc(100% + 20px);
top: -10px;
left: -22px;
background: #F2F2F2
}
.header-menu li a.active {
color: #fff;
opacity: 1 !important;
}
.header-menu li a.active:before {
content: '';
position: absolute;
width: calc(100% + 30px);
height: calc(100% + 30px);
top: -10px;
left: -15px;
/* background: #116527; */
background: rgba(20,105,41,1);
background: -moz-linear-gradient(left, rgba(20,105,41,1) 0%, rgba(17,101,39,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(20,105,41,1)), color-stop(100%, rgba(17,101,39,1)));
background: -webkit-linear-gradient(left, rgba(20,105,41,1) 0%, rgba(17,101,39,1) 100%);
background: -o-linear-gradient(left, rgba(20,105,41,1) 0%, rgba(17,101,39,1) 100%);
background: -ms-linear-gradient(left, rgba(20,105,41,1) 0%, rgba(17,101,39,1) 100%);
background: linear-gradient(to right, rgba(20,105,41,1) 0%, rgba(17,101,39,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#146929', endColorstr='#116527', GradientType=1 );
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.header-menu li a i {
display: block;
width: 40px;
height: 40px;
margin: 0 auto 5px auto;
/* background: #333; */
border-radius: 2px;
}
.header-menu li a.active i {
background: #fff;
}
.header-menu li.telegram-chat {
float: right;
padding: 0 22px 0 0;
}
.header-menu li.telegram-chat a {
color: #399240;
}
.header-menu li.telegram-chat a:hover::before {
content: none;
}
.header-menu li.telegram-chat i {
width: 80px;
}
.header-text {
/* padding: 25px 50px 0 0; */
padding: 65px 50px 0 0;
}
.header-text h1 {
/* font-size: 64px; */
font-size: 45px;
text-align: left;
color: #fff;
}
.header-statistics {
position: relative;
padding: 83px 0 0 0;
}
.header-statistics::before {
content: '';
position: absolute;
width: 100%;
/* height: calc(100% + 45px); */
height: calc(100% + 50px);
top: 0px;
left: 0;
background: #116527 url(../images/header-statistics-bg.png) no-repeat bottom;
z-index: -1;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.header-statistics::after {
content: '';
position: absolute;
width: 35px;
height: 100px;
left: 100%;
bottom: -42px;
background: #fff url(../images/header-bottom-el-bg.png) -128px 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
animation: header-statistics-after 84s linear infinite;
}
@keyframes header-statistics-after {
from {
background-position: -2000 0px;
}
}
.header-statistics-title {
position: absolute;
width: calc(100% - 40px);
top: 40px;
left: 20px;
padding: 0 0 8px 0;
text-transform: uppercase;
color: #fff;
border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
}
.header-statistics-el {
width: 100%;
float: left;
padding: 0 20px 0 20px;
overflow: hidden;
font-size: 19px;
}
.header-statistics-el i {
display: block;
width: 40px;
height: 40px;
float: left;
margin: 0 10px 0 0;
background: #000;
}
.header-statistics-el span {
display: block;
font-size: 12px;
/* font-style: italic; */
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
}
.header-statistics-el b {
/* color: #024914; */
color: #fff;
}
.header-statistics-el b small {
opacity: 0.7;
}
.header-bottom-el {
position: absolute;
width: 2000px;
height: 100px;
bottom: -13px;
right: calc(50% - 240px);
padding: 10px 50px 10px 0;
background: #fff url(../images/header-bottom-el-bg.png);
animation: header-bottom-el 84s linear infinite;
z-index: 3;
}
@keyframes header-bottom-el {
from {
background-position: -2000 0px;
}
}
.header-bottom-el-block {
width: 790px;
height: 80px;
/* background: #000; */
}
.header-bottom-el-info-amount {
padding-top: 5px;
}
.header-bottom-el-info-amount span {
display: block;
}
.header-bottom-el-info-amount span b {
float: right;
}
.header-bottom-el-calc {
padding: 10px 0 0 0;
}
.header-bottom-el-calc-procent {
padding-top: 5px;
/* font-size: 30px; */
font-size: 26px;
font-weight: 900;
color: #116527;
}
.header-bottom-el-amount {
height: 120px;
margin: -30px 0 0 0;
padding: 10px 30px;
background: #fff;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(232,232,232,1) 50%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(10%, rgba(255,255,255,1)), color-stop(50%, rgba(232,232,232,1)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(232,232,232,1) 50%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(232,232,232,1) 50%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(232,232,232,1) 50%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(232,232,232,1) 50%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
border-radius: 2px;
-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.25);
}
.header-bottom-el-amount h5 {
/* margin: -10px 0 0 0; */
margin: 0 0 5px 0;
/* font-size: 14px; */
font-size: 18px;
color: #116527;
}
.header-bottom-el-amount label {
display: block;
margin-bottom: 5px;
}
.header-bottom-el-amount .irs-from,
.header-bottom-el-amount .irs-to,
.header-bottom-el-amount .irs-min,
.header-bottom-el-amount .irs-max,
.header-bottom-el-amount .irs--flat .irs-single:before {
display: none;
}
.header-bottom-el-amount .irs--flat {
display: none;
width: calc(100% - 34px);
margin: 0 auto;
position: relative;
left: -2px;
}
.header-bottom-el-amount .irs--flat::before,
.header-bottom-el-amount .irs--flat::after {
content: '';
position: absolute;
width: 20px;
height: 12px;
top: 15px;
border-radius: 2px;
}
.header-bottom-el-amount .irs--flat::before {
left: -15px;
background-color: #82C01F;
}
.header-bottom-el-amount .irs--flat::after {
right: -18px;
background-color: #afafaf;
}
.header-bottom-el-amount .irs--flat .irs-single {
top: 11px;
padding: 3px 15px;
background: #116527;
border-radius: 2px;
z-index: 9;
}
.header-bottom-el-amount .irs--flat .irs-handle {
opacity: 0;
}
.header-bottom-el-amount .irs--flat .irs-bar--single {
top: 15px;
background: #82C01F;
border-radius: 2px 0 0 2px;
}
.header-bottom-el-amount .irs--flat .irs-line {
top: 15px;
background-color: #afafaf;
border-radius: 2px;
}
.header-bottom-el-amount-input {
position: relative;
}
.header-bottom-el-amount-input input {
padding-right: 24px;
}
.header-bottom-el-amount-input span {
position: absolute;
font-size: 20px;
/* top: 16px; */
top: 21px;
right: 16px;
}
.header-bottom-el-calc-info {
text-transform: uppercase;
}
/* Middle
-----------------------------------------------------------------------------*/
.content {
position: relative;
/* padding: 20px 0px; */
padding: 40px 0px;
background: #dfdfdf url(../images/content-bg.png);
border-top: 6px solid #e8e8e8;
border-bottom: 6px solid #e8e8e8;
z-index: 3;
}
.tariff-plans {
position: relative;
}
.tariff-plans::before {
content: '';
position: absolute;
width: 100%;
height: 750px;
top: -40px;
left: 0;
background: url(../images/tariff-plans-bg.jpg) center top;
}
.tariff-plans .container {
position: relative;
padding: 0 10px;
}
.tariff-plans .tariff-plans-anim-el-1 {
position: absolute;
width: 1425px;
height: calc(100% + 90px);
top: -60px;
left: -92.5px;
overflow: hidden;
z-index: -1;
}
.tariff-plans .tariff-plans-anim-el-1::before {
content: '';
position: absolute;
width: 1425px;
height: 1425px;
/* top: calc(50% - 712.5px); */
top: calc(50% - 770px);
left: 0;
background: url(../images/tariff-plans-anim-el-1.png) center;
animation: tariff-plans-anim-el-1-before 54s linear infinite;
transform: rotate(0deg);
opacity: 0.05;
}
@keyframes tariff-plans-anim-el-1-before {
from {
transform: rotate(360deg);
}
}
.tariff-plans .tariff-plans-anim-el-1::after {
content: '';
position: absolute;
width: 1425px;
height: 1425px;
top: calc(50% - 712.5px);
/* top: calc(50% - 770px); */
left: 0;
background: url(../images/tariff-plans-anim-el-2.png) center;
animation: tariff-plans-anim-el-2-after 54s linear infinite;
transform: rotate(0deg);
opacity: 0.1;
}
@keyframes tariff-plans-anim-el-2-after {
from {
transform: rotate(-360deg);
}
}
.tariff-plans .container p {
color: #fff;
}
.tariff-plans-el-block {
float: left;
width: 14.28571428571429%;
padding: 0 10px;
}
.tariff-plans-el {
position: relative;
padding: 20px 14px;
border-radius: 2px;
text-align: center;
background: #fff;
/* -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.25); */
/* -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.25); */
/* box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.25); */
box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1);
}
.tariff-plans-el::before,
.tariff-plans-el::after {
content: '';
position: absolute;
width: 6px;
height: 20px;
left: calc(50% - 3px);
z-index: 1;
border-radius: 4px;
}
.tariff-plans-el::before {
top: -18px;
background: #fff;
}
.tariff-plans-el::after {
bottom: -18px;
/* background: #82C01F; */
background: #399241;
}
.tariff-plans-el.style-1::after {
height: 60px;
bottom: -58px;
}
.tariff-plans-el.style-2::before {
height: 30px;
top: -28px;
}
.tariff-plans-el.style-2::after {
height: 40px;
bottom: -38px;
}
.tariff-plans-el-percent {
position: relative;
font-size: 40px;
font-weight: 700;
color: #399241;
}
.tariff-plans-el-percent::before {
content: '';
position: absolute;
width: 120px;
height: 55px;
top: calc(50% - 27.5px);
left: calc(50% - 60px);
background: url(../images/tariff-plans-icon1.png) center;
opacity: 0.1;
}
.tariff-plans-el ul {
display: block;
margin: 20px -14px -20px -14px;
padding: 20px 0;
/* background: #82c01f; */
background: #399241;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.tariff-plans-el ul li {
position: relative;
color: #fff;
font-size: 11px;
text-align: left;
/* padding: 0 10px; */
}
/*
.tariff-plans-el ul li::before {
content: '';
position: absolute;
width: 100%;
height: 1px;
top: 50%;
left: 0;
border-bottom: 1px dashed rgba(255, 255, 255, 0.6);
}
*/
.tariff-plans-el ul li::before {
content: '';
position: absolute;
width: 100%;
height: 1px;
top: calc(100% + 4px);
left: 0;
border-bottom: 1px dashed rgba(255, 255, 255, 0.6);
z-index: 2;
}
.tariff-plans-el ul li:last-child::before {
content: none;
}
.tariff-plans-el ul li div,
.tariff-plans-el ul li span {
position: relative;
/* background: #82c01f; */
background: #399241;
z-index: 1;
}
.tariff-plans-el ul li div {
display: inline-block;
padding: 0 5px 0 10px;
}
.tariff-plans-el ul li span {
float: right;
font-size: 22px;
margin: 0 0 0 0;
padding: 0 10px 0 5px;
}
.tariff-plans-el.style-3::after,
.tariff-plans-el.style-3 ul,
.tariff-plans-el.style-3 ul li div,
.tariff-plans-el.style-3 ul li span {background: #4E9F37;}
.tariff-plans-el.style-3 .tariff-plans-el-percent {color: #4E9F37;}
.tariff-plans-el.style-2::after,
.tariff-plans-el.style-2 ul,
.tariff-plans-el.style-2 ul li div,
.tariff-plans-el.style-2 ul li span {background: #6DB328;}
.tariff-plans-el.style-2 .tariff-plans-el-percent {color: #6DB328;}
.tariff-plans-el.style-1::after,
.tariff-plans-el.style-1 ul,
.tariff-plans-el.style-1 ul li div,
.tariff-plans-el.style-1 ul li span {background: #82c01f;}
.tariff-plans-el.style-1 .tariff-plans-el-percent {color: #82c01f;}
.tariff-plans-el.style-4::before {
height: 25px;
top: -23px;
}
.about-company {
position: relative;
padding: 0;
}
/*
.about-company::before {
content: '';
position: absolute;
width: 50%;
height: 100%;
top: 0;
right: 0;
background: #fff;
z-index: 1;
}
*/
.about-company-bg {
position: absolute;
width: 100%;
height: 509px;
top: 232px;
left: 0;
background: url(../images/about-company-bg.jpg) center top;
z-index: -1;
}
.about-company-bg-1 {
position: absolute;
width: 100%;
height: calc(100% + 20px);
top: -10px;
left: 0;
background: rgba(0, 0, 0, 0.5);
/* z-index: -1; */
}
.about-company .container {
position: relative;
padding-top: 40px;
padding-bottom: 40px;
background: #fff url(../images/about-company-bg1.png) center top;
border-radius: 2px;
animation: about-company-container 34s linear infinite;
z-index: 2;
}
@keyframes about-company-container {
from {
background-position: 0 -300px;
}
}
.about-company .container::before {
content: '';
position: absolute;
width: 454px;
height: 176px;
left: -100px;
bottom: 100%;
background: url(../images/about-company-img2.png);
}
.about-company-line1 {
display: none;
position: absolute;
width: 50%;
height: 6px;
top: calc(50% - 3px);
left: 0;
/* background: #aeaeae; */
background: rgba(57,146,65,1);
}
/*
.about-company-line2 {
position: absolute;
width: 4px;
height: 70%;
top: 15%;
left: -4px;
background: #aeaeae;
border-radius: 4px 0 0 4px;
}
*/
.about-company-line2 {
position: absolute;
width: 6px;
height: 100%;
top: 0;
left: -6px;
/* background: #aeaeae; */
background: rgba(130,192,31,1);
background: -moz-linear-gradient(top, rgba(130,192,31,1) 0%, rgba(57,146,65,1) 50%, rgba(130,192,31,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(130,192,31,1)), color-stop(50%, rgba(57,146,65,1)), color-stop(100%, rgba(130,192,31,1)));
background: -webkit-linear-gradient(top, rgba(130,192,31,1) 0%, rgba(57,146,65,1) 50%, rgba(130,192,31,1) 100%);
background: -o-linear-gradient(top, rgba(130,192,31,1) 0%, rgba(57,146,65,1) 50%, rgba(130,192,31,1) 100%);
background: -ms-linear-gradient(top, rgba(130,192,31,1) 0%, rgba(57,146,65,1) 50%, rgba(130,192,31,1) 100%);
background: linear-gradient(to bottom, rgba(130,192,31,1) 0%, rgba(57,146,65,1) 50%, rgba(130,192,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82c01f', endColorstr='#82c01f', GradientType=0 );
border-radius: 4px 0 0 4px;
}
.about-company-line3 {
position: absolute;
width: 6px;
height: 100%;
top: 0;
right: -6px;
/* background: #aeaeae; */
background: rgba(130,192,31,1);
background: -moz-linear-gradient(top, rgba(130,192,31,1) 0%, rgba(57,146,65,1) 50%, rgba(130,192,31,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(130,192,31,1)), color-stop(50%, rgba(57,146,65,1)), color-stop(100%, rgba(130,192,31,1)));
background: -webkit-linear-gradient(top, rgba(130,192,31,1) 0%, rgba(57,146,65,1) 50%, rgba(130,192,31,1) 100%);
background: -o-linear-gradient(top, rgba(130,192,31,1) 0%, rgba(57,146,65,1) 50%, rgba(130,192,31,1) 100%);
background: -ms-linear-gradient(top, rgba(130,192,31,1) 0%, rgba(57,146,65,1) 50%, rgba(130,192,31,1) 100%);
background: linear-gradient(to bottom, rgba(130,192,31,1) 0%, rgba(57,146,65,1) 50%, rgba(130,192,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82c01f', endColorstr='#82c01f', GradientType=0 );
border-radius: 0 4px 4px 0;
}
.about-company-img {
position: relative;
height: 480px;
margin: -100px 0 -60px 0;
background: url(../images/about-company-img.png);
}
.home-info-content {
position: relative;
}
.home-info-content::before {
content: '';
position: absolute;
width: 100%;
height: 261px;
top: 291px;
left: 0;
background: url(../images/home-info-content-bg.png) center;
}
.home-info-content::after {
content: '';
position: absolute;
width: 100%;
height: 7px;
bottom: -46px;
left: 0;
background: rgba(57,146,64,1);
background: -moz-linear-gradient(left, rgba(57,146,64,1) 0%, rgba(17,101,39,1) 40%, rgba(17,101,39,1) 60%, rgba(57,146,64,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(57,146,64,1)), color-stop(40%, rgba(17,101,39,1)), color-stop(60%, rgba(17,101,39,1)), color-stop(100%, rgba(57,146,64,1)));
background: -webkit-linear-gradient(left, rgba(57,146,64,1) 0%, rgba(17,101,39,1) 40%, rgba(17,101,39,1) 60%, rgba(57,146,64,1) 100%);
background: -o-linear-gradient(left, rgba(57,146,64,1) 0%, rgba(17,101,39,1) 40%, rgba(17,101,39,1) 60%, rgba(57,146,64,1) 100%);
background: -ms-linear-gradient(left, rgba(57,146,64,1) 0%, rgba(17,101,39,1) 40%, rgba(17,101,39,1) 60%, rgba(57,146,64,1) 100%);
background: linear-gradient(to right, rgba(57,146,64,1) 0%, rgba(17,101,39,1) 40%, rgba(17,101,39,1) 60%, rgba(57,146,64,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#399240', endColorstr='#399240', GradientType=1 );
}
.home-info-content-anim-bg {
position: absolute;
width: 100%;
height: 541px;
top: 10px;
left: 0;
opacity: 0.25;
}
.home-info-content-anim-bg::before,
.home-info-content-anim-bg::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.home-info-content-anim-bg::before {
background: url(../images/home-info-content-anim-bg-1.png) center 50px;
animation: home-info-content-anim-bg-before 10s linear infinite;
}
@keyframes home-info-content-anim-bg-before {
0% {
opacity: 1;
}
45% {
opacity: 1;
}
50% {
opacity: 0;
}
95% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.home-info-content-anim-bg::after {
background: url(../images/home-info-content-anim-bg-2.png) center 50px;
animation: home-info-content-anim-bg-after 10s linear infinite;
}
@keyframes home-info-content-anim-bg-after {
0% {
opacity: 0;
}
45% {
opacity: 0;
}
50% {
opacity: 1;
}
95% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.home-info-content .container {
padding: 0;
}
.home-info-content-el {
padding: 20px 10px 0 10px;
}
.home-info-content-block {
position: relative;
padding: 30px 10px 30px 10px;
text-align: center;
background: #fff;
/* background: #fff url(../images/header-bottom-el-bg.png) no-repeat 0 bottom; */
border-radius: 2px;
box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1)
}
.home-info-content-block.style-1 {
}
.home-info-content-block.style-1::before,
.home-info-content-block.style-1::after {
content: '';
position: absolute;
left: calc(50% - 3px);
/* background: #399240; */
background: rgba(130,192,31,1);
background: -moz-linear-gradient(top, rgba(130,192,31,1) 0%, rgba(57,146,65,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(130,192,31,1)), color-stop(100%, rgba(57,146,65,1)));
background: -webkit-linear-gradient(top, rgba(130,192,31,1) 0%, rgba(57,146,65,1) 100%);
background: -o-linear-gradient(top, rgba(130,192,31,1) 0%, rgba(57,146,65,1) 100%);
background: -ms-linear-gradient(top, rgba(130,192,31,1) 0%, rgba(57,146,65,1) 100%);
background: linear-gradient(to bottom, rgba(130,192,31,1) 0%, rgba(57,146,65,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82c01f', endColorstr='#399241', GradientType=0 );
z-index: -1;
}
.home-info-content-block.style-1::before {
width: 6px;
height: calc(100% + 60px);
top: -20px;
border-radius: 4px;
}
.home-info-content-block.style-1::after {
width: 120px;
height: calc(100% + 14px);
top: -7px;
left: calc(50% - 60px);
border-radius: 4px;
}
.home-info-content-block h4 {
}
.home-info-content-img {
width: 270px;
height: 270px;
margin: 0 0 20px 0;
}
.home-info-content-number {
color: #82C01F;
}
.home-info-content-number span {
font-size: 12px;
}
.home-info-content-ref-percent {
font-size: 80px;
position: relative;
top: 12px;
color: #82C01F;
}
.home-info-content-block-bottom {
position: relative;
}
.home-info-content-block-bottom::before {
content: '';
position: absolute;
width: calc(100% + 20px);
height: calc(100% + 50px);
bottom: -30px;
right: -10px;
background: #F2F2F2;
border-radius: 0 0 4px 4px;
border-top: 1px solid #DFDFDF;
}
.home-info-content-block-bottom > div {
position: relative;
z-index: 1;
}
.home-info-content-block.style-2 {
height: 360px;
background: #F2F2F2;
}
.home-info-content-block.style-2::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 2px;
border: 1px solid #c0c0c0;
}
.home-info-content-block.style-2 h4,
.home-info-content-block.style-2 h5,
.home-info-content-block.style-2 ul,
.home-info-content-block.style-2 a,
.home-info-content-block.style-2 p {
position: relative;
z-index: 2;
}
.home-info-content-company-features {
}
.home-info-content-company-features li {
width: 50%;
float: left;
}
.home-info-content-company-features li i {
display: block;
width: 120px;
height: 40px;
margin: 18px auto 4px auto;
/* background: #212121 !important; */
}
.home-info-content-company-features li span {
font-weight: 700;
color: #3A9340;
}
.home-info-content-news {
}
.home-info-content-news > div {
max-height: 225px;
overflow: hidden;
}
.home-info-content-news a {
margin: 20px 0 0 0;
}
.home-info-content-text {
position: relative;
top: -50px;
margin-bottom: -60px;
}
.home-info-content-text * {
color: #fff;
}
/* Footer
-----------------------------------------------------------------------------*/
.footer {
position: relative;
/* padding: 20px 0 20px 0; */
padding: 20px 0 30px 0;
/* background: #012c0c url(../images/footer-bg.jpg) top center; */
background: #323232 url(../images/footer-bg.jpg) top center;
z-index: 3;
}
.footer .container {
position: relative;
}
.footer .footer-img1 {
display: none;
position: absolute;
width: 236px;
height: 74px;
top: -94px;
left: -123px;
background: url(../images/footer-img1.png);
}
.footer .footer-img2 {
position: absolute;
width: 160px;
height: 58px;
top: -88px;
right: -101px;
background: url(../images/footer-img2.png);
}
.footer-logo {
width: 350px;
height: 150px;
padding: 35px 50px 25px 0;
}
.footer-logo a {
display: block;
width: 300px;
height: 90px;
background: url(../images/logo-footer.png);
background-size: 100%;
}
.footer-top-el {
width: 100%;
padding: 35px 0 45px 350px;
}
.footer-menu {
height: 16px;
}
.footer-menu li {
display: block;
float: left;
padding: 0 20px 0 0;
}
.footer-menu li a {
position: relative;
display: block;
padding: 0 10px;
text-transform: uppercase;
color: #fff;
}
.footer-menu li a:hover {
color: rgba(255, 255, 255, 0.7);
}
.footer-ec {
height: 64px;
padding: 34px 0 0 10px;
}
.footer-ec div {
width: 12.5%;
float: left;
}
.footer-ec div i {
width: 30px;
height: 30px;
float: left;
background: #fff;
}
.footer-ec div span {
font-size: 10px;
padding: 4px 0 0 35px;
line-height: 24px;
color: #ffffff;
text-transform: uppercase;
display: block;
}
.footer-ec div span.style-1 {
line-height: 1.3;
}
.footer-copyright {
padding: 30px 0;
color: #fff;
/* background: #116527; */
/* background: #82C01F; */
background: rgba(57,146,64,1);
background: -moz-linear-gradient(left, rgba(57,146,64,1) 0%, rgba(17,101,39,1) 40%, rgba(17,101,39,1) 60%, rgba(57,146,64,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(57,146,64,1)), color-stop(40%, rgba(17,101,39,1)), color-stop(60%, rgba(17,101,39,1)), color-stop(100%, rgba(57,146,64,1)));
background: -webkit-linear-gradient(left, rgba(57,146,64,1) 0%, rgba(17,101,39,1) 40%, rgba(17,101,39,1) 60%, rgba(57,146,64,1) 100%);
background: -o-linear-gradient(left, rgba(57,146,64,1) 0%, rgba(17,101,39,1) 40%, rgba(17,101,39,1) 60%, rgba(57,146,64,1) 100%);
background: -ms-linear-gradient(left, rgba(57,146,64,1) 0%, rgba(17,101,39,1) 40%, rgba(17,101,39,1) 60%, rgba(57,146,64,1) 100%);
background: linear-gradient(to right, rgba(57,146,64,1) 0%, rgba(17,101,39,1) 40%, rgba(17,101,39,1) 60%, rgba(57,146,64,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#399240', endColorstr='#399240', GradientType=1 );
}
.footer-copyright-text {
text-transform: uppercase;
}
.footer-copyright-info {
}
.footer-copyright-info span {
float: left;
padding: 0 0 0 30px;
}
.footer-copyright-info a {
font-weight: 700;
color: #fff;
}
/* ALL
-----------------------------------------------------------------------------*/
.content-pages-title {
padding: 20px 0;
}
.content-pages-title h2 {
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background: -moz-linear-gradient(left, rgba(22,106,42,1) 0%, rgba(47,135,59,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(22,106,42,1)), color-stop(100%, rgba(47,135,59,1)));
background: -webkit-linear-gradient(left, rgba(22,106,42,1) 0%, rgba(47,135,59,1) 100%);
background: -o-linear-gradient(left, rgba(22,106,42,1) 0%, rgba(47,135,59,1) 100%);
background: -ms-linear-gradient(left, rgba(22,106,42,1) 0%, rgba(47,135,59,1) 100%);
background: linear-gradient(to right, rgba(22,106,42,1) 0%, rgba(47,135,59,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#166a2a', endColorstr='#2f873b', GradientType=1 );
}
.content-pages-el {
padding: 20px 40px;
background: #fff;
border-radius: 2px;
-webkit-box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1);
box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1);
}
.content-pages-el a {
color: #399240;
}
.content-pages-el.account-content-pages-el {
position: relative;
padding-bottom: 40px;
}
.content-pages-el.account-content-pages-el::before {
content: '';
position: absolute;
width: 100%;
height: 562px;
top: 0;
left: 0;
border-radius: 2px;
background: #399240 url(../images/account-content-pages-el-before-bg.png) bottom center no-repeat;
z-index: -1;
}
.content-pages-el.account-content-pages-el h5 {
margin-bottom: 20px;
}
.content-pages-el.account-content-pages-el h5.h5-margin1 {
margin-bottom: 10px;
}
.content-pages-el a:hover {
color: #212121;
}
.wrapper-login-redirect {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
background: rgba(57,146,65,1);
background: -moz-linear-gradient(45deg, rgba(57,146,65,1) 0%, rgba(130,192,31,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(57,146,65,1)), color-stop(100%, rgba(130,192,31,1)));
background: -webkit-linear-gradient(45deg, rgba(57,146,65,1) 0%, rgba(130,192,31,1) 100%);
background: -o-linear-gradient(45deg, rgba(57,146,65,1) 0%, rgba(130,192,31,1) 100%);
background: -ms-linear-gradient(45deg, rgba(57,146,65,1) 0%, rgba(130,192,31,1) 100%);
background: linear-gradient(45deg, rgba(57,146,65,1) 0%, rgba(130,192,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#399241', endColorstr='#82c01f', GradientType=1 );
}
.wrapper-login-redirect div {
width: 480px;
margin: 0 auto;
padding: 30px;
text-align: center;
background: #fff;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
}
.content-pages-faq {
}
.content-pages-faq h5 {
margin: 0 0 20px 0;
padding: 10px 0 0 0;
}
.content-pages-faq-block {
margin: 0 0 15px 0;
padding: 0 0 15px 0;
border-bottom: 1px dashed rgb(231, 231, 231);
}
.content-pages-faq-question {
padding: 0 0 4px 0;
font-weight: 700;
}
.account-menu {
}
.account-menu ul {
margin: 30px 0 0 0;
/* padding: 20px 30px; */
padding: 20px 0;
background: #ffffff;
border-radius: 2px;
border: 1px solid #c0c0c0;
}
.account-menu ul li {
}
.account-menu ul li a {
position: relative;
display: block;
padding: 12px 30px;
text-transform: uppercase;
text-decoration: none !important;
font-size: 14px;
border-bottom: 1px dashed rgb(231, 231, 231);
}
.account-menu ul li a::before {
content: '';
position: absolute;
width: 0;
height: 0;
top: calc(50% - 6px);
left: 30px;
border-style: solid;
border-width: 6px 0 6px 6px;
border-color: transparent transparent transparent #6A6A6A;
opacity: 0;
}
.account-menu ul li a:hover,
.account-menu ul li a.active {
display: block;
padding-left: 50px;
background: #F2F2F2;
}
.account-menu ul li a:hover::before,
.account-menu ul li a.active::before {
left: 39px;
opacity: 1;
}
.account-menu ul li a.active::after {
content: '';
position: absolute;
width: 20px;
height: 1px;
top: calc(50% - 1px);
left: 19px;
background: #6A6A6A;
}
.deposit-form-block {
position: relative;
height: 618px;
margin: 0 -10px;
}
.deposit-form-block::before {
content: '';
position: absolute;
width: calc(33.3333333333% + 15px);
height: 100%;
left: calc(100% - 5px);
background: rgb(231, 231, 231);
border: 1px dashed rgb(231, 231, 231);
}
.deposit-form-el {
/* width: 25%; */
width: 33.333333333333%;
float: left;
padding: 20px 10px;
text-align: center;
}
.deposit-form-el > div {
position: relative;
height: 269px;
background: #fff;
border-radius: 2px;
}
.deposit-form-el > div::before,
.deposit-form-el > div::after {
content: '';
position: absolute;
width: 6px;
height: 15px;
left: calc(50% - 3px);
z-index: 6;
}
.deposit-form-el > div::before {
top: -14px;
background: #C0C0C0;
border-radius: 4px 4px 0 0;
}
.deposit-form-el > div::after {
bottom: -16px;
background: #4E9F37;
border-radius: 0 0 4px 4px;
}
.deposit-form-el label {
display: block !important;
padding: 20px 0 0 0 !important;
height: 271px;
}
.deposit-form-el label:before {
width: 100% !important;
height: 100% !important;
top: 0 !important;
left: 0 !important;
background: none !important;
border-radius: 2px !important;
border: 1px solid #C0C0C0 !important;
-webkit-box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1);
box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1);
z-index: 5;
}
.deposit-form-el label:hover:before {
border: 4px solid #C0C0C0 !important;
-webkit-box-shadow: 10px 10px 30px rgba(0, 0, 0, 0);
-moz-box-shadow: 10px 10px 30px rgba(0, 0, 0, 0);
box-shadow: 10px 10px 30px rgba(0, 0, 0, 0);
}
.deposit-form-el input[type="radio"]:checked + label:before {
-webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.deposit-form-el label:after {
width: 100% !important;
height: 100% !important;
top: 0 !important;
left: 0 !important;
background: none !important;
border-radius: 2px !important;
border: 4px solid #4E9F37 !important;
z-index: 6;
}
.deposit-form-el .tariff-plans-el-percent {
line-height: 1.3;
}
.deposit-form-el .tariff-plans-el-period,
.deposit-form-el .tariff-plans-el-principal {
line-height: 1.3;
}
.deposit-form-el ul {
display: block;
margin: 20px 0 0 0;
padding: 20px 0 10px 0;
/* background: #82c01f; */
background: #4E9F37;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.deposit-form-el ul li {
position: relative;
color: #fff;
font-size: 11px;
text-align: left;
}
.deposit-form-el ul li::before {
content: '';
position: absolute;
width: 100%;
height: 1px;
top: calc(100% + 4px);
left: 0;
border-bottom: 1px dashed rgba(255, 255, 255, 0.6);
z-index: 2;
}
.deposit-form-el ul li:last-child::before {
content: none;
}
.deposit-form-el ul li div, .deposit-form-el ul li span {
position: relative;
background: #4E9F37;
z-index: 1;
}
.deposit-form-el ul li div {
display: inline-block;
line-height: 1.1;
padding: 0 5px 0 10px;
}
.deposit-form-el ul li span {
float: right;
font-size: 22px;
margin: 0 0 0 0;
padding: 0 10px 0 5px
}
.deposit-form-el-maxplan {
position: absolute;
width: 165px;
top: calc(50% - 154.5px);
/* left: calc(100% + 20px); */
left: calc(100% + 7.5px);
}
.deposit-form-el-maxplan::before {
content: '';
position: absolute;
width: 189px;
height: 160px;
top: calc(100% - 6px);
left: -11px;
background: url(../images/deposit-form-el-maxplan-img.png);
}
.deposit-form-el-maxplan h4.title-top {
position: absolute;
width: 100%;
bottom: calc(100% + 40px);
text-align: center;
}
.deposit-process {
margin: 0 -10px;
}
.deposit-process > span {
min-width: 135px;
float: left;
padding: 10px;
}
.deposit-process > span i {
float: left;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0);
}
.deposit-process label {
display: block !important;
padding: 0 0 0 40px !important;
line-height: 19px;
}
.deposit-process label:before {
content: none !important;
}
.deposit-process label:after {
width: 30px !important;
height: 30px !important;
top: 0 !important;
left: 0 !important;
background: none !important;
border-radius: 2px !important;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
opacity: 1 !important;
z-index: 2;
}
.deposit-process input[type="radio"]:checked + label:after {
border: 1px solid #126528;
-webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.2);
}
.deposit-process small {
display: block;
font-style: italic;
}
.withdraw-process > span {
position: relative;
top: 12px;
margin: 0 -20px 0 0;
padding: 0 14px 0 0;
border-right: 1px solid;
}
.show_validation_image span {
display: block;
background: #6A6A6A;
padding: 6px;
border-radius: 2px;
text-align: center;
}
.banner-menu {
position: relative;
padding: 0 25px 0 0;
}
.banner-menu::before {
content: '';
position: absolute;
width: 1px;
height: 100%;
top: 0;
right: 25px;
background: #0A3B17;
}
.banner-menu li {
display: block;
padding: 6px 24px 6px 0;
text-align: right;
font-weight: 900;
cursor: pointer;
border-radius: 2px 0 0 2px;
border: 1px solid #fff;
}
.banner-menu li span {
display: block;
}
.banner-menu li:hover {
background: #F2F2F2;
border: 1px solid #F2F2F2;
}
.banner-menu li.active {
color: #fff;
background: #0A3B17;
border: 1px solid #0A3B17;
}
.banner-el {
}
.banner-el .banner-el-block {
display: none;
}
.banner-el .banner-el-block.active {
display: block;
}
.banner-el .banner-el-block a {
position: relative;
}
.banner-el .banner-el-block a span {
display: none;
position: absolute;
width: 200px;
height: 30px;
top: 0;
left: calc(100% + 20px);
color: #00A23D !important;
line-height: 30px;
text-align: left;
font-weight: 700;
}
.banner-el .banner-el-block a.active span {
display: block;
}
.our-contacts {
}
.our-contacts i {
display: block;
width: 30px;
height: 30px;
}
.our-contacts span {
display: block;
text-transform: uppercase;
}
.content-pages-el-ratings {
}
.content-pages-el-ratings a {
display: block;
width: calc(25% - 20px);
float: left;
margin: 10px;
}
.content-pages-el-ratings a img {
width: 100%;
}
/* Paginator
-----------------------------------------------------------------------------*/
.paginator-block {
padding: 40px 0 20px 0;
text-align: center;
}
.paginator-block ul {
}
.paginator-block ul li {
display: inline-block;
}
.paginator-block ul li a {
display: block;
width: 34px;
height: 30px;
margin: 0 2px;
line-height: 30px;
color: rgba(255, 255, 255, 0.76);
border-radius: 2px;
background: #0E511F;
cursor: pointer;
}
.paginator-block ul li a:hover,
.paginator-block ul li.active a {
color: #fff;
background: #0A3B17;
text-decoration: none;
}
.paginator-block ul li.active a {
background: #399240;
}
/* Message
-----------------------------------------------------------------------------*/
.msg {
padding: 15px;
margin-bottom: 15px;
font-weight: 700;
text-transform: uppercase;
color: rgb(231, 231, 231);
border-bottom: 2px solid;
}
.msg li {
display: block;
}
.msg ul br {
display: none;
}
.msg a {
font-weight: 900;
text-decoration: underline;
}
.msg a:hover {
text-decoration: none;
}
.error,
.error li,
.error a {
color: #e71010 !important;
}
.success,
.success li,
.success a {
color: #00A23D !important;
}
.info,
.info li ,
.info a {
/* color: #A2A2A2 !important; */
color: #212121 !important;
}
table {
width: 100%;
background: rgb(255, 255, 255);
border-bottom: 1px solid #fff;
}
table thead tr td {
background: rgb(249, 249, 249);
}
table tr .inheader {
padding: 15px 10px;
font-weight: 900;
background: rgb(231, 231, 231);
border-bottom: 1px dashed rgb(231, 231, 231);
border-right: 1px solid rgb(231, 231, 231);
}
table tr td {
padding: 10px;
vertical-align: middle;
border-bottom: 1px dashed rgb(231, 231, 231);
}
table tr th {
padding: 10px;
vertical-align: middle;
text-align: right;
}
.table-style-1 {
border: 1px dashed rgb(190, 190, 190);
}
.table-style-1 tr:last-child td {
border: none;
}
.table-style-1 .inheader {
color: #fff;
background: #399240;
border: 1px solid #399240;
}
.table-el-ec {
display: block;
width: 30px;
height: 30px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
}
/* ACCOUNT
-----------------------------------------------------------------------------*/
.account {
}