body{
    padding:0;
    margin:0;
    cursor:default
}
.toLeft{
    float:left
}
.toRight{
    float:right
}
.toCenter{
    width:100%;
    margin:0 auto;
    position:relative;
    box-sizing:border-box;
    padding:0 10px
}
.clear{
    clear:both
}
.clearfix:after{
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0
}
:first-child+html .clearfix,* html .clearfix{
    zoom:1
}
*{
    margin:0;
    box-sizing:border-box;
    -moz-appearance:none;
    -webkit-appearance:none
}
a{
    text-decoration:none;
    border:0;
    cursor:pointer
}
img{
    border:0
}
input,textarea{
    border:0px solid transparent;
    background:transparent;
    outline:none;
    resize:none
}
button{
    border:none;
    outline:none;
    padding:0;
    margin:0;
    cursor:pointer
}
textarea{
    overflow:hidden
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{
    display:block
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:"";
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
.toCenter{
    max-width:1242px
}
body{
    position:relative;
    font-size:16px;
    font-weight:400;
    font-family:"Roboto";
    background-color:#fff
}
.table{
    display:table;
    width:100%;
    table-layout:fixed
}
.table .cell{
    display:table-cell;
    vertical-align:middle;
    position:relative
}
.table.top .cell{
    vertical-align:top
}
.table .row{
    display:table-row
}
.cover{
    background-size:cover;
    background-position:center center
}
*{
    -webkit-appearance:none;
    appearance:none
}
main{
    width:100%;
    position:relative;
    z-index: 1;
}
p b,p strong{
    font-weight:600
}
p em,p i{
    font-style:italic
}
input{
    border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -webkit-border-radius:0
}
.slick-slide{
    outline:none
}
.slick-slide:focus{
    border:0!important
}
.relative{
    position:relative
}
.dots{
    z-index:10;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.dots .dot{
    background-color:#8BB756;
    box-shadow:0 0 0 0 black;
    margin:10px;
    height:26px;
    width:26px;
    position:absolute;
    cursor:pointer;
    animation:pulseDot 1.5s infinite;
    border-radius:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 500;
}
@media only screen and (max-width:989px){
    .dots .dot{
        width:18px;
        height:18px
    }
}
.dots .dot[data-show="1"]{
    top:59%;
    left:66%;
    -ms-transform:translate(-66%,-59%);
    -webkit-transform:translate(-66%,-59%);
    transform:translate(-66%,-59%)
}
@media only screen and (max-width:419px){
    .dots .dot[data-show="1"]{
        top:56%;
        -ms-transform:translate(-66%,-56%);
        -webkit-transform:translate(-66%,-56%);
        transform:translate(-66%,-56%)
    }
}
.dots .dot[data-show="2"]{
    top:74%;
    left:77%;
    -ms-transform:translate(-77%,-74%);
    -webkit-transform:translate(-77%,-74%);
    transform:translate(-77%,-74%)
}
@media only screen and (max-width:419px){
    .dots .dot[data-show="2"]{
        top:72%;
        left:76%;
        -ms-transform:translate(-76%,-72%);
        -webkit-transform:translate(-76%,-72%);
        transform:translate(-76%,-72%)
    }
}
.dots .dot[data-show="3"]{
    top:58%;
    left:24.5%;
    -ms-transform:translate(-24.5%,-58%);
    -webkit-transform:translate(-24.5%,-58%);
    transform:translate(-24.5%,-58%)
}
@media only screen and (max-width:419px){
    .dots .dot[data-show="3"]{
        top:55%;
        left:22%;
        -ms-transform:translate(-22%,-55%);
        -webkit-transform:translate(-22%,-55%);
        transform:translate(-22%,-55%)
    }
}
.dots .dot[data-show="4"]{
    top:88%;
    left:47%;
    -ms-transform:translate(-47%,-88%);
    -webkit-transform:translate(-47%,-88%);
    transform:translate(-47%,-88%)
}
.dots .dot[data-show="5"]{
    top:42%;
    left:78%;
    -ms-transform:translate(-78%,-42%);
    -webkit-transform:translate(-78%,-42%);
    transform:translate(-78%,-42%)
}
.dots .dot[data-show="6"]{
    top: 54%;
    left: 60%;
    transform:translate(-60%,-54%)
}
@media only screen and (max-width:419px){
    .dots .dot[data-show="5"]{
        top:38%;
        -ms-transform:translate(-78%,-38%);
        -webkit-transform:translate(-78%,-38%);
        transform:translate(-78%,-38%)
    }
}
@keyframes pulseDot{
    0%{
        box-shadow:0 0 0 0 rgba(0,94,157,0.7)
    }
    70%{
        box-shadow:0 0 0 10px rgba(0,94,157,0)
    }
    to{
        box-shadow:0 0 0 0 rgba(0,94,157,0)
    }
}
.testAndTrack .box.hidden{
    display:none
}
header#mainHeader{
    background-color:#1A1919;
    border-bottom:solid 3px #8BB756;
    position:relative;
    z-index:999
}
header#mainHeader .logos{
    padding:17px 0 14px;
    position:relative;
    z-index:2
}
header#mainHeader .logos .table{
    width:auto
}
header#mainHeader .logos .cell{
    padding:0 15px 0 0
}
header#mainHeader .logos .cell:last-child{
    padding-right:0
}
header#mainHeader .logos a{
    opacity:1;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
header#mainHeader .logos a:hover{
    opacity:0.8
}
header#mainHeader .logos img{
    display:block
}
header#mainHeader nav{
    padding:17px 0 14px 50px;
    text-transform:uppercase
}
@media only screen and (max-width:1365px){
    header#mainHeader nav{
        padding-left:15px
    }
}
@media only screen and (max-width:989px){
    header#mainHeader nav{
        display:none
    }
}
header#mainHeader nav ul{
    display:table;
    margin:0 auto
}
header#mainHeader nav li{
    margin:0 33px 2px 0
}
header#mainHeader nav li:last-child{
    margin-right:0
}
header#mainHeader nav li.withDropdown,header#mainHeader nav li .withDropdown{
    position:relative
}
header#mainHeader nav li.withDropdown a,header#mainHeader nav li .withDropdown a{
    display:block
}
header#mainHeader nav li.withDropdown:after,header#mainHeader nav li .withDropdown:after{
    content:"";
    position:absolute;
    right:-15px;
    top:50%;
    width:0;
    height:0;
    border-style:solid;
    border-width:6px 4px 0 4px;
    border-color:#ffffff transparent transparent transparent;
    -ms-transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%)
}
header#mainHeader nav li.withDropdown .dropdown,header#mainHeader nav li .withDropdown .dropdown{
    min-width:160px;
    left:0;
    opacity:0;
    visibility:hidden;
    border-bottom:solid 3px #8BB756;
    background-color: #1A1919;
    position:absolute;
    top:100%;
    -ms-transform:translate(0,-10px);
    -webkit-transform:translate(0,-10px);
    transform:translate(0,-10px);
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
header#mainHeader nav li.withDropdown .dropdown a,header#mainHeader nav li .withDropdown .dropdown a,header#mainHeader nav li.withDropdown .dropdown span,header#mainHeader nav li .withDropdown .dropdown span{
    padding:5px 10px;
    font-size:12px;
    line-height:30px
}
header#mainHeader nav li.withDropdown .dropdown .withDropdown,header#mainHeader nav li .withDropdown .dropdown .withDropdown{
    border-bottom:0;
    min-width:auto
}
header#mainHeader nav li.withDropdown .dropdown .withDropdown:after,header#mainHeader nav li .withDropdown .dropdown .withDropdown:after{
    display:none
}
header#mainHeader nav li.withDropdown .dropdown .withDropdown .dropdown,header#mainHeader nav li .withDropdown .dropdown .withDropdown .dropdown{
    padding:0 0 0 15px;
    border-bottom:0;
    opacity:1;
    visibility:visible;
    top:auto;
    left:auto;
    position:relative;
    -ms-transform:translate(0,0);
    -webkit-transform:translate(0,0);
    transform:translate(0,0)
}
header#mainHeader nav li.withDropdown:hover>.dropdown,header#mainHeader nav li .withDropdown:hover>.dropdown{
    opacity:1;
    visibility:visible;
    -ms-transform:translate(0,0);
    -webkit-transform:translate(0,0);
    transform:translate(0,0)
}
@media only screen and (max-width:1365px){
    header#mainHeader nav li{
        margin-right:20px
    }
}
header#mainHeader nav a,header#mainHeader nav span{
    color:#fff;
    font-size:14px;
    letter-spacing:0.2px;
    line-height:40px;
    font-weight:600;
    display:block
}
header#mainHeader nav a:hover{
    text-decoration:underline
}
header#mainHeader .weather{
    color:#8BB756;
    line-height:78px;
    background-color:#0D120A;
}
@media only screen and (max-width:1165px){
    header#mainHeader .weather{
        display:none
    }
}
header#mainHeader .weather li{
    width:97px;
    position:relative
}
header#mainHeader .weather li:first-child .text{
    padding-left:45px
}
header#mainHeader .weather li:first-child .icon{
    padding:0 0 0 10px;
    width: 41px
}
header#mainHeader .weather .text{
    font-size:14px;
    font-weight:600;
    padding:0 0 0 35px
}
header#mainHeader .weather .icon{
    position:absolute;
    left:0;
    width: 29px;
    top:50%;
    -ms-transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%)
}
header#mainHeader .weather .icon img{
    max-width:100%;
    display:block
}
header#mainHeader .mobile{
    margin:18px 0 0 11px;
    width:38px;
    height:44px;
    position:relative;
    cursor:pointer;
    display:none
}
@media only screen and (max-width:989px){
    header#mainHeader .mobile{
        display:block
    }
}
header#mainHeader .mobile.clicked span:first-child{
    top:21px;
    left:10px;
    -ms-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
header#mainHeader .mobile.clicked span:nth-child(2){
    opacity:0
}
header#mainHeader .mobile.clicked span:nth-child(3){
    top:21px;
    left:10px;
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
header#mainHeader .mobile span{
    position:absolute;
    width:28px;
    height:3px;
    background-color:#fff;
    left:10px;
    opacity:1;
    transition:all ease-in-out 200ms;
    -webkit-transition:all ease-in-out 200ms;
    -moz-transition:all ease-in-out 200ms;
    -o-transition:all ease-in-out 200ms;
    -ms-transition:all ease-in-out 200ms
}
header#mainHeader .mobile span:first-child{
    top:13px
}
header#mainHeader .mobile span:nth-child(2){
    top:21px
}
header#mainHeader .mobile span:nth-child(3){
    top:29px
}
header#mainHeader .buttons{
    padding:17px 0 14px 18px
}
header#mainHeader .signUp{
    position:relative;
    z-index:2;
    background-color:#8BB756;
    color:#fff;
    font-size:14px;
    line-height:42px;
    font-weight:600;
    padding:0 18px;
    margin:2px 0 0 21px;
    letter-spacing:0.2px;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
header#mainHeader .signUp:hover{
    background-color:#fff;
    color:#8BB756
}
@media only screen and (max-width:419px){
    header#mainHeader .signUp{
        display:none
    }
}
header#mainHeader .logIn{
    position:relative;
    z-index:2;
    color:#fff;
    font-size:14px;
    line-height:47px;
    font-weight:600;
    display:block;
    letter-spacing:0.2px
}
@media only screen and (max-width:419px){
    header#mainHeader .logIn{
        display:none
    }
}
header#mainHeader .logIn:hover{
    text-decoration:underline
}
header#mainHeader .user{
    width:48px;
    height:48px;
    margin:0 0 0 38px;
    opacity:1;
    background: #547647 url("../images/user.svg") no-repeat center center;
    border-radius:999px;
    -moz-border-radius:999px;
    -ms-border-radius:999px;
    -webkit-border-radius:999px;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
@media only screen and (max-width:989px){
    header#mainHeader .user{
        margin-left:0
    }
}
header#mainHeader .user:hover{
    opacity:0.8
}
.mobileNav{
    background-color: #1A1919;
    padding:0 20px;
    display:none
}
@media only screen and (min-width:990px){
    .mobileNav{
        display:none!important
    }
}
.mobileNav ul{
    padding:20px 0
}
.mobileNav li{
    padding:5px 0 0
}
.mobileNav li.separator{
    padding-top:40px
}
.mobileNav li .dropdown a{
    font-size:14px;
    font-weight:400;
    line-height:35px
}
.mobileNav li .dropdown .dropdown{
    padding:0 0 20px
}
.mobileNav a{
    color:#fff;
    font-size:18px;
    line-height:44px;
    font-weight:600;
    display:block;
    text-transform:uppercase;
    text-align:center
}
.mobileNav a.active,.mobileNav a:hover{
    color:#fff;
    background-color:#8BB756
}
.mobileNav .signUp a{
    background-color:#8BB756
}
.mobileNav .logIn,.mobileNav .signUp{
    display:none
}
@media only screen and (max-width:419px){
    .mobileNav .logIn,.mobileNav .signUp{
        display:block
    }
}
.mainSlider {
    height: calc(100vh - 80px);
}
.mainSlider .slick-list {
    height: 100%;
}
.mainSlider .slick-slide {
    height: calc(100vh - 80px);
    overflow: hidden;
}
.mainSlider .slick-slide > img {
    display: block;
    object-fit: cover;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.mainSlider .oneSlide {
    position: relative;
}
.mainSlider .box {
    text-align:center;
    width:805px;
    position:absolute;
    top:50%;
    left:50%;
    color: #fff;
    background-color: rgba(139, 183, 86, 0.6);
    transform:translate(-50%,-50%);
    box-shadow:0 4px 4px rgba(0,0,0,0.25);
    z-index: 2;
}
@media only screen and (max-width:989px){
    .mainSlider .box{
        padding: 20px;
        display:block;
        width:100%;
        position:relative;
        bottom:auto;
        left:auto;
        -ms-transform:translate(0,0);
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
}
.mainSlider h2{
    padding:60px 10px 0;
    text-transform:uppercase;
    font-size:44px;
    line-height:56px;
    font-weight:500
}

.mainSlider p{
    padding:10px 30px 0;
    font-weight:300;
    font-size:16px;
    line-height:22px
}
@media only screen and (max-width:989px){
    .mainSlider p{
        padding:10px 0 0
    }
}
.mainSlider .buttons{
    padding:50px 0 67px;
    font-size:0
}
.mainSlider .buttons a{
    font-size:14px;
    font-weight:600;
    color:#fff;
    margin:0 15px;
    line-height:48px;
    border:solid 1px #fff;
    text-transform:uppercase;
    display:inline-block;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms;
    padding: 0 15px;
    min-width: 130px;
}
.mainSlider .buttons a:hover{
    background-color:#fff;
    color:#8BB756
}
@media only screen and (max-width:989px){
    .mainSlider .buttons a{
        margin:0 0 20px
    }
}
.mainSlider .slick-arrow{
    position:absolute;
    top:50%;
    z-index:10;
    text-indent:-9999px;
    padding:0;
    width:68px;
    height:68px;
    opacity:1;
    -ms-transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
@media only screen and (max-width:989px){
    .mainSlider .slick-arrow{
        width:50px;
        height:50px
    }
}
.mainSlider .slick-arrow:hover{
    opacity:0.8
}
.mainSlider .slick-arrow.slick-prev{
    left:0;
    background:#c4c4c6 url("../images/arrow_white_left.svg") no-repeat center center
}
.mainSlider .slick-arrow.slick-next{
    right:0;
    background:#c4c4c6 url("../images/arrow_white_right.svg") no-repeat center center
}
.mainSlider .slick-dots{
    position:absolute;
    width:100%;
    bottom:30px;
    left:0;
    height:5px;
    font-size:0;
    text-align:center
}
.mainSlider .slick-dots li{
    display:inline-block;
    margin:0 2.5px
}
.mainSlider .slick-dots li.slick-active button,.mainSlider .slick-dots li:hover button{
    opacity:1
}
.mainSlider .slick-dots button{
    width:70px;
    height:5px;
    padding:0;
    background-color:#fff;
    text-indent:-9999px;
    opacity:0.5;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms;
    border-radius:999px;
    -moz-border-radius:999px;
    -ms-border-radius:999px;
    -webkit-border-radius:999px
}
@media only screen and (max-width:989px){
    .mainSlider .slick-dots button{
        width:40px
    }
}
.track{
    padding:0 0 0 255px
}
@media only screen and (max-width:1639px){
    .track{
        padding-left:60px
    }
}
@media only screen and (max-width:989px){
    .track{
        padding-left:0
    }
}
.track h3{
    padding:65px 0 40px;
    color:#8BB756;
    letter-spacing:0.3px;
    font-size:26px;
    line-height:26px;
    font-weight: 700;
    text-transform:uppercase;
    font-family: 'Mulish', sans-serif;
}
@media only screen and (max-width:1365px){
    .track h3{
        padding:30px 0
    }
}
.track .items{
    margin:0 0 105px;
    position:relative
}
@media only screen and (max-width:1365px){
    .track .items{
        margin-bottom:60px
    }
}
@media only screen and (max-width:989px){
    .track .items{
        padding:0 0 0 25px
    }
}
.track .items .next,.track .items .prev{
    width:46px;
    height:46px;
    border:solid 1px #fff;
    position:absolute;
    right:15px;
    z-index:10;
    opacity:1;
    cursor:pointer
}
.track .items .next:hover,.track .items .prev:hover{
    opacity:0.8
}
.track .items .next{
    top:15px;
    background: transparent url("../images/arrow_top.svg") no-repeat center center
}
.track .items .prev{
    bottom:15px;
    background:transparent url("../images/arrow_down.svg") no-repeat center center
}
.track .scroller{
    width:535px;
    position:relative;
    z-index:10
}

.track .oneLine{
    background-color:#8F989C;
    padding:0 95px 0 30px;
    position:relative;
    cursor:pointer
}
@media only screen and (max-width:989px){
    .track .oneLine{
        padding-right:70px
    }
}
.track .oneLine:last-child .item{
    border-bottom:0
}
.track .oneLine.active{
    z-index:11;
    background-color:#fff;
    box-shadow: 40px 4px 84px rgba(143, 152, 156, 0.4);
}
.track .oneLine.active .item{
    border-bottom-color:transparent
}
.track .oneLine.active h4{
    color:#8BB756
}
.track .oneLine.active p{
    color:#474747
}
.track .oneLine.active .num{
    color:#fff;
    background-color:#8BB756
}
.track .oneLine.active .more{
    display:block
}
.track .oneLine.active:after{
    content:"";
    position:absolute;
    width:35px;
    height:100%;
    top:0;
    right:-35px;
    background-color:#fff
}
.track .item{
    position:relative;
    padding:25px 40px;
    border-bottom:solid 0.5px #fff
}
@media only screen and (max-width:1365px){
    .track .item{
        padding-left:20px
    }
}
@media only screen and (max-width:989px){
    .track .item{
        display:block;
        width:100%;
        padding-left:5px;
        padding-right:0
    }
}
.track h4{
    color:#fff;
    font-size: 16px;
    line-height:22px;
    font-weight: 700;
    padding:0 0 11px;
    text-transform:uppercase;
    font-family: 'Mulish', sans-serif;
}
.track p{
    color:#fff;
    font-size:16px;
    line-height:22px;
    letter-spacing:0.3px
}
@media only screen and (max-width:989px){
    .track p{
        padding:0 0 20px
    }
}
.track .num{
    position:absolute;
    left:-55px;
    width:50px;
    top:50%;
    height:50px;
    text-align:center;
    line-height:50px;
    color:#8BB756;
    background-color:#fff;
    font-size:20px;
    font-weight:500;
    transform:translate(0,-50%);
    border-radius: 100%;
    box-shadow: 0px 4px 14px rgba(143, 152, 156, 0.5);
}
.track .more{
    position:absolute;
    width:130px;
    line-height:50px;
    display:none;
    color:#8BB756;
    border:solid 1px #71bf45;
    right:-95px;
    top:50px;
    text-transform:uppercase;
    font-weight:700;
    font-size:14px;
    text-align:center;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms;
    font-family: 'Mulish', sans-serif;
}
@media only screen and (max-width:989px){
    .track .more{
        top:auto;
        right:auto;
        position:relative;
        width:100%
    }
}
.track .more:hover{
    border-color:#fff;
    color:#fff;
    background-color:#71bf45
}
@media only screen and (max-width:989px){
    .track .trackMap{
        display:block;
        width:100%
    }
}
.track .trackMap img{
    display:block;
    width:100%;
    max-width: 100%;
}
.services{
    padding:120px 0 70px
}
@media only screen and (max-width:989px){
    .services{
        padding:60px 0
    }
}
.services .box{
    text-align:center;
    width:712px;
    margin:0 auto;
    color:#fff;
    background-color:rgba(139, 183, 86, 0.89);
    -moz-box-shadow:0 4px 4px rgba(0,0,0,0.25);
    -webkit-box-shadow:0 4px 4px rgba(0,0,0,0.25);
    box-shadow:0 4px 4px rgba(0,0,0,0.25)
}
@media only screen and (max-width:989px){
    .services .box{
        width:100%;
        padding:0 10px
    }
}
.services h3{
    padding:50px 10px 0;
    text-transform:uppercase;
    font-size:44px;
    line-height:56px;
    font-weight:500
}
@media only screen and (max-width:989px){
    .services h3{
        padding:30px 0 0
    }
}
.services p{
    padding:35px 30px 0;
    font-weight:300;
    font-size:16px;
    line-height:22px
}
@media only screen and (max-width:989px){
    .services p{
        padding:30px 0 0
    }
}
.services .buttons{
    padding:50px 0;
    font-size:0
}
@media only screen and (max-width:989px){
    .services .buttons{
        padding:30px 0
    }
}
.services .buttons a{
    font-size:14px;
    font-weight:600;
    color:#fff;
    width:130px;
    margin:0 15px;
    line-height:48px;
    border:solid 1px #fff;
    text-transform:uppercase;
    display:inline-block;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
.services .buttons a:hover{
    background-color:#fff;
    color:#8BB756
}
@media only screen and (max-width:989px){
    .services .buttons a{
        width:100%;
        display:block;
        margin:0 0 20px
    }
    .services .buttons a:last-child{
        margin-bottom:0
    }
}
.event{
    padding:100px 0 297px
}
@media only screen and (max-width:989px){
    .event{
        padding:60px 0 0
    }
}
.event h4{
    text-align:center;
    font-size:44px;
    line-height:56px;
    color:#8BB756;
    font-weight:500;
    text-transform:uppercase
}
.event .oneBox{
    background-color:#fff;
    display:inline-block;
    width:32%;
    padding:35px 15px 45px;
    margin:0 2% 0 0
}
.event .oneBox:last-child{
    margin-right:0
}
@media only screen and (max-width:989px){
    .event .oneBox{
        width:100%;
        margin:0 0 30px
    }
}
.event .boxes{
    padding:45px 0 0;
    font-size:0;
    text-align:center
}
@media only screen and (max-width:989px){
    .event .boxes{
        padding-top:30px
    }
}
.event h5{
    font-size:22px;
    line-height:40px;
    font-weight:600;
    color:#8BB756;
    padding:0 0 30px
}
.event p{
    font-size:22px;
    line-height:40px;
    padding:0 0 45px
}
.event a{
    background-color: #71bf45;
    width:130px;
    display:table;
    margin:0 auto;
    font-size:14px;
    line-height:48px;
    font-weight:500;
    text-transform:uppercase;
    color:#fff;
    transition:all ease-in-out 150ms;
}
.event a:hover{
    background-color: #71bf45
}
.map{
    text-align:center;
    padding:82px 0 105px
}
@media only screen and (max-width:989px){
    .map{
        padding:30px 0
    }
}
.map .poi{
    width:69px;
    height:99px;
    margin:0 auto;
    background:url("../images/poi.svg") no-repeat center center
}
.map h3{
    padding:45px 0 0;
    text-transform:uppercase;
    font-size:44px;
    line-height:56px;
    font-weight:500;
    color:#011C2E
}
.map p{
    padding:12px 0 0;
    font-weight:300;
    font-size:16px;
    line-height:22px;
    letter-spacing:0.3px
}
.partners{
    text-align:center;
    text-transform:uppercase;
    letter-spacing:0.3px;
    padding:56px 0 52px;
    background-color: #1A1919;
}
@media only screen and (max-width:989px){
    .partners{
        padding:30px 0 0
    }
}
.partners h3{
    font-weight:600;
    font-size:32px;
    line-height:62px;
    color:#fff
}
.partners .slick-track{
    display:flex
}
.partners .slick-track .slick-slide{
    display:flex;
    height:auto;
    align-items:center;
    justify-content:center
}
.partners .slick-arrow{
    display:none!important
}
.partners .slider{
    padding:28px 0;
    position:relative
}
@media only screen and (max-width:989px){
    .partners .slider{
        padding:30px 0
    }
}
.partners .leftSlide,.partners .rightSlide{
    z-index:10;
    top:50%;
    position:absolute;
    width:68px;
    height:68px;
    cursor:pointer;
    opacity:1;
    -ms-transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
@media only screen and (max-width:989px){
    .partners .leftSlide,.partners .rightSlide{
        width:50px;
        height:50px
    }
}
.partners .leftSlide:hover,.partners .rightSlide:hover{
    opacity:0.8
}
.partners .leftSlide{
    left:0;
    background: #0F0F0F url("../images/arrow_white_left.svg") no-repeat center center
}
.partners .rightSlide{
    right:0;
    background: #0F0F0F url("../images/arrow_white_right.svg") no-repeat center center
}
img.positioned{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    opacity:0;
    -ms-transform:translate(0,-50%) scale(1.5,1.5);
    -webkit-transform:translate(0,-50%) scale(1.5,1.5);
    transform:translate(0,-50%) scale(1.5,1.5);
    transition:all ease-in-out 350ms;
    -webkit-transition:all ease-in-out 350ms;
    -moz-transition:all ease-in-out 350ms;
    -o-transition:all ease-in-out 350ms;
    -ms-transition:all ease-in-out 350ms
}
img.positioned.show{
    margin:0;
    opacity:1;
    -ms-transform:translate(0,-50%) scale(1,1);
    -webkit-transform:translate(0,-50%) scale(1,1);
    transform:translate(0,-50%) scale(1,1)
}
.pageHero{
    position:relative
}
.pageHero.size336{
    height:336px;
    background-position:center bottom
}
@media only screen and (max-width:989px){
    .pageHero.size336{
        height:300px
    }
}
.pageHero .blueCnt{
    position:absolute;
    padding:0 55px;
    top:50%;
    left:50%;
    color:#fff;
    font-size:44px;
    line-height:110px;
    font-weight:500;
    white-space:nowrap;
    background-color:rgba(139, 183, 86, 0.89);
    -moz-box-shadow:0 4px 4px rgba(0,0,0,0.25);
    -webkit-box-shadow:0 4px 4px rgba(0,0,0,0.25);
    box-shadow:0 4px 4px rgba(0,0,0,0.25);
    -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
@media only screen and (max-width:989px){
    .pageHero .blueCnt{
        font-size:30px;
        line-height:80px;
        padding:0 40px
    }
}
.contacts{
    padding:68px 0 185px;
    background-color:#1A1919;
}
@media only screen and (max-width:989px){
    .contacts{
        padding:40px 0
    }
}
.contacts h2{
    font-size:20px;
    line-height:30px;
    text-align:center;
    padding:0 0 30px;
    color:#fff
}
.contacts .col{
    width:50%
}
.contacts .col:first-child{
    padding:0 13px 0 0
}
@media only screen and (max-width:989px){
    .contacts .col:first-child{
        padding:0
    }
}
.contacts .col:last-child{
    padding:0 0 0 13px
}
@media only screen and (max-width:989px){
    .contacts .col:last-child{
        padding:0
    }
}
@media only screen and (max-width:989px){
    .contacts .col{
        width:100%
    }
}
.contacts .input input{
    height:51px;
    padding:0 16px
}
.contacts .textarea{
    padding:0 0 22px
}
.contacts .textarea textarea{
    height:205px;
    padding:16px;
    overflow:auto
}
.contacts input,.contacts textarea{
    border:solid 1px #fff;
    color:#fff;
    display:block;
    font:16px "Roboto";
    width:100%
}
.contacts input::placeholder,.contacts textarea::placeholder{
    color:#fff;
    opacity:0.3
}
.contacts input:-ms-input-placeholder,.contacts textarea:-ms-input-placeholder{
    color:#fff
}
.contacts input::-ms-input-placeholder,.contacts textarea::-ms-input-placeholder{
    color:#fff
}
.contacts input.error,.contacts textarea.error{
    border-color:#f00
}
.contacts .oneLine{
    margin:0 0 26px
}
.contacts .cell{
    width:50%
}
.contacts .cell:first-child{
    padding:0 13px 0 0
}
@media only screen and (max-width:639px){
    .contacts .cell:first-child{
        padding:0;
        margin:0 0 26px
    }
}
.contacts .cell:last-child{
    padding:0 0 0 13px
}
@media only screen and (max-width:639px){
    .contacts .cell:last-child{
        padding:0
    }
}
@media only screen and (max-width:639px){
    .contacts .cell,.contacts .table{
        display:block;
        width:100%
    }
}
.contacts .submit{
    background-color:#8BB756;
    color:#fff;
    font-size:14px;
    text-align:center;
    line-height:42px;
    font-weight:600;
    padding:0 18px;
    margin:6px 0 0 0;
    letter-spacing:0.2px;
    cursor:pointer;
    opacity:1;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
.contacts .submit:hover{
    opacity:0.8
}
@media only screen and (max-width:989px){
    .contacts .submit{
        width:100%
    }
}
@media only screen and (max-width:989px){
    .contacts .captcha{
        display:table;
        margin:0 auto 8px
    }
}
.contacts .checkbox{
    line-height:24px;
    color:rgba(255,255,255,0.3)
}
.contacts .checkbox label{
    cursor:pointer
}
.contacts .checkbox input{
    display:none
}
.contacts .checkbox input:checked+span{
    color:#fff
}
.contacts .checkbox input:checked+span:before{
    background:#fff url("../images/check.svg") no-repeat center center
}
.contacts .checkbox input:checked+span a{
    color:#fff
}
.contacts .checkbox input.error+span:before{
    border-color:#f00
}
.contacts .checkbox span{
    position:relative;
    display:block;
    padding:0 0 0 38px
}
.contacts .checkbox span:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:22px;
    height:22px;
    border:solid 1px #fff
}
.contacts .checkbox a{
    color:rgba(255,255,255,0.3);
    text-decoration:underline
}
.contacts .checkbox a:hover{
    opacity:0.8
}
.contacts .success{
    display:none;
    text-align:center;
    padding:40px 0 0;
    font-size:16px;
    color:#fff;
    line-height:20px
}
.contacts .success.visible{
    display:block
}
.contacts .phoneNums .cell:first-child{
    width:150px
}
.contacts .phoneNums .cell:last-child{
    width:auto
}
.contacts select{
    width:100%
}
.contacts .error .select2-container--default .select2-selection--single{
    border-color:#f00
}
.contacts .select2-container--default .select2-selection--single{
    border:solid 1px #C3CBCD;
    background:transparent;
    border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -webkit-border-radius:0
}
.contacts .select2-container .select2-selection--single{
    height:51px;
    line-height:51px
}
.contacts .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding:0 0 0 16px;
    color:#fff;
    font:16px/51px "Roboto"
}
.contacts .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border:0;
    width:25px;
    height:51px;
    margin-left:0;
    left:0;
    top:0;
    margin-top:0;
    background:url("../images/dropdown.svg") no-repeat center center/15px auto
}
.contacts .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    -ms-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.contacts .select2-container--default .select2-selection--single .select2-selection__arrow{
    top:0;
    right:0;
    height:100%;
    width:45px
}
.testAndTrack{
    padding:0 0 0 255px
}
@media only screen and (max-width:1639px){
    .testAndTrack{
        padding-left:60px
    }
}
@media only screen and (max-width:989px){
    .testAndTrack{
        padding-left:0
    }
}
.testAndTrack .texts{
    width:570px;
    padding:32px 0 120px;
    z-index: 10;
}
.testAndTrack .trackMap {
    overflow: hidden;
    z-index: 9;
}
@media only screen and (max-width:1365px){
    .testAndTrack .texts{
        padding:20px 0 60px;
        width:400px
    }
}
.testAndTrack .texts,.testAndTrack .trackMap{
    vertical-align:middle
}
@media only screen and (max-width:989px){
    .testAndTrack .texts,.testAndTrack .trackMap{
        display:block;
        width:100%
    }
}
.testAndTrack h3{
    color:#8BB756;
    font-size:26px;
    line-height:66px;
    font-weight:600;
    letter-spacing:0.3px;
    text-transform:uppercase;
    padding:0 0 62px 15px
}
@media only screen and (max-width:1365px){
    .testAndTrack h3{
        padding-bottom:30px;
        padding-left:10px
    }
}
.testAndTrack h4{
    font-size:14px;
    line-height:22px;
    font-weight:600;
    color:#8BB756;
    letter-spacing:0.3px;
    padding:22px 0 12px
}
.testAndTrack p{
    font-size:14px;
    line-height:22px;
    color:#474747;
    padding:0 0 40px
}
.testAndTrack .box{
    position:relative;
    padding:40px 68px 80px 80px;
    background-color:#fff;
    box-shadow: 40px 4px 84px rgba(139, 183, 86, 0.5);
}
@media only screen and (max-width:1365px){
    .testAndTrack .box{
        padding:40px
    }
}
@media only screen and (max-width:989px){
    .testAndTrack .box{
        padding:20px
    }
}
.testAndTrack .num{
    position:absolute;
    left:-25px;
    width:50px;
    top:27px;
    height:50px;
    text-align:center;
    line-height:50px;
    color:#fff;
    background-color:#8BB756;
    font-size:20px;
    font-weight:500;
    border-radius:999px;
    -moz-border-radius:999px;
    -ms-border-radius:999px;
    -webkit-border-radius:999px;
    box-shadow:0 4px 14px rgba(60,100,177,0.5)
}
@media only screen and (max-width:989px){
    .testAndTrack .num{
        left:20px;
        top:13px;
        width:40px;
        height:40px;
        line-height:40px;
        font-size:16px
    }
}
.testAndTrack .name{
    color:#8BB756;
    line-height:22px;
    letter-spacing:0.3px;
    font-weight:600;
    padding:0 0 22px;
    text-transform:uppercase
}
@media only screen and (max-width:989px){
    .testAndTrack .name{
        padding-left:55px
    }
}
.testAndTrack img{
    display:block;
    width:100%
}
.testAndTrack a{
    font-size:14px;
    font-weight:600;
    color:#8BB756;
    width:130px;
    line-height:48px;
    border:solid 1px #71bf45;
    text-transform:uppercase;
    display:inline-block;
    text-align:center;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
.testAndTrack a:hover{
    background-color:#71bf45;
    color:#fff
}
.heroHeader{
    padding:130px 0 0;
    position:relative
}
.heroHeader.large{
    height:600px;
    padding:50px 0 0
}
@media only screen and (max-width:989px){
    .heroHeader.large{
        height:400px
    }
}
.heroHeader.mod{
    padding-top:105px
}
.heroHeader.mod .box{
    padding-top:15px
}
.heroHeader.mod h3{
    padding-bottom:15px
}
.heroHeader .panoramaView{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    cursor:all-scroll
}
.heroHeader .icon{
    width:60px;
    height:44px;
    position:absolute;
    bottom:50px;
    left:50%;
    background:url("../images/360.svg") no-repeat center center;
    -ms-transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    transform:translate(-50%,0)
}
.heroHeader .box{
    padding:28px 0 0 33px;
    width:440px;
    color:#fff;
    letter-spacing:0.3px;
    background-color:rgba(139, 183, 86, 0.89);
    -moz-box-shadow:0 4px 4px rgba(0,0,0,0.25);
    -webkit-box-shadow:0 4px 4px rgba(0,0,0,0.25);
    box-shadow:0 4px 4px rgba(0,0,0,0.25)
}
@media only screen and (max-width:989px){
    .heroHeader .box{
        max-width:100%
    }
}
.heroHeader ul{
    font-size:0
}
.heroHeader ul li{
    display:inline-block;
    font-size:12px;
    line-height:22px;
    font-weight:600
}
.heroHeader ul li a{
    color:#fff
}
.heroHeader ul li a:hover{
    text-decoration:underline
}
.heroHeader ul li:after{
    content:"/";
    padding:0 3px
}
.heroHeader ul li:last-child:after{
    display:none
}
.heroHeader h3{
    padding:10px 0 30px;
    font-size:32px;
    line-height:40px;
    font-weight:600
}
.heroHeader h5{
    line-height:22px;
    font-weight:600;
    padding:0 0 30px
}
.heroHeader .bookBox{
    letter-spacing:0.3px;
    width:350px;
    background-color:#fff;
    position:absolute;
    top:50%;
    right:0;
    padding:28px 40px;
    -ms-transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%)
}
@media only screen and (max-width:989px){
    .heroHeader .bookBox{
        display:none
    }
}
.heroHeader .bookBox h3{
    color:#8BB756;
    font-size:22px;
    padding:0;
    line-height:22px
}
.heroHeader .bookBox p{
    line-height:22px;
    padding:12px 0 24px
}
.heroHeader .bookBox .button{
    font-size:14px;
    font-weight:600;
    color:#fff;
    padding:0 19px;
    text-transform:uppercase;
    line-height:40px;
    border:solid 1px #8BB756;
    background-color:#8BB756;
    display:inline-block;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
.heroHeader .bookBox .button:hover{
    background-color:#fff;
    color:#8BB756
}
.successPage{
    padding:80px 0;
    min-height:100vh
}
@media only screen and (max-width:989px){
    .successPage{
        min-height:auto;
        padding:30px 0
    }
}
.successPage h2{
    color:#373F41;
    font-size:35px;
    line-height:40px;
    font-weight:600;
    letter-spacing:0.3px
}
.successPage p{
    color:#737B7D;
    line-height:22px;
    letter-spacing:0.3px;
    padding:30px 0 45px
}
.successPage a{
    font-size:14px;
    font-weight:600;
    color:#fff;
    padding:0 19px;
    line-height:40px;
    border:solid 1px #8BB756;
    background-color:#8BB756;
    display:inline-block;
    text-align:center;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
.successPage a:hover{
    background-color:#fff;
    color:#8BB756
}
@media only screen and (max-width:989px){
    .successPage a{
        display:block;
        width:100%
    }
}
.regPage{
    padding:65px 0 0
}
@media only screen and (max-width:989px){
    .regPage{
        padding:30px 0 0!important
    }
}
.regPage .col{
    width:50%
}
.regPage .col:first-child{
    padding:0 13px 0 0
}
@media only screen and (max-width:989px){
    .regPage .col:first-child{
        padding-right:0
    }
}
.regPage .col:last-child{
    padding:0 0 0 13px
}
@media only screen and (max-width:989px){
    .regPage .col:last-child{
        padding-left:0
    }
}
@media only screen and (max-width:989px){
    .regPage .col{
        width:100%
    }
}
.regPage .toggle{
    padding:10px 0 15px;
    display:none
}
.regPage .toggle.visible{
    display:block
}
.regPage .oneBlock{
    margin:0 0 40px
}
@media only screen and (max-width:989px){
    .regPage .oneBlock{
        margin-bottom:30px
    }
}
.regPage .space{
    height:20px
}
.regularInput{
    padding:65px 0 190px
}
.regularInput label{
    display:block;
    color:#474747;
    font-size:16px;
    line-height:22px;
    font-weight:600;
    margin:0 0 10px;
    letter-spacing:0.3px
}
.regularInput input{
    font:300 16px "Roboto";
    display:block;
    width:100%;
    height:52px;
    padding:0 56px 0 16px;
    border: 2px solid rgba(143, 152, 156, 0.23);
    background-color:#fff;
    color:#010202;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
.regularInput input::placeholder{
    color:#C4C4C4;
    opacity:1
}
.regularInput input:-ms-input-placeholder{
    color:#C4C4C4
}
.regularInput input::-ms-input-placeholder{
    color:#C4C4C4
}
.regularInput .input{
    border:solid 1px transparent;
    position:relative;
    margin:0 0 12px
}
.regularInput .input.focus input{
    background: rgba(143, 152, 156, 0.1);
    box-shadow: 0px 4px 15px rgba(220, 220, 220, 0.05);
    border-color:transparent;
    color:#8BB756;
}
.regularInput .input.focus span{
    opacity:1
}
.regularInput .input.valid{
    border-color:#8BB756
}
.regularInput .input.valid span{
    opacity:1;
    background-image:url("../images/check_blue.svg")
}
.regularInput .input.valid input{
    background: rgba(143, 152, 156, 0.1);
    border-color:transparent
}
.regularInput .input span{
    opacity:0;
    position:absolute;
    width:24px;
    height:24px;
    border:solid 2px #8BB756;
    border-radius:999px;
    -moz-border-radius:999px;
    -ms-border-radius:999px;
    -webkit-border-radius:999px;
    top:50%;
    right:15px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:12px auto;
    -ms-transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
.regularInput .checkbox{
    position:relative;
    padding:0 0 0 31px;
    font-size:14px;
    line-height:20px;
    font-weight:500;
    color:#373F41;
    cursor:pointer;
    display:table;
    margin:0 0 20px
}
.regularInput .checkbox input{
    display:none
}
.regularInput .checkbox input:checked+span{
    background:#8BB756 url("../images/check_white.svg") no-repeat center center;
    border-color:#8BB756
}
.regularInput .checkbox span{
    position:absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
    border: 2px solid rgba(143, 152, 156, 0.23);
    background-color:#fff
}
.regularInput .buttons{
    padding:60px 0 0;
    font-size:0
}
@media only screen and (max-width:989px){
    .regularInput .buttons{
        padding-top:30px
    }
}
.regularInput .buttons button{
    font:600 14px/40px "Roboto";
    color: #71bf45;
    padding:0 19px;
    border:solid 1px #71bf45;
    background-color:#fff;
    display:inline-block;
    letter-spacing:0.3px;
    margin:0 25px 0 0;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
@media only screen and (max-width:989px){
    .regularInput .buttons button{
        width:100%;
        display:block;
        width:100%;
        margin:0 0 20px
    }
}
.regularInput .buttons button:hover{
    background-color:#71bf45;
    color:#fff
}
.regularInput .textarea textarea{
    font:300 16px "Roboto";
    width:100%;
    color:#010202;
    display:block;
    background-color:#fff;
    height:150px;
    padding:15px
}
.serviceBlocks{
    padding:70px 0 80px
}
@media only screen and (max-width:989px){
    .serviceBlocks{
        padding:30px 0 0
    }
}
.serviceBlocks .cell{
    vertical-align:top;
    position:relative
}
.serviceBlocks .cell:first-child{
    width:48%;
    padding:0 15px 0 0
}
.serviceBlocks .cell:last-child{
    width:52%;
    padding:0 20px 80px 15px
}
@media only screen and (max-width:989px){
    .serviceBlocks .cell{
        width:100%!important;
        display:block;
        padding:0 0 20px!important
    }
}
.serviceBlocks .image a{
    display:block;
    opacity:1;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
.serviceBlocks .image a:hover{
    opacity:0.8
}
.serviceBlocks img{
    display:block;
    width:100%
}
.serviceBlocks .oneBlock{
    margin:0 0 70px
}
@media only screen and (max-width:989px){
    .serviceBlocks .oneBlock{
        margin:0
    }
}
.serviceBlocks h3{
    font-size:28px;
    line-height:28px;
    font-weight:600;
    color:#8BB756;
    padding:0 0 50px
}
@media only screen and (max-width:989px){
    .serviceBlocks h3{
        padding-bottom:30px
    }
}
.serviceBlocks h3 a{
    color: #373F41;
}
.serviceBlocks h3 a:hover{
    text-decoration:underline
}
.serviceBlocks p{
    color:#474747;
    font-size:16px;
    line-height:30px
}
.serviceBlocks .buttons{
    /*position:absolute;
    bottom:0;
    font-size:0*/
    padding-top: 15px;
}
@media only screen and (max-width:989px){
    .serviceBlocks .buttons{
        position:relative;
        bottom:auto;
        padding:20px 0 0
    }
}
.serviceBlocks .buttons a{
    font:600 14px/46px "Roboto";
    color:#71bf45;
    padding:0 15px;
    min-width:120px;
    text-align:center;
    border:solid 1px #71bf45;
    background-color:#fff;
    display:inline-block;
    letter-spacing:0.3px;
    text-transform:uppercase;
    margin:0 30px 0 0;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
.serviceBlocks .buttons a:hover{
    background-color:#71bf45;
    color:#fff
}
@media only screen and (max-width:989px){
    .serviceBlocks .buttons a{
        display:block;
        width:100%;
        margin:0 0 10px
    }
}
.eventSection{
    padding:75px 0 65px
}
@media only screen and (max-width:989px){
    .eventSection{
        padding:30px 0 0
    }
}
.eventSection img{
    display:block;
    width:100%
}
.eventSection .cols.centered{
    text-align:center
}
.eventSection .cols.centered .col{
    display:inline-block
}
.eventSection .col{
    text-align:center;
}
@media only screen and (max-width:989px){
    .eventSection .col{
        margin:0 0 20px
    }
}
.eventSection .col:last-child{
    margin-right:0
}
.eventSection .col:hover .texts{
    border-color:#DAE6FF
}
.eventSection .col:hover .button{
    opacity:1
}
@media only screen and (max-width:989px){
    .eventSection .col .texts{
        border-color:#DAE6FF
    }
    .eventSection .col .button{
        opacity:1
    }
}
.eventSection .image a{
    display:block;
    opacity:1;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
.eventSection .image a:hover{
    opacity:0.8
}
.eventSection .texts{
    border:solid 1px transparent;
    border-top:0;
    padding:0 40px 38px;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
@media only screen and (max-width:989px){
    .eventSection .texts{
        padding:0 20px 20px
    }
}
.eventSection h4{
    font-size:22px;
    line-height:40px;
    font-weight:600;
    color:#8BB756;
    padding:20px 0 0
}
.eventSection h4 a{
    color:#8BB756
}
.eventSection h4 a:hover{
    text-decoration:underline
}
.eventSection p{
    color:#373F41;
    line-height:29px;
    padding:0 0 35px
}
.eventSection .button{
    font:600 14px/44px "Roboto";
    color:#fff;
    padding:0 15px;
    min-width:120px;
    text-align:center;
    border:solid 1px #71bf45;
    background-color:#71bf45;
    display:inline-block;
    letter-spacing:0.3px;
    text-transform:uppercase;
    opacity:0;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
@media only screen and (max-width:989px){
    .eventSection .button{
        width:100%
    }
}
.eventSection .button:hover{
    border-color:#71bf45;
    background-color:#71bf45;
    color:#fff
}
.eventContact{
    background-color:#F1F6FF;
    padding:40px 0 80px
}
@media only screen and (max-width:989px){
    .eventContact{
        padding:30px 0
    }
}
.eventContact.white{
    background-color:#fff;
    padding:80px 0 80px
}
@media only screen and (max-width:989px){
    .eventContact.white{
        padding:30px 0
    }
}
.eventContact.white textarea{
    background: rgba(143, 152, 156, 0.13);
}
.eventContact h3{
    color:#8BB756;
    font-weight:600;
    line-height:40px;
    font-size:32px;
    padding:0 0 37px
}
.eventContact .name{
    font-weight:600;
    font-size:20px;
    line-height:24px;
    color:#373F41;
    padding:20px 0 12px
}
.eventContact p{
    font-size:14px;
    line-height:20px;
    color:#373F41
}
.eventContact img{
    display:block;
    width:100%
}
@media only screen and (max-width:989px){
    .eventContact .col{
        width:100%!important;
        padding:0 0 20px!important
    }
}
.eventContact .col:first-child{
    width:18%
}
.eventContact .col:nth-child(2){
    width:43%;
    padding:0 0 0 105px
}
.eventContact .col:nth-child(3){
    width:39%;
    padding:0 0 0 18px
}
@media only screen and (max-width:989px){
    .eventContact .col:last-child{
        padding:0!important
    }
}
.eventContact .cols-2 .col:first-child{
    width:40%;
    padding:0
}
.eventContact .cols-2 .col:nth-child(2){
    width:60%;
    padding:0 0 0 18px
}
.eventContact .regularInput{
    padding:0
}
.eventContact .textarea{
    margin:0 0 30px
}
.eventContact button{
    font:600 14px/40px "Roboto";
    color:#fff;
    padding:0 20px;
    text-align:center;
    border:solid 1px #71bf45;
    background-color:#71bf45;
    display:inline-block;
    letter-spacing:0.3px;
    text-transform:uppercase;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
@media only screen and (max-width:989px){
    .eventContact button{
        width:100%
    }
}
.eventContact button:hover{
    background-color:#fff;
    color:#8BB756
}
.book{
    position:relative;
    overflow:hidden;
    color:#fff;
    background-color:#1A1919;
}
.book.shadow{
    -moz-box-shadow:0 4px 50px rgba(0,94,157,0.4);
    -webkit-box-shadow:0 4px 50px rgba(0,94,157,0.4);
    box-shadow:0 4px 50px rgba(0,94,157,0.4)
}
.book .left{
    padding:42px 33px 50px 0;
    width:68%
}
.book .left .content{
    max-width:570px
}
@media only screen and (max-width:989px){
    .book .left .content{
        max-width:100%
    }
}
@media only screen and (max-width:989px){
    .book .left{
        padding:30px 0
    }
}
.book .right{
    background-color:#8BB756;
    padding:42px 0 50px 33px;
    position:relative
}
@media only screen and (max-width:989px){
    .book .right{
        padding:30px 0
    }
}
.book .right:after{
    left:100%;
    content:"";
    position:absolute;
    top:0;
    width:1000px;
    height:100%;
    background-color:#8BB756
}
@media only screen and (max-width:989px){
    .book .right:before{
        left:-30px;
        content:"";
        position:absolute;
        top:0;
        width:30px;
        height:100%;
        background-color:#8BB756
    }
}
.book .cell{
    vertical-align:top
}
@media only screen and (max-width:989px){
    .book .cell{
        width:100%;
        display:block
    }
}
.book a{
    font:600 14px/46px "Roboto";
    color:#fff;
    padding:0 20px;
    min-width:120px;
    text-align:center;
    border:solid 1px #fff;
    background-color:transparent;
    display:inline-block;
    letter-spacing:0.3px;
    text-transform:uppercase;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
@media only screen and (max-width:989px){
    .book a{
        width:100%
    }
}
.book a:hover{
    background-color:#fff;
    color:#010202
}
.book h3{
    font-weight:600;
    font-size:22px;
    letter-spacing:0.3px;
    line-height:22px
}
.book p{
    padding:15px 0 40px;
    letter-spacing:0.3px;
    line-height:22px
}
.textPage{
    padding:40px 0 100px
}
@media only screen and (max-width:989px){
    .textPage{
        padding:30px 0
    }
}
.textPage p{
    padding:0 0 35px;
    color:#737B7D;
    line-height:22px;
    letter-spacing:0.3px
}
.textPage ul{
    color:#737B7D;
    line-height:35px;
    letter-spacing:0.3px;
    padding:0 0 40px
}
.textPage .content{
    max-width:970px
}
.textPage img{
    display:block;
    width:100%
}
.textPage .image{
    padding:0 0 60px
}
@media only screen and (max-width:989px){
    .textPage .image{
        padding-bottom:30px
    }
}
.textPage .image .imgTitle{
    padding:5px 0 0;
    color:#737B7D;
    line-height:22px;
    letter-spacing:0.3px
}
.textPage .button{
    font:600 14px/40px "Roboto";
    color:#8BB756;
    padding:0 20px;
    min-width:120px;
    text-align:center;
    border:solid 1px #8BB756;
    background-color:#fff;
    display:inline-block;
    letter-spacing:0.3px;
    text-transform:uppercase;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
@media only screen and (max-width:989px){
    .textPage .button{
        width:100%;
        display:block
    }
}
.textPage .button:hover{
    background-color:#8BB756;
    color:#fff
}
._404{
    text-align:center;
    position:relative
}
._404 img{
    display:block;
    width:100%
}
@media only screen and (max-width:639px){
    ._404 img{
        width:180%;
        margin:0 0 0 -40%
    }
}
._404 .middle{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    -ms-transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%)
}
._404 h2{
    color:transparent;
    font-size:315px;
    font-weight:600;
    padding:0 0 100px;
    line-height:315px;
    -webkit-text-stroke:3px #fff;
    text-stroke:3px #fff
}
@media only screen and (max-width:1365px){
    ._404 h2{
        font-size:200px;
        line-height:200px;
        padding-bottom:50px
    }
}
@media only screen and (max-width:989px){
    ._404 h2{
        font-size:100px;
        line-height:100px;
        padding-bottom:20px
    }
}
._404 a{
    font:600 14px/46px "Roboto";
    color:#8BB756;
    padding:0 15px;
    min-width:130px;
    text-align:center;
    border:solid 1px #8BB756;
    background-color:#fff;
    display:inline-block;
    letter-spacing:0.3px;
    text-transform:uppercase;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
._404 a:hover{
    background-color:#8BB756;
    color:#fff
}
.intro h2,.parameters h2{
    font-weight:600;
    font-size:22px;
    line-height:22px;
    color:#8BB756;
    letter-spacing:0.3px;
    padding: 20px 0;
}
.intro .cell,.parameters .cell{
    vertical-align:top
}
@media only screen and (max-width:989px){
    .intro .cell,.parameters .cell{
        width:100%;
        display:block
    }
}
.intro .texts,.parameters .texts{
    width:60%;
    padding:0 60px 0 0
}
@media only screen and (max-width:989px){
    .intro .texts,.parameters .texts{
        width:100%;
        padding:0 0 30px
    }
}
.intro img,.parameters img{
    display:block;
    width:100%;
    margin:0 0 50px
}
.intro img:last-child,.parameters img:last-child{
    margin-bottom:0
}
@media only screen and (max-width:989px){
    .intro img,.parameters img{
        margin-bottom:30px
    }
}
.intro.larger,.parameters.larger{
    padding:150px 0 50px
}
@media only screen and (max-width:989px){
    .intro.larger,.parameters.larger{
        padding:30px 0 20px
    }
}
.intro.larger h2,.parameters.larger h2{
    font-size:32px;
    line-height:32px
}
.intro.larger p,.parameters.larger p{
    line-height:30px
}
.intro.larger .texts,.parameters.larger .texts{
    width:53%;
    padding:0 60px 0 0
}
@media only screen and (max-width:989px){
    .intro.larger .texts,.parameters.larger .texts{
        width:100%;
        padding:0 0 30px
    }
}
.intro{
    padding:55px 0 100px
}
.intro p{
    letter-spacing:0.3px;
    line-height:22px;
    color:#474747
}
@media only screen and (max-width:989px){
    .intro{
        padding:30px 0 20px
    }
}
.video a{
    position:relative;
    opacity:1;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
.video a:hover{
    opacity:0.8
}
.video a:after{
    content:"";
    position:absolute;
    width:61px;
    height:61px;
    top:50%;
    left:50%;
    background:url("../images/play.svg") no-repeat center center/cover;
    -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.video a,.video img{
    display:block
}
.video img{
    width:100%
}
@media only screen and (max-width:639px){
    .video img{
        width:180%;
        margin-left:-40%
    }
}
.parameters{
    padding:73px 0 10px
}
.parameters ul{
    padding:10px 0 0
}
.parameters ul li{
    letter-spacing:0.3px;
    line-height:22px;
    color:#474747;
    position:relative;
    padding:0 0 0 38px;
    margin:0 0 20px
}
.parameters ul li:last-child{
    margin-bottom:0
}
.parameters ul li:before{
    content:"";
    width:12px;
    height:12px;
    background-color:#8BB756;
    position:absolute;
    top:50%;
    left:0;
    -ms-transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    border-radius:999px;
    -moz-border-radius:999px;
    -ms-border-radius:999px;
    -webkit-border-radius:999px
}
.trackSlider{
    padding:60px 0
}
.trackSlider.mod{
    padding:85px 0
}
@media only screen and (max-width:989px){
    .trackSlider.mod{
        padding:30px 0
    }
}
@media only screen and (max-width:989px){
    .trackSlider{
        padding:30px 0
    }
}
.trackSlider .oneSlide{
    height:175px;
    position:relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.trackSlider h4,
.trackSlider .button {
    padding: 0 37px;
    line-height:64px;
    min-width:235px;
    text-align:center;
    letter-spacing:0.3px;
    text-transform:uppercase;
    color:#fff;
    font-weight:600;
    background-color:rgba(139, 183, 86, 0.89);
}
.trackSlider .slick-arrow{
    position:absolute;
    top:50%;
    z-index:10;
    text-indent:-9999px;
    padding:0;
    width:64px;
    height:64px;
    opacity:1;
    -ms-transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
@media only screen and (max-width:989px){
    .trackSlider .slick-arrow{
        width:47px;
        height:47px
    }
}
.trackSlider .slick-arrow:hover{
    opacity:0.8
}
.trackSlider .slick-arrow.slick-prev{
    left:0;
    background:rgba(255,255,255,0.5) url("../images/arrow_blue_left.svg") no-repeat center center
}
.trackSlider .slick-arrow.slick-next{
    right:0;
    background:rgba(255,255,255,0.5) url("../images/arrow_blue_right.svg") no-repeat center center
}
.textColumns{
    padding:0 0 100px;
    letter-spacing:0.3px;
    position:relative;
    overflow:hidden
}
@media only screen and (max-width:989px){
    .textColumns{
        padding-bottom:40px
    }
}
.textColumns .cell{
    vertical-align:top;
    padding:70px 0 55px
}
@media only screen and (max-width:989px){
    .textColumns .cell{
        display:block;
        width:100%;
        padding-top:30px
    }
}
.textColumns h3{
    font-size:22px;
    line-height:22px;
    font-weight:600;
    padding:0 0 35px
}
.textColumns .list:after{
    content:"";
    position:absolute;
    left:100%;
    top:0;
    height:100%;
    width:300%;
    background-color:#8BB756
}
.textColumns .text{
    width:60%;
    padding-right:130px
}
@media only screen and (max-width:989px){
    .textColumns .text{
        width:100%;
        padding-right:0
    }
}
.textColumns p{
    color:#474747;
    line-height:22px
}
.textColumns ul{
    line-height:22px;
    letter-spacing:0;
    font-size:16px;
    padding:10px 0 0
}
.textColumns ul li{
    color:#fff;
    position:relative;
    padding:0 0 0 38px;
    margin:0 0 20px
}
.textColumns ul li:last-child{
    margin-bottom:0
}
.textColumns ul li:before{
    content:"";
    width:12px;
    height:12px;
    background-color:#fff;
    position:absolute;
    top:50%;
    left:3px;
    -ms-transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    border-radius:999px;
    -moz-border-radius:999px;
    -ms-border-radius:999px;
    -webkit-border-radius:999px
}
.textColumns .text h3{
    color:#8BB756
}
.textColumns .list{
    padding-left:40px;
    background-color:#8BB756
}
@media only screen and (max-width:989px){
    .textColumns .list{
        padding-left:20px
    }
}
.textColumns .list h3{
    color:#fff
}
.referenceSlider{
    position:relative;
    overflow:hidden;
    padding:0 0 85px
}
@media only screen and (max-width:989px){
    .referenceSlider{
        padding-bottom:30px
    }
}
.referenceSlider h3{
    color:#8BB756;
    font-size:22px;
    line-height:24px;
    font-weight:600;
    letter-spacing:0.3px;
    margin:0 0 30px
}
.referenceSlider img{
    display:inline-block;
    max-width: 100%;
    max-height: 100%;
}
.referenceSlider .slick-slide {
    margin:0 14px;
    text-align: center;
}
.referenceSlider .slick-slide a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 275px;
}
.referenceSlider .slick-slide a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.referenceSlider .slick-list{
    margin:0 -14px
}
.referenceSlider .slick-arrow{
    position:absolute;
    top:50%;
    z-index:10;
    text-indent:-9999px;
    padding:0;
    width:68px;
    height:68px;
    opacity:1;
    -ms-transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
.referenceSlider .slick-arrow:hover{
    opacity:0.8
}
.referenceSlider .slick-arrow.slick-prev{
    left:300px;
    background:#DAE6FF url("../images/arrow_white_left.svg") no-repeat center center
}
@media only screen and (max-width:1365px){
    .referenceSlider .slick-arrow.slick-prev{
        left:0
    }
}
.referenceSlider .slick-arrow.slick-next{
    right:300px;
    background:#DAE6FF url("../images/arrow_white_right.svg") no-repeat center center
}
@media only screen and (max-width:1365px){
    .referenceSlider .slick-arrow.slick-next{
        right:0
    }
}
.tags{
    padding:10px 0;
    font-size:0;
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    justify-content:space-between;
    flex-flow:row wrap
}
@media only screen and (max-width:639px){
    .tags{
        display:block
    }
}
.tags li{
    margin:0 0 18px;
    position:relative
}
.tags a{
    display:block;
    line-height:40px;
    font-size:14px;
    font-weight:600;
    padding:0 18px;
    border:solid 1px #8BB756;
    color:#8BB756;
    text-transform:uppercase;
    letter-spacing:0.3px;
    text-align:center;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
@media only screen and (max-width:989px){
    .tags a{
        padding:0 8px;
        font-size:12px;
        line-height:30px
    }
}
.tags a.active,.tags a:hover{
    color:#fff;
    background-color:#8BB756
}
.relatedArticles{
    padding:40px 0 0
}
@media only screen and (max-width:639px){
    .relatedArticles{
        padding-top:20px
    }
}
.relatedArticles h3{
    color:#8BB756;
    font-weight:600;
    font-size:32px;
    line-height:32px
}
.relatedArticles h4{
    color:#8BB756;
    line-height:26px;
    font-weight:600;
    padding:20px 0 0
}
.relatedArticles h4 a{
    color:#8BB756
}
.relatedArticles h4 a:hover{
    text-decoration:underline
}
.relatedArticles p{
    font-size:14px;
    line-height:24px;
    color:#373F41
}
.relatedArticles img{
    display:block;
    width:100%
}
.relatedArticles .image a{
    display:block;
    opacity:1;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
.relatedArticles .image a:hover{
    opacity:0.8
}
.relatedArticles .cols{
    padding:55px 0 0
}
.relatedArticles .col{
    width:23%;
    margin:0 2.666% 0 0
}
.relatedArticles .col:last-child{
    margin-right:0
}
@media only screen and (max-width:989px){
    .relatedArticles .col{
        width:49%;
        margin:0 2% 20px 0
    }
    .relatedArticles .col:nth-child(2n){
        margin-right:0
    }
}
@media only screen and (max-width:639px){
    .relatedArticles .col{
        width:100%;
        margin:0 0 20px
    }
}
.latestNews{
    padding:160px 0 125px
}
@media only screen and (max-width:989px){
    .latestNews{
        padding:30px 0 20px
    }
}
.latestNews h3{
    color:#8BB756;
    font-weight:600;
    font-size:32px;
    line-height:32px
}
.latestNews h4{
    color:#8BB756;
    line-height:26px;
    font-weight:600;
    padding:0 0 15px
}
.latestNews h4 a{
    color:#8BB756
}
.latestNews h4 a:hover{
    text-decoration:underline
}
.latestNews p{
    padding:20px 0 0;
    font-size:14px;
    line-height:24px;
    color:#373F41
}
.latestNews img{
    display:block;
    width:100%
}
.latestNews .image a{
    display:block;
    opacity:1;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
.latestNews .image a:hover{
    opacity:0.8
}
.latestNews .cell{
    vertical-align:top
}
@media only screen and (max-width:639px){
    .latestNews .cell{
        width:100%;
        display:block
    }
}
.latestNews .steps{
    width:23%;
    padding:55px 0 0
}
@media only screen and (max-width:639px){
    .latestNews .steps{
        display:none
    }
}
.latestNews .steps .left,.latestNews .steps .right{
    width:47px;
    height:47px;
    cursor:pointer;
    opacity:1;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
.latestNews .steps .left:hover,.latestNews .steps .right:hover{
    opacity:0.8
}
.latestNews .steps .left{
    margin:0 13px 0 0;
    background:rgba(196,196,196,0.5) url("../images/arrow_white_left.svg") no-repeat center center/12px auto
}
.latestNews .steps .right{
    background:rgba(196,196,196,0.5) url("../images/arrow_white_right.svg") no-repeat center center/12px auto
}
.latestNews .theSlider{
    padding:0 0 0 32px
}
@media only screen and (max-width:989px){
    .latestNews .theSlider{
        padding:30px 0 10px
    }
}
.latestNews .theSlider .slick-arrow{
    display:none!important
}
@media only screen and (max-width:639px){
    .latestNews .theSlider .slick-arrow{
        display:block!important;
        position:absolute;
        top:50%;
        z-index:10;
        text-indent:-9999px;
        padding:0;
        width:47px;
        height:47px;
        opacity:1;
        -ms-transform:translate(0,-50%);
        -webkit-transform:translate(0,-50%);
        transform:translate(0,-50%);
        transition:all ease-in-out 150ms;
        -webkit-transition:all ease-in-out 150ms;
        -moz-transition:all ease-in-out 150ms;
        -o-transition:all ease-in-out 150ms;
        -ms-transition:all ease-in-out 150ms
    }
    .latestNews .theSlider .slick-arrow:hover{
        opacity:0.8
    }
    .latestNews .theSlider .slick-arrow.slick-prev{
        left:0;
        background:#c4c4c6 url("../images/arrow_white_left.svg") no-repeat center center/12px auto
    }
    .latestNews .theSlider .slick-arrow.slick-next{
        right:0;
        background:#c4c4c6 url("../images/arrow_white_right.svg") no-repeat center center/12px auto
    }
}
.latestNews .slick-slide{
    margin:0 16px
}
.latestNews .slick-list{
    margin:0 -16px
}
.mapSection{
    padding:65px 0 75px
}
@media only screen and (max-width:989px){
    .mapSection{
        padding:30px 0
    }
}
.mapSection h2{
    color:#8BB756;
    font-size:32px;
    line-height:40px;
    font-weight:600;
    padding:0 0 50px
}
@media only screen and (max-width:989px){
    .mapSection h2{
        padding-bottom:20px
    }
}
.mapSection h3{
    font-size:24px;
    line-height:24px;
    color:#474747;
    font-weight:600;
    padding:0 0 15px
}
.mapSection p{
    color:#474747;
    font-size:18px;
    line-height:26px;
    padding:0 0 70px
}
@media only screen and (max-width:989px){
    .mapSection p{
        padding:0 0 30px
    }
}
.mapSection .button{
    font-size:14px;
    font-weight:600;
    color:#fff;
    padding:0 19px;
    text-transform:uppercase;
    line-height:40px;
    border:solid 1px #71bf45;
    background-color:#71bf45;
    display:inline-block;
    text-align:center;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
@media only screen and (max-width:989px){
    .mapSection .button{
        display:block;
        width:100%
    }
}
.mapSection .button:hover{
    background-color:#fff;
    color:#8BB756
}
.mapSection .mapContent{
    width:63%
}
@media only screen and (max-width:989px){
    .mapSection .mapContent{
        width:100%;
        height:300px
    }
}
.mapSection .cell{
    vertical-align:top
}
@media only screen and (max-width:989px){
    .mapSection .cell{
        display:block;
        width:100%
    }
}
.mapSection .texts{
    padding:0 0 0 30px
}
@media only screen and (max-width:989px){
    .mapSection .texts{
        padding:20px 10px 0;
        text-align:center
    }
}
.persons{
    padding:0 0 15px;
    text-align:center
}
.persons h2{
    color:#8BB756;
    font-size:32px;
    line-height:40px;
    font-weight:600;
    text-align:left
}
.persons h3{
    font-size:20px;
    line-height:24px;
    font-weight:600;
    color:#373F41;
    padding:28px 0 15px
}
.persons p{
    font-size:14px;
    line-height:20px;
    color:#373F41
}
.persons img{
    display:block;
    width:100%
}
.persons .personList{
    padding:60px 0 0
}
.persons .items{
    font-size:0
}
.persons .items .oneItem{
    margin:0 15px;
    display:inline-block
}
@media only screen and (max-width:989px){
    .persons .items .oneItem{
        display:table;
        margin:0 auto 65px
    }
}
.persons .oneItem{
    margin:0 auto 65px;
    display:table;
    width:270px
}
.subscribe{
    padding:75px 0 92px;
    color:#fff;
    text-align:center
}
@media only screen and (max-width:989px){
    .subscribe{
        padding:30px 0
    }
}
.subscribe .toCenter{
    max-width:760px
}
.subscribe h3{
    font-size:44px;
    line-height:56px;
    font-weight:500
}
.subscribe p{
    line-height:22px;
    padding:40px 0 65px
}
.subscribe form{
    max-width:445px;
    margin:0 auto;
    text-align:left
}
.subscribe small{
    padding:15px 0 0;
    display:block;
    font-size:12px;
    line-height:16px
}
.subscribe input{
    border:solid 1px #fff;
    height:42px;
    width:100%;
    display:block;
    color:#fff;
    padding:0 12px;
    font:14px "Roboto"
}
.subscribe input::placeholder{
    color:#fff;
    opacity:1
}
.subscribe input:-ms-input-placeholder{
    color:#fff
}
.subscribe input::-ms-input-placeholder{
    color:#fff
}
.subscribe button{
    font-size:14px;
    font-weight:600;
    color:#8BB756;
    line-height:42px;
    background-color:#fff;
    display:block;
    padding:0;
    width:100%;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
.subscribe button:hover{
    background-color:#8BB756;
    color:#fff
}
.subscribe .submit{
    width:140px
}
@media only screen and (max-width:989px){
    .subscribe .submit{
        width:100%
    }
}
.subscribe .input{
    padding:0 27px 0 0
}
@media only screen and (max-width:989px){
    .subscribe .input{
        padding:0 0 20px
    }
}
.subscribe .cell{
    vertical-align:top
}
@media only screen and (max-width:989px){
    .subscribe .cell{
        display:block;
        width:100%
    }
}
.admin .mainLayout{
    min-height:100vh
}
.admin .mainLayout>.cell{
    vertical-align:top
}
@media only screen and (max-width:989px){
    .admin .mainLayout>.cell{
        display:block
    }
}
.admin .sidebar{
    background-color: #1A1919;
    width:350px;
    -moz-box-shadow:0 14px 24px #011C2E;
    -webkit-box-shadow:0 14px 24px #011C2E;
    box-shadow:0 14px 24px #011C2E
}
@media only screen and (max-width:1365px){
    .admin .sidebar{
        width:250px
    }
}
@media only screen and (max-width:989px){
    .admin .sidebar{
        display:none!important
    }
}
.admin .sidebar a{
    font-size:18px;
    line-height: 75px;
    color:#fff;
    font-weight:500;
    display:block;
    text-align:center;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
.admin .sidebar a.active,.admin .sidebar a:hover{
    background-color:#8BB756
}
.admin .sidebar ul.submenu a {
    font-size: 16px;
    line-height: 40px;
}
.admin .contents{
    padding:55px 105px 0 105px
}
@media only screen and (max-width:1365px){
    .admin .contents{
        padding:30px 30px 0
    }
}
@media only screen and (max-width:989px){
    .admin .contents{
        padding:30px 10px
    }
}
.admin .content{
    width:100%
}
.admin .content.width-1{
    max-width:1014px
}
.admin .content.width-2{
    max-width:1118px
}
.admin .all{
    font:500 14px/42px "Roboto";
    color:#8BB756;
    padding:0 20px;
    min-width:96px;
    text-align:center;
    border:solid 1px #8BB756;
    background-color:#fff;
    display:inline-block;
    letter-spacing:0.3px;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
.admin .all:hover{
    background-color:#8BB756;
    color:#fff
}
.admin .menu{
    color:#C3CBCD;
    font-size:0;
    line-height:18px;
    letter-spacing:0.3px;
    font-weight:600
}
.admin .menu li{
    font-size:14px;
    display:inline-block
}
.admin .menu li:after{
    content:"/";
    padding:0 4px
}
.admin .menu li:last-child:after{
    display:none
}
.admin .menu a{
    color:#C3CBCD
}
.admin .menu a:hover{
    text-decoration:underline
}
.admin .top{
    padding:50px 0 0
}
.admin .top.smaller{
    padding-top:35px
}
.admin .title{
    font-size:32px;
    line-height:42px;
    letter-spacing:0.3px;
    font-weight:600
}
.admin .articleTitle{
    font-size:35px;
    line-height:35px;
    letter-spacing:0.3px;
    font-weight:600
}
.admin .newsList{
    padding:30px 0 52px
}
@media only screen and (max-width:989px){
    .admin .newsList{
        padding-bottom:10px
    }
}
.admin .newsList .col{
    width:49%;
    margin:0 2% 0 0
}
.admin .newsList .col:last-child{
    margin-right:0
}
@media only screen and (max-width:639px){
    .admin .newsList .col{
        width:100%;
        margin:0
    }
}
.admin .newsList img{
    display:block;
    width:100%
}
.admin .newsList .image a{
    opacity:1;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
.admin .newsList .image a:hover{
    opacity:0.8
}
.admin .newsList .data{
    padding:20px 0 0;
    font-size:0
}
.admin .newsList .data li{
    display:inline-block;
    color:#737B7D;
    font-size:12px;
    line-height:22px
}
.admin .newsList .data li:after{
    content:"|";
    padding:0 8px;
    color:#737B7D
}
.admin .newsList .data li:last-child:after{
    display:none
}
.admin .newsList h2{
    font-weight:600;
    font-size:32px;
    line-height:40px;
    color:#373F41;
    padding:10px 0 23px
}
.admin .newsList h2 a{
    color:#373F41
}
.admin .newsList h2 a:hover{
    text-decoration:underline
}
.admin .newsList p{
    line-height:22px;
    letter-spacing:0.3px;
    color:#737B7D
}
.admin .newsList .texts{
    padding:0 0 20px;
    min-height:270px
}
.admin .button{
    font:500 14px/40px "Roboto";
    color:#fff;
    padding:0 20px;
    min-width:110px;
    text-align:center;
    border:solid 1px #8BB756;
    background-color:#8BB756;
    display:inline-block;
    letter-spacing:0.3px;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
@media only screen and (max-width:989px){
    .admin .button{
        width:100%;
        display:block;
        margin:0 0 20px
    }
}
.admin .button:hover{
    background-color:#fff;
    color:#8BB756
}
.admin .bigBoxes h3,.admin .bigBox h3{
    font-size:35px;
    line-height:35px;
    color:#fff;
    font-weight:500;
    letter-spacing:0.3px;
    padding:20px 0
}
@media only screen and (max-width:989px){
    .admin .bigBoxes h3,.admin .bigBox h3{
        padding-top:0
    }
}
.admin .bigBoxes p,.admin .bigBox p{
    line-height:22px;
    color:#fff;
    letter-spacing:0.3px
}
.admin .bigBox .text,.admin .bigBoxes .text{
    min-height:201px;
    padding:0 0 20px
}
.admin .bigBox .box,.admin .bigBoxes .box{
    min-height:400px
}
@media only screen and (max-width:989px){
    .admin .bigBox .box,.admin .bigBoxes .box{
        min-height:auto
    }
}
.admin .bigBoxes .box{
    margin:0 0 36px;
    padding:20px 42px 55px
}
@media only screen and (max-width:989px){
    .admin .bigBoxes .box{
        padding:20px
    }
}
.admin .bigBoxes .button{
    min-width:90px;
    color:#8BB756;
    border:solid 1px #fff;
    background-color:#fff
}
@media only screen and (max-width:989px){
    .admin .bigBoxes .button{
        margin-bottom:0
    }
}
.admin .bigBoxes .button:hover{
    background-color:#8BB756;
    border-color:#8BB756;
    color:#fff
}
.admin .bigBoxes .col{
    width:49%;
    margin:0 2% 0 0
}
.admin .bigBoxes .col:last-child{
    margin-right:0
}
@media only screen and (max-width:639px){
    .admin .bigBoxes .col{
        width:100%;
        margin:0
    }
}
.admin .bigBox{
    margin:0 0 36px;
    padding:20px 42px 55px;
    min-height:400px
}
@media only screen and (max-width:989px){
    .admin .bigBox{
        padding:20px;
        min-height:auto
    }
}
.admin .bigBox .button{
    color:#fff;
    border:solid 1px #fff;
    background-color:transparent
}
@media only screen and (max-width:989px){
    .admin .bigBox .button{
        margin-bottom:0
    }
}
.admin .bigBox .button:hover{
    background-color:#8BB756;
    border-color:#8BB756;
    color:#fff
}
.admin .profile{
    padding:30px 42px 42px;
    margin:0 0 200px;
    border:solid 2px #8BB756;
    background-color:#F0F5FF
}
@media only screen and (max-width:989px){
    .admin .profile{
        margin-bottom:0;
        padding:20px 20px 0
    }
}
.admin .profile h3{
    font-weight:500;
    font-size:35px;
    line-height:40px;
    color:#8BB756
}
.admin .profile h4{
    padding:30px 0 5px;
    font-size:24px;
    line-height:24px;
    color:#011C2E;
    font-weight:500;
    letter-spacing:0.3px
}
.admin .profile p{
    font-size:18px;
    line-height:30px;
    color:#011C2E;
    padding:0 0 50px;
    letter-spacing:0.3px
}
@media only screen and (max-width:989px){
    .admin .profile p{
        padding-bottom:20px
    }
}
.admin .profile .button{
    min-width:62px
}
.admin .profile .col{
    width:49%;
    margin:0 2% 0 0
}
.admin .profile .col:last-child{
    margin-right:0
}
@media only screen and (max-width:639px){
    .admin .profile .col{
        width:100%;
        margin:0
    }
}
.admin .listHeader{
    padding:20px 0 0
}
.admin .listHeader select{
    width:100%
}
.admin .listHeader .cell{
    vertical-align:top
}
@media only screen and (max-width:989px){
    .admin .listHeader .cell{
        width:100%;
        display:block
    }
}
.admin .listHeader .select{
    width:390px
}
@media only screen and (max-width:989px){
    .admin .listHeader .select{
        width:100%
    }
}
.admin .listHeader .input{
    padding:0 30px 0 0
}
@media only screen and (max-width:989px){
    .admin .listHeader .input{
        padding:0 0 30px
    }
}
.admin .listHeader input{
    width:100%;
    display:block;
    border:solid 2px #C3CBCD;
    color:#C3CBCD;
    height:60px;
    padding:0 20px;
    font:500 18px "Roboto"
}
.admin .listHeader input::placeholder{
    color:#C3CBCD;
    opacity:1
}
.admin .listHeader input:-ms-input-placeholder{
    color:#C3CBCD
}
.admin .listHeader input::-ms-input-placeholder{
    color:#C3CBCD
}
.admin .listHeader .select2-container--default .select2-selection--single{
    border:solid 2px #C3CBCD;
    border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -webkit-border-radius:0
}
.admin .listHeader .select2-container .select2-selection--single{
    height:60px;
    line-height:60px
}
.admin .listHeader .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding:0 0 0 20px;
    color:#C3CBCD;
    font:18px/56px "Roboto"
}
.admin .listHeader .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border:0;
    width:35px;
    height:60px;
    margin-left:0;
    left:0;
    top:0;
    margin-top:0;
    background:url("../images/dropdown.svg") no-repeat center center
}
.admin .listHeader .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    -ms-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.admin .listHeader .select2-container--default .select2-selection--single .select2-selection__arrow{
    top:0;
    right:0;
    height:100%;
    width:45px
}
.admin .theList{
    padding:38px 0 95px
}
@media only screen and (max-width:989px){
    .admin .theList{
        padding:30px 0
    }
}
.admin .pagination{
    font-size:0;
    text-align:right;
    margin:0 0 100px
}
@media only screen and (max-width:989px){
    .admin .pagination{
        margin:0
    }
}
.admin .pagination li{
    display:inline-block;
    margin:0 0 0 10px;
    vertical-align:top
}
.admin .pagination li.first a{
    background:url("../images/pagination_left.svg") no-repeat center center
}
.admin .pagination li.last a{
    background:url("../images/pagination_right.svg") no-repeat center center
}
.admin .pagination a{
    text-align:center;
    color:#8BB756;
    font-size:14px;
    line-height:40px;
    height:40px;
    width:40px;
    font-weight:500;
    display:block;
    border:solid 1px #8BB756
}
.admin .pagination a:hover{
    background-color: rgba(143, 152, 156, 0.16);
}
.admin .pagination a.active{
    background-color:#8BB756;
    color:#fff
}
.admin .select2{
    width:100%!important
}
.admin .select2-dropdown{
    overflow:hidden
}
.admin .select2-container{
    z-index:10
}
.admin .theList img{
    display:block;
    width:100%
}
.admin .theList .image{
    width:44%
}
.admin .theList .image a{
    display:block;
    opacity:1;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
.admin .theList .image a:hover{
    opacity:0.8
}
.admin .theList .texts{
    padding:0 0 60px 26px
}
@media only screen and (max-width:989px){
    .admin .theList .texts{
        padding:0 0 30px
    }
}
.admin .theList .texts .button{
    position:absolute;
    bottom:0
}
@media only screen and (max-width:989px){
    .admin .theList .texts .button{
        margin:30px 0 0;
        position:relative
    }
}
.admin .theList .data{
    padding:0 0 5px;
    font-size:0
}
.admin .theList .data li{
    display:inline-block;
    color:#737B7D;
    font-size:12px;
    line-height:22px
}
.admin .theList .data li:after{
    content:"|";
    padding:0 8px;
    color:#737B7D
}
.admin .theList .data li:last-child:after{
    display:none
}
.admin .theList .cell{
    vertical-align:top
}
@media only screen and (max-width:989px){
    .admin .theList .cell{
        width:100%;
        display:block
    }
}
.admin .theList h3{
    font-size:32px;
    line-height:40px;
    color:#373F41;
    font-weight:600;
    padding:0 0 30px
}
.admin .theList h3 a{
    color:#373F41
}
.admin .theList h3 a:hover{
    text-decoration:underline
}
.admin .theList p{
    line-height:22px;
    color:#737B7D
}
.admin .theList .oneBlock{
    padding:0 0 40px
}
.admin .theList .oneBlock:last-child{
    padding-bottom:0
}
@media only screen and (max-width:989px){
    .admin .theList .oneBlock{
        padding:0
    }
}
.admin .articleLayout{
    padding:0 0 215px
}
@media only screen and (max-width:989px){
    .admin .articleLayout{
        padding-bottom:0
    }
}
.admin .articleLayout .data{
    padding:20px 0 0;
    font-size:0
}
.admin .articleLayout .data li{
    display:inline-block;
    color:#737B7D;
    font-size:12px;
    line-height:22px
}
.admin .articleLayout .data li:after{
    content:"|";
    padding:0 8px;
    color:#737B7D
}
.admin .articleLayout .data li:last-child:after{
    display:none
}
.admin .articleLayout .author{
    color:#737B7D;
    line-height:22px;
    padding:0 0 50px
}
.admin .articleLayout .fixedWidth{
    max-width:770px
}
.admin .articleLayout h2{
    color:#373F41;
    font-size:32px;
    line-height:40px;
    font-weight:600;
    letter-spacing:0.3px;
    padding:0 0 25px
}
.admin .articleLayout p{
    color:#737B7D;
    line-height:22px;
    padding:0 0 30px
}
.admin .articleLayout img{
    display:block;
    width:100%
}
.admin .articleLayout .image{
    padding:10px 0 30px
}
.admin .articleLayout .imageTitle{
    color:#737B7D;
    line-height:22px;
    padding:5px 0 0
}
.admin .articleLayout .button{
    color:#8BB756;
    background-color:transparent;
    border-color:#8BB756
}
@media only screen and (max-width:989px){
    .admin .articleLayout .button{
        margin-bottom:0
    }
}
.admin .articleLayout .button:hover{
    background-color:#8BB756;
    color:#fff
}
.admin .articleLayout .bottom{
    padding:30px 0 0
}
.admin .profileLayout{
    padding:30px 0 215px!important
}
@media only screen and (max-width:989px){
    .admin .profileLayout{
        padding:30px 0 0!important
    }
}
.admin .profileLayout .col-1{
    width:49%
}
@media only screen and (max-width:989px){
    .admin .profileLayout .col-1{
        width:100%
    }
}
.admin .profileLayout .space{
    height:20px
}
.admin .profileLayout .cols-2 .col{
    width:49%;
    margin:0 2% 0 0
}
.admin .profileLayout .cols-2 .col:last-child{
    margin-right:0
}
@media only screen and (max-width:989px){
    .admin .profileLayout .cols-2 .col{
        width:100%;
        margin:0
    }
}
.admin .profileLayout h2,.admin .profileLayout h3{
    font-size:24px;
    line-height:24px;
    font-weight:600;
    padding:0 0 20px
}
.admin .profileLayout .toggle{
    padding:45px 0 0;
    display:none
}
.admin .profileLayout .toggle.visible{
    display:block
}
.admin .profileLayout .buttons .button{
    color:#8BB756;
    background-color:transparent;
    border-color:#8BB756;
    min-width:60px
}
.admin .profileLayout .buttons .button:hover{
    background-color:#8BB756;
    color:#fff
}
.admin .profileLayout .buttons .button:first-child{
    margin:0 14px 0 0
}
@media only screen and (max-width:989px){
    .admin .profileLayout .buttons .button{
        margin:0 0 20px!important
    }
    .admin .profileLayout .buttons .button:last-child{
        margin:0!important
    }
}
.admin .profileLayout .checkboxes{
    padding:0 0 15px
}
.admin .profileLayout .checkboxes .checkbox{
    font-size:16px;
    padding-left:45px;
    margin-bottom:24px
}
.admin .profileLayout .checkboxes h3{
    padding:40px 0 45px
}
.admin .add{
    cursor:pointer;
    opacity:1;
    margin:30px 0 50px;
    color:#BCCEEF;
    font-size:24px;
    line-height:70px;
    padding:0 0 0 92px;
    font-weight:500;
    background:url("../images/add.svg") no-repeat left center;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
@media only screen and (max-width:989px){
    .admin .add{
        line-height:40px;
        background-size:auto 40px;
        padding-left:50px
    }
}
.admin .add:hover{
    opacity:0.8
}
.admin .separator{
    height:1px;
    background-color:#C4C4C4
}
.admin .bookingLayout{
    padding:30px 0 185px
}
@media only screen and (max-width:989px){
    .admin .bookingLayout{
        padding:30px 0 0
    }
}
.admin .bookingLayout .buttons .button{
    color:#71bf45;
    background-color:transparent;
    border-color:#71bf45;
    min-width:60px
}
.admin .bookingLayout .buttons .button:hover{
    background-color:#71bf45;
    color:#fff
}
.admin .bookingLayout .buttons .button:first-child{
    margin:0 14px 0 0
}
@media only screen and (max-width:989px){
    .admin .bookingLayout .buttons .button:first-child{
        margin:0 0 30px
    }
    .admin .bookingLayout .buttons .button:last-child{
        margin-bottom:0
    }
}
.admin .bookingLayout .checkboxes{
    padding:0 0 30px
}
.admin .bookingLayout .checkboxes.withTopSpace{
    padding-top:40px
}
.admin .bookingLayout h5{
    padding:0 0 25px;
    color:#8BB756;
    font-size:18px;
    line-height:18px
}
.admin .bookingLayout .space{
    height:20px
}
.admin .bookingLayout .largerSpace{
    height:40px
}
.admin .bookingLayout .cols-2 .col{
    width:49%;
    margin:0 2% 0 0
}
.admin .bookingLayout .cols-2 .col:last-child{
    margin-right:0
}
@media only screen and (max-width:989px){
    .admin .bookingLayout .cols-2 .col{
        width:100%;
        margin:0
    }
}
.admin .bookingLayout .cols-2.bottomSpace{
    padding:0 0 60px
}
.admin .bookingLayout .cols-2.smallSpace{
    padding:0 0 30px
}
.admin .bookingLayout .toggle{
    display:none
}
.admin .bookingLayout .toggle.visible{
    display:block
}
.admin .bookingLayout .inputInfo{
    font-size:14px;
    line-height:14px;
    font-weight:500;
    color:#373F41
}
.admin .bookingLayout .select2-container{
    margin:0 0 13px
}
.admin .bookingLayout .select2-container--default .select2-selection--single{
    border:solid 1px #8BB756;
    background: rgba(143, 152, 156, 0.1);
    border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -webkit-border-radius:0
}
.admin .bookingLayout .select2-container .select2-selection--single{
    height:53px;
    line-height:53px
}
.admin .bookingLayout .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding:0 0 0 16px;
    color:#010202;
    font:300 16px/49px "Roboto"
}
.admin .bookingLayout .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border:0;
    width:35px;
    height:53px;
    margin-left:0;
    left:0;
    top:0;
    margin-top:0;
    background:url("../images/dropdown2.svg") no-repeat center center
}
.admin .bookingLayout .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    -ms-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.admin .bookingLayout .select2-container--default .select2-selection--single .select2-selection__arrow{
    top:0;
    right:0;
    height:100%;
    width:45px
}
.admin .bookingLayout .topInputs{
    padding:0 0 20px
}
.admin .bookingLayout .topInputs .cell{
    vertical-align:top
}
.admin .bookingLayout .topInputs .cell:first-child{
    width:282px
}
@media only screen and (max-width:989px){
    .admin .bookingLayout .topInputs .cell:first-child{
        width:100%
    }
}
.admin .bookingLayout .topInputs .cell:last-child{
    padding:0 0 0 30px
}
@media only screen and (max-width:989px){
    .admin .bookingLayout .topInputs .cell:last-child{
        padding:0
    }
}
@media only screen and (max-width:989px){
    .admin .bookingLayout .topInputs .cell{
        display:block;
        width:100%
    }
}
.admin .cols-3{
    padding:0 0 30px
}
.admin .cols-3 .col{
    width:29%;
    margin:0 2% 0 0
}
.admin .cols-3 .col:last-child{
    margin-right:0
}
@media only screen and (max-width:989px){
    .admin .cols-3 .col{
        width:100%;
        margin:0
    }
}
.admin .alert{
    background: rgba(143, 152, 156, 0.12);
    padding:30px 40px
}
.admin .alert h3{
    color:#8BB756;
    font-size:18px;
    line-height:28px;
    font-weight:600
}
.admin .alert p{
    color:#373F41;
    font-size:18px;
    line-height:28px;
    font-weight:500
}
.admin .blockTitle{
    padding:35px 0;
    color:#8BB756;
    font-size:28px;
    line-height:28px;
    font-weight:600
}
.admin .blockTitle.noPadding{
    padding:0
}
.admin .blockSubTitle{
    font-size:14px;
    line-height:18px;
    color:#474747;
    padding:10px 0 35px
}
.admin .input.withSpace{
    margin-bottom:23px
}
.admin .checkboxTable{
    width:100%;
    position:relative;
    padding:0 0 65px
}
@media only screen and (max-width:639px){
    .admin .checkboxTable{
        padding:0 0 10px;
        margin:0 0 30px;
        overflow:scroll
    }
    .admin .checkboxTable .table{
        width:900px
    }
}
.admin .checkboxTable .cell{
    padding:20px 5px;
    text-align:center
}
.admin .checkboxTable .cell:first-child{
    width:30%;
    padding-left:20px;
    text-align:left
}
.admin .checkboxTable .cell:nth-child(2){
    width:9%
}
.admin .checkboxTable .cell:nth-child(3){
    width:9%
}
.admin .checkboxTable .cell:nth-child(4){
    width:9%
}
.admin .checkboxTable .cell:nth-child(5){
    width:17%
}
.admin .checkboxTable .cell:nth-child(6){
    width:22%
}
.admin .checkboxTable .table{
    color:#373F41;
    font-size:14px;
    line-height:18px;
    font-weight:500
}
.admin .checkboxTable .table.tableHead{
    color:#8BB756;
    font-weight:600;
    padding:0 0 18px
}
.admin .checkboxTable .table.tableHead .cell:first-child{
    padding-left:0!important
}
.admin .checkboxTable .table .row:nth-child(odd){
    background: rgba(143, 152, 156, 0.06);
}
.admin .checkboxTable .checkbox{
    width:20px;
    height:20px;
    margin:0 auto;
    padding-left:20px
}
.admin .fixedHeight{
    min-height:44px
}
@media only screen and (max-width:989px){
    .admin .fixedHeight{
        min-height:auto
    }
}
.admin .checkboxItems{
    padding:0 0 20px
}
.admin .checkboxItems label{
    margin:0 0 25px
}
.admin .checkboxItems .toLeft{
    padding:0 120px 0 0
}
.admin .checkboxItems .toLeft:last-child{
    padding-right:0
}
@media only screen and (max-width:989px){
    .admin .checkboxItems .toLeft{
        width:100%;
        padding:0
    }
}
.admin .cols-4.bottomSpace{
    padding-bottom:28px
}
.admin .cols-4 h4{
    color:#8BB756;
    font-size:18px;
    line-height:18px;
    font-weight:600;
    padding:0 0 20px
}
.admin .cols-4 h5{
    color:#474747;
    font-size:16px;
    line-height:18px;
    font-weight:600
}
.admin .cols-4 label{
    font-size:12px;
    font-weight:500;
    line-height:16px;
    margin:0 0 5px
}
.admin .cols-4 .oneLine{
    padding:0 0 20px
}
.admin .cols-4 .col{
    width:23.5%;
    margin:0 2% 0 0
}
@media only screen and (max-width:989px){
    .admin .cols-4 .col{
        width:100%;
        margin:0
    }
}
.admin .cols-4 .col:last-child{
    margin-right:0
}
.admin .rightSpace{
    padding:0 105px 0 0
}
@media only screen and (max-width:1365px){
    .admin .rightSpace{
        padding-right:0
    }
}
.admin .checkboxList{
    padding:0 0 45px
}
.admin .checkboxList .oneLine{
    line-height:20px;
    color:#373F41;
    font-size:14px;
    font-weight:500;
    padding:20px
}
.admin .checkboxList .oneLine:nth-child(odd){
    background: rgba(143, 152, 156, 0.06);
}
.admin .checkboxList .cell{
    vertical-align:top
}
.admin .checkboxList .cell.box{
    width:140px;
    padding:0 0 0 20px
}
@media only screen and (max-width:989px){
    .admin .checkboxList .cell.box{
        width:40px
    }
}
.select2-results__option[aria-disabled=true]{
    display:none
}
.select2-dropdown{
    border:solid 2px #C3CBCD
}
.select2-results__option{
    padding:0 20px;
    color:#000;
    font:300 16px/50px "Roboto";
    background-color:transparent;
    transition:all ease-in-out 150ms;
    -webkit-transition:all ease-in-out 150ms;
    -moz-transition:all ease-in-out 150ms;
    -o-transition:all ease-in-out 150ms;
    -ms-transition:all ease-in-out 150ms
}
.select2-results__option:hover{
    color:#fff!important;
    background-color:#8BB756!important
}
.select2-container--open .select2-dropdown--below{
    border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -webkit-border-radius:0
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:transparent;
    color:#000
}
.select2-container--default .select2-results__option[aria-selected=true]{
    color:#fff!important;
    background-color:#8BB756!important
}
.select2-dropdown.select2-dropdown--below{
    margin-top:0
}
#mainFooter{
    background-color: #8F989C;
    padding:18px 0
}
@media only screen and (max-width:989px){
    #mainFooter{
        padding:30px 0 10px
    }
}
@media only screen and (max-width:989px){
    #mainFooter .logos{
        margin:0 auto;
        width:auto;
        display:table;
        float:none;
        clear:both
    }
}
#mainFooter .logos .table{
    width:auto
}
#mainFooter .logos .cell{
    padding:0 14px 0 0
}
#mainFooter .logos .cell:last-child{
    padding-right:0
}
#mainFooter .logos img{
    display:block
}
#mainFooter nav{
    padding:11px 0 0
}
@media only screen and (max-width:989px){
    #mainFooter nav{
        margin:0 auto;
        padding:40px 0 0;
        width:auto;
        display:table;
        float:none;
        clear:both
    }
}
#mainFooter nav li{
    margin:0 31px 0 0
}
@media only screen and (max-width:989px){
    #mainFooter nav li{
        float:none;
        clear:both;
        text-align:center;
        margin:0 0 20px
    }
}
#mainFooter nav li:last-child{
    margin-right:0
}
#mainFooter nav a{
    color:#fff;
    font-size:14px;
    letter-spacing:0.2px;
    line-height:23px;
    font-weight:500;
    display:block
}
#mainFooter nav a:hover{
    text-decoration:underline
}
.textColumns ul.normal li {
    color: #000;
}
.textColumns ul.normal li:before {
    background: #000;
}
.textColumns ul.normal {
    margin: 0;
    padding: 20px 0;
}
.textColumns ul.normal li {
    margin: 0;
    padding: 10px 0 10px 38px;
}
.textColumns h2 {
    font-size: 26px;
    line-height: normal;
    font-weight: 600;
    padding: 35px 0;
    margin: 0;
    color: #8BB756;
}
.textColumns h3 {
    padding: 20px 0;
    margin: 0;
}
.textColumns h4 {
    font-size: 18px;
    line-height: normal;
    font-weight: 600;
    padding: 15px 0;
    margin: 0;
    color: #000;
}
.admin .bookingLayout .checkboxTable .cell .select2 {
    max-width: 90px;
}
.admin .bookingLayout .checkboxTable .cell .select2-container {
    margin: 0;
}
.admin .bookingLayout .checkboxTable .cell .select2-container .select2-selection--single {
    height: 30px;
    line-height: 30px;
}
.admin .bookingLayout .checkboxTable .cell .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 0 0 10px;
    line-height: 28px;
    text-align: left;
}
.admin .bookingLayout .checkboxTable .cell .select2-container .select2-selection--single .select2-selection__arrow b {
    width: 35px;
    height: 30px;
}
.select2-results__option {
    padding: 0 10px;
    font: 300 16px/30px "Roboto";
}
.regularTextarea textarea {
    font: 300 16px "Roboto";
    display: block;
    width: 100%;
    height: 150px;
    padding: 10px;
    border: 2px solid rgba(143, 152, 156, 0.23);
    background-color: #fff;
    color: #010202;
    transition: all ease-in-out 150ms;
    -webkit-transition: all ease-in-out 150ms;
    -moz-transition: all ease-in-out 150ms;
    -o-transition: all ease-in-out 150ms;
    -ms-transition: all ease-in-out 150ms;
}
.texts p {
    padding: 10px 0;
}
.text-justify {
    text-align: justify;
}
.texts ul {
    margin: 0;
    padding: 10px 0;
}
.texts ul li {
    letter-spacing: 0.3px;
    line-height: 22px;
    color: #474747;
    position: relative;
    padding-left: 20px;
    line-height: 30px;
}
.texts ul li:before {
    background: #474747;
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    content: "";
}
.track .trackMap {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    flex: 1;
    padding: 130px 0;
    z-index: 1;
    overflow: hidden;
}
.mainTracks {
    display: flex;
    position: relative;
    align-items: flex-start;
}
.mainTracks .scroller {
    flex-basis: 535px;
    position: relative;
    z-index: 10;
    flex-shrink: 0;
}
@media only screen and (max-width:1365px){
    .track .scroller{
        width: 450px;
        flex-basis: 450px;
    }
}
@media only screen and (max-width:989px){
    main {
        overflow-x: hidden;
    }
    .mainTracks .scroller,
    .track .scroller{
        width:100%;
        display:block;
        padding:0 10px;
        flex-basis: 100%;
    }
    .track .trackMap {
        position: relative;
        top: 0;
        flex: 1;
        padding: 0;
        z-index: 1;
        overflow: hidden;
        width: 100%;
    }
    .mainTracks {
        display: block;
    }
}
.hasTextarea textarea {
    font: 300 16px "Roboto";
    display: block;
    width: 100%;
    height: 100px;
    padding: 10px;
    border: 2px solid rgba(143, 152, 156, 0.23);
    background-color: #fff;
    color: #010202;
    transition: all ease-in-out 150ms;
    -webkit-transition: all ease-in-out 150ms;
    -moz-transition: all ease-in-out 150ms;
    -o-transition: all ease-in-out 150ms;
    -ms-transition: all ease-in-out 150ms;
}
section.services ul {
    padding-top: 30px;
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
}
.searchBox {
    position: absolute;
    z-index: -1;
    opacity: 0;
    background: #1A1919;
    height: 78px;
    top: 0;
    right: 0;
    width: 100%;
    transition: opacity 0.5s ease;
    padding: 0 10px;
}
.searchBox.opened {
     opacity: 1;
     z-index: 2;
}
.searchBox form {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.searchBox form .btn {
    padding: 0 30px;
    flex-shrink: 0;
    margin: 0 0 0 10px;
}
.searchBox form button {
    flex-shrink: 0;
    background: transparent url("../images/search-solid.svg") no-repeat 0 0;
    border: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background-size: cover;
    margin: 0 10px;
}
.searchBox form .closeSearch {
    display: block;
    cursor: pointer;
    overflow: hidden;
    background: transparent url("../images/times-solid.svg") no-repeat center center;
    border: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background-size: cover;
}
.searchBox form i {
    font-size: 20px;
}
.searchBox form input {
    height: 40px;
    line-height: 40px;
    border: 0;
    border-radius: 0;
    padding: 0 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    min-width: 0;
    max-width: none;
    background: #fff;
    flex-grow: 1;
}
button.openSearch {
    background: transparent url("../images/search-solid.svg") no-repeat 0 0;
    border: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background-size: cover;
}
header#mainHeader nav.toRight ul {
    display: flex;
    align-items: center;
}
.mobileNav form {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}
.mobileNav form input {
    height: 30px;
    line-height: 30px;
    border: 0;
    border-radius: 0;
    padding: 0 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    min-width: 0;
    max-width: none;
    background: #fff;
    flex-grow: 1;
}
.mobileNav form button {
    flex-shrink: 0;
    background: transparent url("../images/search-solid.svg") no-repeat 0 0;
    border: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background-size: cover;
    margin: 0 10px;
}
.videoItem a {
    position: relative;
    display: block;
}
.videoItem a:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translateY(-50%) translateX(-50%);
    cursor: pointer;
    background: transparent url(../images/youtube-brands.svg) no-repeat 0 0;
    width: 60px;
    height: 60px;
    content: "";
}