.container,.page {
    position: absolute
}

.row .col,body {
    font-size: 14px
}

.button,.lnk,a,a:hover {
    text-decoration: none
}

.button:hover,.button:hover .ion,.lnk:hover,.lnk:hover .ion,a:hover {
    color: #36a9b1
}

li,ol,ol ol,ol ul,ul,ul ol,ul ul {
    margin-bottom: 0
}

body,code {
    background: #d8dbe2
}

td,th {
    padding: 12px 15px;
    text-align: left
}

a,body,td {
    color: #626262
}

body,button,input,textarea {
    margin: 0;
    font-family: Poppins;
    padding: 0
}

.row .col,button {
    vertical-align: top
}

button,td,th {
    text-align: left
}

blockquote,body,code,h1,h2,h3,h4,h5,h6,label,legend {
    font-family: sans-serif;
}

body,fieldset,p,table {
    padding: 0
}

.clear,.row:after {
    clear: both
}

html {
    margin-right: 0!important
}

body {
    border: none;
    letter-spacing: 0;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

.button,.lnk,strong,th {
    font-weight: 500
}

.page {
    overflow: hidden;
    width: 100%;
    height: 100%
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.container {
    margin: -300px 0 0 -240px;
    top: 50%;
    left: 50%;
    width: 480px;
    height: 600px;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    -o-transition: .4s
}

.container.opened {
    transform: translateX(-240px);
    -webkit-transform: translateX(-240px);
    -moz-transform: translateX(-240px);
    -o-transform: translateX(-240px)
}

@media (max-width: 1072px) {
    .container {
        margin:-300px 0 0 -220px;
        width: 440px
    }

    .container.opened {
        transform: translateX(-204px);
        -webkit-transform: translateX(-204px);
        -moz-transform: translateX(-204px);
        -o-transform: translateX(-204px)
    }
}

.background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(120,204,109,.4)
}

.row,.row .col {
    position: relative
}

.row {
    margin: 0 -20px;
    font-size: 0
}

.row .col {
    padding: 20px;
    display: inline-block
}

.row .col .col {
    padding-top: 0;
    padding-bottom: 20px
}

@media (min-width: 1024px) {
    .row .col.col-d-12 {
        width:99.996%
    }

    .row .col.col-d-11 {
        width: 91.663%
    }

    .row .col.col-d-10 {
        width: 83.333%
    }

    .row .col.col-d-9 {
        width: 74.997%
    }

    .row .col.col-d-8 {
        width: 66.664%
    }

    .row .col.col-d-7 {
        width: 58.331%
    }

    .row .col.col-d-6 {
        width: 49.998%
    }

    .row .col.col-d-5 {
        width: 41.665%
    }

    .row .col.col-d-4 {
        width: 33.332%
    }

    .row .col.col-d-3 {
        width: 24.999%
    }

    .row .col.col-d-2 {
        width: 16.666%
    }

    .row .col.col-d-1 {
        width: 8.333%
    }
}

@media (max-width: 1023px) {
    .page {
        overflow:visible
    }

    .container {
        margin: 0 auto;
        position: relative;
        top: 83px;
        left: 0;
        width: auto;
        max-width: 540px;
        height: auto;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none
    }

    .container.opened {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none
    }

    .row .col.col-t-12 {
        width: 99.996%
    }

    .row .col.col-t-11 {
        width: 91.663%
    }

    .row .col.col-t-10 {
        width: 83.333%
    }

    .row .col.col-t-9 {
        width: 74.997%
    }

    .row .col.col-t-8 {
        width: 66.664%
    }

    .row .col.col-t-7 {
        width: 58.331%
    }

    .row .col.col-t-6 {
        width: 49.998%
    }

    .row .col.col-t-5 {
        width: 41.665%
    }

    .row .col.col-t-4 {
        width: 33.332%
    }

    .row .col.col-t-3 {
        width: 24.999%
    }

    .row .col.col-t-2 {
        width: 16.666%
    }

    .row .col.col-t-1 {
        width: 8.333%
    }
}

@media (max-width: 560px) {
    .container {
        margin:0 5px;
        top: 78px;
        width: auto;
        max-width: 100%
    }

    .row .col.col-m-12 {
        width: 99.996%
    }

    .row .col.col-m-11 {
        width: 91.663%
    }

    .row .col.col-m-10 {
        width: 83.333%
    }

    .row .col.col-m-9 {
        width: 74.997%
    }

    .row .col.col-m-8 {
        width: 66.664%
    }

    .row .col.col-m-7 {
        width: 58.331%
    }

    .row .col.col-m-6 {
        width: 49.998%
    }

    .row .col.col-m-5 {
        width: 41.665%
    }

    .row .col.col-m-4 {
        width: 33.332%
    }

    .row .col.col-m-3 {
        width: 24.999%
    }

    .row .col.col-m-2 {
        width: 16.666%
    }

    .row .col.col-m-1 {
        width: 8.333%
    }
}

.row:after {
    content: '';
    display: block
}

.border-line-v:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: -moz-radial-gradient(top,ellipse cover,rgba(197,202,213,.7) 0,rgba(255,255,255,0) 70%);
    background: -webkit-radial-gradient(top,ellipse cover,rgba(197,202,213,.7) 0,rgba(255,255,255,0) 70%);
    background: radial-gradient(ellipse at top,rgba(197,202,213,.7) 0,rgba(255,255,255,0) 70%)
}

.border-line-h:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: -moz-radial-gradient(left,ellipse cover,rgba(197,202,213,.7) 0,rgba(255,255,255,0) 70%);
    background: -webkit-radial-gradient(left,ellipse cover,rgba(197,202,213,.7) 0,rgba(255,255,255,0) 70%);
    background: radial-gradient(ellipse at left,rgba(197,202,213,.7) 0,rgba(255,255,255,0) 70%)
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fff;
    z-index: 1000
}

.preloader .spinner {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px
}

.preloader .spinner .double-bounce1,.preloader .spinner .double-bounce2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #36a9b1;
    opacity: 1;
    -webkit-animation: 2s ease-in-out infinite sk-bounce;
    animation: 2s ease-in-out infinite sk-bounce;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%
}

.button,.lnk,td,th {
    border: none
}

.preloader .spinner .double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    opacity: .1
}

h1,h2,h3,h4,h5,h6 {
    margin: 0 0 5px;
    font-size: 25px;
    color: #171717;
    line-height: 33px;
    font-weight: 500
}

h2 {
    font-size: 24px
}

h3 {
    font-size: 22px
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 16px
}

p {
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 20px
}

.lnks {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    z-index: 10
}

.lnks:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: -moz-radial-gradient(left,ellipse cover,rgba(197,202,213,.7) 0,rgba(255,255,255,0) 70%);
    background: -webkit-radial-gradient(left,ellipse cover,rgba(197,202,213,.7) 0,rgba(255,255,255,0) 70%);
    background: radial-gradient(ellipse at left,rgba(197,202,213,.7) 0,rgba(255,255,255,0) 70%)
}

.button,.lnk {
    position: relative;
    float: left;
    width: 50%;
    height: 70px;
    line-height: 70px;
    font-size: 12px;
    color: #171717;
    text-align: center;
    /* text-transform: uppercase; */
}

.button:before,.lnk:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: -moz-radial-gradient(top,ellipse cover,rgba(197,202,213,.7) 0,rgba(255,255,255,0) 70%);
    background: -webkit-radial-gradient(top,ellipse cover,rgba(197,202,213,.7) 0,rgba(255,255,255,0) 70%);
    background: radial-gradient(ellipse at top,rgba(197,202,213,.7) 0,rgba(255,255,255,0) 70%)
}

.button .arrow,.button .ion,.lnk .arrow,.lnk .ion {
    margin: 0 0 0 8px;
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s
}

.button .arrow,.lnk .arrow {
    top: -1px;
    width: 14px;
    height: 2px
}

.button .arrow:after,.button .arrow:before,.lnk .arrow:after,.lnk .arrow:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #171717;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s
}

.button .arrow:after,.lnk .arrow:after {
    left: auto;
    top: auto;
    right: 0;
    bottom: 3px;
    width: 8px;
    height: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.button .text,.lnk .text {
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s
}

@media (max-width: 480px) {

    .button .text,.lnk .text {
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        padding: 0px 20px !important;
    }
}

@media (max-width: 1600px) {

    .button .text,.lnk .text {
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        padding: 0px 45px;
    }
}

.button:last-child:before,.lnk:last-child:before {
    display: none
}

.button:hover .arrow:after,.button:hover .arrow:before,.lnk:hover .arrow:after,.lnk:hover .arrow:before {
    background: #36a9b1
}

.button {
    display: inline-block;
    float: none;
    width: auto
}

a {
    opacity: 1;
    outline: 0
}

ol,ul {
    list-style: none;
    margin-top: 0;
    padding-left: 0
}

code {
    font-size: 16px;
    margin: 20px 0;
    padding: 10px 20px
}

table {
    width: 100%;
    margin: 30px 0;
    border-collapse: collapse
}

th {
    border-bottom: 1px solid #d8dbe2;
    color: #171717
}

td {
    border-bottom: 1px solid #d8dbe2
}

button,input,textarea {
    display: block;
    font-size: 13px;
    width: 100%;
    height: 60px;
    color: #171717;
    background: 0 0;
    border: none;
    border-bottom: 1px solid #d8dbe2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    outline: 0;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px
}

button:focus,input:focus,textarea:focus {
    color: #171717;
    border-bottom: 1px solid #36a9b1
}

textarea {
    padding: 15px 0;
    height: 80px
}

button {
    width: auto;
    display: inline-block;
    color: #171717;
    border-bottom: 1px solid #d8dbe2;
    cursor: pointer
}

button:hover {
    border-bottom: 1px solid #36a9b1
}

label,legend {
    display: block;
    padding-bottom: 10px;
    font-size: 14px
}

fieldset {
    border-width: 0
}

input[type=checkbox],input[type=radio] {
    display: inline
}

::-webkit-input-placeholder {
    color: #999
}

:-moz-placeholder {
    color: #999
}

::-moz-placeholder {
    color: #999
}

:-ms-input-placeholder {
    color: #999
}

input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {
    color: #171717
}

input:focus:-moz-placeholder,textarea:focus:-moz-placeholder {
    color: #171717
}

input:focus::-moz-placeholder,textarea:focus::-moz-placeholder {
    color: #171717
}

input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder {
    color: #171717
}

input.error,textarea.error {
    border-bottom: 1px solid red!important
}

label.error {
    display: none!important
}

input.error::-moz-placeholder,textarea.error::-moz-placeholder {
    color: red
}

input.error:-moz-placeholder,textarea.error:-moz-placeholder {
    color: red
}

input.error:-ms-input-placeholder,textarea.error:-ms-input-placeholder {
    color: red
}

input.error::-webkit-input-placeholder,textarea.error::-webkit-input-placeholder {
    color: red
}

.align-center {
    text-align: center!important
}

.align-right {
    text-align: right!important
}

.align-left {
    text-align: left!important
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.pull-none {
    float: none!important
}

.full-width {
    max-width: 100%!important;
    width: 100%!important
}

.full-max-width {
    max-width: 100%!important;
    width: auto!important
}

.centrize {
    display: table!important;
    table-layout: fixed!important;
    height: 100%!important;
    position: relative!important
}

.vertical-bottom,.vertical-center,.vertical-top {
    display: table-cell!important
}

.vertical-center {
    vertical-align: middle!important
}

.vertical-top {
    vertical-align: top!important
}

.vertical-bottom {
    vertical-align: bottom!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.text-regular {
    font-weight: 400!important
}

.text-bold {
    font-weight: 700!important
}

.text-italic {
    font-style: italic!important
}

.FlipIn {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-duration: .7s!important;
    animation-duration: .7s!important;
    -webkit-animation-name: FlipIn;
    animation-name: FlipIn
}

@-webkit-keyframes FlipIn {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,0deg);
        transform: perspective(400px) rotate3d(0,1,0,0deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes FlipIn {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,0deg);
        transform: perspective(400px) rotate3d(0,1,0,0deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.FlipOut {
    -webkit-animation-duration: .7s!important;
    animation-duration: .7s!important;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: FlipOut;
    animation-name: FlipOut
}

@-webkit-keyframes FlipOut {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

@keyframes FlipOut {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

@-webkit-keyframes sk-bounce {
    0%,100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce {
    0%,100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}