@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700);
.m-all-0 {
    margin: 0 !important
}

.m-all-10 {
    margin: 10px !important
}

.m-all-20 {
    margin: 20px !important
}

.m-l-0 {
    margin-left: 0 !important
}

.m-r-0 {
    margin-right: 0 !important
}

.m-t-0 {
    margin-top: 0 !important
}

.m-b-0 {
    margin-bottom: 0 !important
}

.m-l-5 {
    margin-left: 5px !important
}

.m-r-5 {
    margin-right: 5px !important
}

.m-t-5 {
    margin-top: 5px !important
}

.m-b-5 {
    margin-bottom: 5px !important
}

.m-l-10 {
    margin-left: 10px !important
}

.m-r-10 {
    margin-right: 10px !important
}

.m-t-10 {
    margin-top: 10px !important
}

.m-b-10 {
    margin-bottom: 10px !important
}

.m-l-15 {
    margin-left: 15px !important
}

.m-r-15 {
    margin-right: 15px !important
}

.m-t-15 {
    margin-top: 15px !important
}

.m-b-15 {
    margin-bottom: 15px !important
}

.m-l-20 {
    margin-left: 20px !important
}

.m-r-20 {
    margin-right: 20px !important
}

.m-t-20 {
    margin-top: 20px !important
}

.m-b-20 {
    margin-bottom: 20px !important
}

.m-l-25 {
    margin-left: 25px !important
}

.m-r-25 {
    margin-right: 25px !important
}

.m-t-25 {
    margin-top: 25px !important
}

.m-b-25 {
    margin-bottom: 25px !important
}

.m-l-30 {
    margin-left: 30px !important
}

.m-r-30 {
    margin-right: 30px !important
}

.m-t-30 {
    margin-top: 30px !important
}

.m-b-30 {
    margin-bottom: 30px !important
}

.m-l-40 {
    margin-left: 40px !important
}

.m-r-40 {
    margin-right: 40px !important
}

.m-t-40 {
    margin-top: 40px !important
}

.m-b-40 {
    margin-bottom: 40px !important
}

.p-all-0 {
    padding: 0 !important
}

.p-all-10 {
    padding: 10px !important
}

.p-all-20 {
    padding: 20px !important
}

.p-l-0 {
    padding-left: 0 !important
}

.p-r-0 {
    padding-right: 0 !important
}

.p-t-0 {
    padding-top: 0 !important
}

.p-b-0 {
    padding-bottom: 0 !important
}

.p-l-5 {
    padding-left: 5px !important
}

.p-r-5 {
    padding-right: 5px !important
}

.p-t-5 {
    padding-top: 5px !important
}

.p-b-5 {
    padding-bottom: 5px !important
}

.p-l-10 {
    padding-left: 10px !important
}

.p-r-10 {
    padding-right: 10px !important
}

.p-t-10 {
    padding-top: 10px !important
}

.p-b-10 {
    padding-bottom: 10px !important
}

.p-l-15 {
    padding-left: 15px !important
}

.p-r-15 {
    padding-right: 15px !important
}

.p-t-15 {
    padding-top: 15px !important
}

.p-b-15 {
    padding-bottom: 15px !important
}

.p-l-20 {
    padding-left: 20px !important
}

.p-r-20 {
    padding-right: 20px !important
}

.p-t-20 {
    padding-top: 20px !important
}

.p-b-20 {
    padding-bottom: 20px !important
}

.p-l-25 {
    padding-left: 25px !important
}

.p-r-25 {
    padding-right: 25px !important
}

.p-t-25 {
    padding-top: 25px !important
}

.p-b-25 {
    padding-bottom: 25px !important
}

.p-l-30 {
    padding-left: 30px !important
}

.p-r-30 {
    padding-right: 30px !important
}

.p-t-30 {
    padding-top: 30px !important
}

.p-b-30 {
    padding-bottom: 30px !important
}

.p-l-40 {
    padding-left: 40px !important
}

.p-r-40 {
    padding-right: 40px !important
}

.p-t-40 {
    padding-top: 40px !important
}

.p-b-40 {
    padding-bottom: 40px !important
}

.p-l-50 {
    padding-left: 50px !important
}

.p-r-50 {
    padding-right: 50px !important
}

.p-t-50 {
    padding-top: 50px !important
}

.p-b-50 {
    padding-bottom: 50px !important
}

.border-all-none {
    border: none !important
}

.border-left-none {
    border-left: none !important
}

.border-right-none {
    border-right: none !important
}

.border-top-none {
    border-top: none !important
}

.border-bottom-none {
    border-bottom: none !important
}

.d-none {
    display: none
}

.d-block {
    display: block
}

.d-inline {
    display: inline-block
}

.d-flex {
    display: flex
}

.v-hidden {
    visibility: hidden
}

.v-visible {
    visibility: visible
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

small {
    color: rgba(17, 51, 83, .6)
}

button {
    outline: 0 !important;
    border: none;
    background: 0 0
}

button:hover {
    cursor: pointer
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-weight: 600;
    font-style: normal;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: .5rem
}

h1 {
    text-transform: uppercase
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
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,
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 {
    border: 0
}

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-size: 14px;
    line-height: 1.8em;
    font-family: Raleway, Helvetica, sans-serif;
    color: #555;
    position: relative;
    margin: 0
}

a {
    text-decoration: none;
    color: #318025
}

a:hover {
    color: #318025
}

p {
    font-family: Poppins, sans-serif
}

input:focus::-webkit-input-placeholder {
    color: transparent
}

input:focus:-moz-placeholder {
    color: transparent
}

input:focus::-moz-placeholder {
    color: transparent
}

input:focus:-ms-input-placeholder {
    color: transparent
}

textarea:focus::-webkit-input-placeholder {
    color: transparent
}

textarea:focus:-moz-placeholder {
    color: transparent
}

textarea:focus::-moz-placeholder {
    color: transparent
}

textarea:focus:-ms-input-placeholder {
    color: transparent
}

h2 {
    padding: 5px 0 5px 12px;
    border-left: 2px solid #318025;
    letter-spacing: 1px;
    margin-bottom: 20px
}

ul li {
    list-style: none
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-thumb {
    height: 30px;
    background-color: #318025
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.p-r {
    position: relative
}

.p-a {
    position: absolute
}

.p-f {
    position: fixed
}

.fa-heart {
    color: rgba(32, 201, 151, 1);
    font-size: 16px
}

.special-block {
    background-color: #f7f9fc;
    padding: 60px 30px;
    position: relative
}

.special-block::after,
.special-block::before {
    border-style: solid;
    border-width: 2px;
    content: "";
    display: block;
    height: 50px;
    position: absolute;
    width: 50px
}

.special-block::before {
    left: 0;
    top: 0;
    border-color: #318025 transparent transparent #318025
}

.special-block::after {
    bottom: 0;
    right: 0;
    border-color: transparent #318025 #318025 transparent
}

.header {
    position: fixed;
    width: 272px;
    top: 0;
    bottom: 0;
    overflow: auto;
    z-index: 11;
    overflow-x: hidden;
    background-color: #f7f9fc;
    border-right: 1px solid #eee;
    box-shadow: 0 3px 6px 3px rgba(0, 0, 0, .06)
}

.header .header-content {
    position: relative;
    margin: 0 auto;
    min-height: 100%;
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0
}

.profile-picture-block {
    position: relative;
    height: 180px;
    background-size: 400% 400% !important;
    background:#318025
}

.profile-picture-block:after,
.profile-picture-block:before {
    content: '';
    position: absolute;
    left: -25%;
    bottom: -60%;
    width: 100%;
    height: 70%;
    background: #f7f9fc;
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    z-index: 3
}

.profile-picture-block:after {
    left: auto;
    right: -25%;
    transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -o-transform: rotate(-15deg)
}

.my-photo {
    width: 130px;
    height: 130px;
    text-align: center;
    overflow: hidden;
    position: absolute;
    left: 26%;
    z-index: 999;
    padding: 8px;
    background-size: 400% 400% !important;
    top: 15px;
}

.my-photo img {
    height: 100%;
    width: 100%
}

.site-title-block {
    position: relative;
    z-index: 6;
    text-align: center;
    margin-top: 40px
}

.site-title-block .cd-words-wrapper b {
    font-weight: 400 !important
}

.site-title {
    font-size: 22px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.2em;
    color: #333;
    margin: 20px 0 0 0;
    text-transform: uppercase;
    letter-spacing: 1px
}

.site-nav {
    display: block;
    z-index: 999;
    position: absolute;
    width: 100%;
    padding-top: 25px
}

.header-main-menu {
    display: block;
    padding: 0;
    margin: 0
}

.header-main-menu li {
    display: block;
    position: relative;
    padding: 0;
    padding-left: 30px
}

.header-main-menu li a {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.85em;
    color: #333;
    letter-spacing: 0;
    display: block;
    position: relative;
    padding: 10px 20px;
    position: relative;
    text-decoration: none;
    border-radius: 30px 0 0 30px;
    margin-bottom: 8px
}

.header-main-menu li:last-child a {
    margin-bottom: 50px
}

.header-main-menu li a i {
    color: #fff;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-right: 5px;
    background-size: 400% 400% !important;
    background: #318025
}
.header-main-menu li a .icon-div {
    color: #fff;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-right: 5px;
    background-size: 400% 400% !important;
    background: #318025;
    display: inline-block;
}
.header-main-menu li a .icon-div svg{
    fill: #fff;
    width: 16px;
    margin-top: 9px;
}
.header-main-menu li a .icon-div .att-icon{
    margin-top: 7px;
}
.header-main-menu li a:hover svg{
    fill: #318025;
}

.header-main-menu li a.active,
.header-main-menu li a:hover {
    color: #fff;
    background:#318025
}
.header-main-menu li a.active i,
.header-main-menu li a:hover i,
.header-main-menu li a:hover .icon-div,
.header-main-menu li a:active .icon-div {

background-color: #fff;
color: #318025;
}

.header-main-menu li a small {
    position: absolute;
    margin-top: -5px;
    margin-left: 5px;
    color: rgba(32, 201, 151, 1);
    font-size: 10px
}

.responsive-header {
    display: none;
    color: #318025
}

.content-pages {
    height: 100%;
    position: relative;
    margin-left: 272px;
    margin-top: -130px
}



.section-title {
    margin-bottom: 65px;
    padding-top: 20px
}

h1 {
    font-size: 35px
}

.ui-tablet-main {
    position: relative;
    z-index: -1;
    width: 100%;
    max-width: 846px;
    margin: 0 auto;
    padding: 24px 48px;
    border-radius: 30px;
    background-color: #fff;
    box-shadow: 0 16px 81px 17px rgba(0, 0, 0, .1)
}

.ui-tablet-main:after,
.ui-tablet-main:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #e3e3e3
}

.ui-tablet-main:after {
    left: auto;
    right: 12px;
    margin-top: -12px;
    width: 24px;
    height: 24px
}

.ui-tablet-main .ui-tablet-player {
    position: relative;
    padding-top: 56.25%;
    color: #fff;
    background-color: #75737a;
    border-radius: 6px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0)
}

.ui-tablet-main .ui-tablet-player video {
    display: block;
    min-height: calc(100% + 1px);
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.tablet-video-list ul {
    margin: 0 -5px -10px;
    padding: 20px 0 0;
    list-style: none;
    font-size: 0;
    text-align: center
}

.tablet-video-list ul li {
    display: inline-block;
    vertical-align: top;
    padding: 15px;
    margin: 0 5px 10px;
    font-size: 18px;
    line-height: 6px;
    color: #6c757d;
    font-weight: 400;
    border-radius: 6px;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out;
    padding: 21px;
    background: #e1e1e1;
}

.tablet-video-list ul li.active,
.tablet-video-list ul li:hover {
    background:#318025;
    background-size: 400% 400%;
    color: #fff
}

.tablet-video-list ul li.active:hover {
    animation: gradient 8s ease infinite
}

.home-icon {
    font-size: 20px;
    float: left
}

.home-link-txt a {
    color: #333
}

.home-link-txt a:hover {
    color: #318025;
    text-decoration: underline
}

.content-page-inner {
        padding: 40px 20px 0 20px;
}

.video-choose-file {
    width: 100%;
    position: relative;
    background: radial-gradient(ellipse at center, #318025 0, rgba(255, 255, 255, 0) 70%) 25% 60px no-repeat, radial-gradient(ellipse at center, #318025 0, #31802514 70%) 75% -130px no-repeat, radial-gradient(ellipse at center, #31802569 0, #318025 100%);
    border-radius: 14px;
    color: #fff;
    box-shadow: 0 16px 81px 17px rgba(0, 0, 0, .1)
}

.video-choose-file .state {
    min-height: 272px
}

.section-file-area {
    min-height: 272px;
    text-align: center
}

.section-file-area .file-block {
    padding-top: 100px
}

.file-block input[type=file] {
    display: none
}

.file-block label {
    background: #fff;
    padding: 10px 30px;
    border-radius: 30px;
    cursor: pointer;
    font-weight: 700;
    color: #444
}

.label-drop-file {
    font-size: 13px
}

.file-block label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.file-block .drop-file-icon {
    font-size: 60px
}

.video-tag-main {
    position: relative
}

.video-tag-main video {
    max-height: 400px
}

.video-tag-main #canvas-watermark {
    position: absolute;
    top: 0
}

.video-tag-main #canvas-watermark .konvajs-content {
    display: inline-block !important
}

.steps-video-cutter {
    display: flex
}

.steps-video-cutter>div {
    flex: 1
}
.social-links a{
 margin-left: 3px;
}

.steps-video-cutter span {
    color: rgba(32, 201, 151, 1);
    font-size: 10px;
    line-height: 0px;
    font-weight: 600
}
.footer__copyright{
    margin-bottom:0;
}
.video-controls {
    margin: 0 30px;
    position: relative
}

.video-controls .flex-1 {
    flex: 1
}

.play-push-btn {
    display: inline-block;
    cursor: pointer;
    position: relative
}

.play-push-btn .play-push-arrow {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid #fff;
    opacity: 1;
    transition: all .2s
}

.play-push-btn.playing .play-push-arrow {
    width: 12px;
    height: 15px;
    border-left: solid 4px #fff;
    border-right: solid 4px #fff;
    border-top: solid 0 transparent;
    border-bottom: solid 0 transparent;
    box-sizing: border-box
}

.video-controls-btn {
    background: #0000004d;
    width: 80px;
    height: 40px;
    border-radius: 50px;
    transition: background-color .2s;
    color: #fff
}

.video-controls-btn:hover {
    background: #00000080
}

.video-time-input {
    outline: 0;
    padding: 6px 10px;
    height: 40px;
    width: 100px;
    border-radius: 6px;
    border: 2px solid;
    border-color: #0000004d;
    box-shadow: none;
    margin: 0;
    transition: all .2s;
    color: #555
}

.video-time-input:focus {
    border-color: #00000080
}

.save-video-main {
    display: inline-block;
    float: right;
    position: absolute;
    top: 0;
    right: 0
}

.save-video .save-btn,
.save-video-to-audio-btn {
    background: #fff;
    color: #444
}

.save-video .save-btn:hover,
.save-video-to-audio-btn:hover {
    background: #ebebeb
}

.save-btn.disabled {
    background: #ebebe4;
    cursor: no-drop
}

.save-format-select select {
    width: 80px;
    height: 40px;
    border-radius: 50px;
    outline: 0;
    padding-left: 12px;
    color: #555;
    border: unset;
    cursor: pointer
}

.save-format-select select:focus {
    border-radius: 0
}

.btn-quit i {
    font-size: 25px;
    margin-right: 30px;
    opacity: .6;
    transition: opacity .2s;
    cursor: pointer
}

.btn-quit i:hover {
    opacity: 1
}

#slider {
    margin: 0 30px
}

#slider #slider-range .ui-slider-handle {
    outline: 0;
    cursor: e-resize
}

#slider #slider-range #v-range {
    position: absolute;
    display: inline-block;
    z-index: 999;
    width: 100%;
    background: #ccc;
    cursor: pointer
}

#slider #slider-range #v-range .ui-slider-handle.ui-state-default {
    width: 1px;
    height: 24px;
    background: #fff;
    top: -14px;
    cursor: pointer;
    border: none;
    margin: 0
}

#v-range .current-time-play-svg {
    display: block;
    position: absolute;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    white-space: nowrap;
    text-align: center;
    top: 12px;
    left: 1px
}

#v-range .current-time-play {
    display: block;
    position: absolute;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    white-space: nowrap;
    text-align: center;
    top: -3px;
    background: #fff;
    padding: 0 14px;
    border-radius: 30px;
    line-height: 2;
    left: 1px;
    cursor: default
}

#v-range .current-time-play:before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    border: 5px solid #fff;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#v-range .video-total-time {
    margin-top: 8px;
    color: #fff;
    font-weight: 400;
    cursor: default;
    min-width: 100px
}

.alert-dialog-box {
    position: absolute;
    top: 0;
    width: 100%;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.section-dialog-file-error .btn-file-error,
.section-dialog-quit .btn-quit-yes {
    color: #444;
    background: #fff
}

.section-dialog-file-error .btn-file-error:hover,
.section-dialog-quit .btn-quit-yes:hover {
    background: #ebebeb
}

.section-dialog-loading {
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%
}

.section-dialog-loading #download-link-create {
    background: #ffff;
    color: #333;
    padding: 14px 30px;
    border-radius: 30px
}

.section-dialog-loading #download-link-create:hover {
    background: #ebebeb
}

.download-link-main .btn-quit-yes {
    width: 114px;
    height: 45px
}

.loading-cancle-main {
    padding: 0 30px
}

.processing-img-main img {
    width: 72px
}

#progressBar-main-loading {
    background-color: rgba(0, 0, 0, .4);
    border-radius: 50px;
    overflow: hidden
}

#progressBar-loading {
    width: 0%;
    height: 20px;
    background-color: #00000080;
    text-align: center;
    line-height: 22px;
    color: #fff;
    font-size: 10px
}

.checkbox-style-cust {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkbox-style-cust input[type=checkbox]+label {
    cursor: pointer;
    display: inline-block
}

.checkbox-style-cust input[type=checkbox]+label:before {
    content: "\2714";
    border: .15em solid #00000080;
    border-radius: .2em;
    display: inline-block;
    margin-right: .6em;
    transition: .2s;
    color: transparent;
    padding: 0 6px
}

.checkbox-style-cust input[type=checkbox]+label:active:before {
    transform: scale(0)
}

.checkbox-style-cust input[type=checkbox]:checked+label:before {
    background-color: #00000080;
    border-color: #00000080;
    color: #fff
}

.checkbox-style-cust input[type=checkbox]:disabled+label:before {
    transform: scale(1);
    border-color: #aaa
}

.checkbox-style-cust input[type=checkbox]:checked:disabled+label:before {
    transform: scale(1);
    background-color: #00000080;
    border-color: #00000080
}

.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left
}

.cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0
}

.cd-words-wrapper b.is-visible {
    position: relative
}

.no-js .cd-words-wrapper b {
    opacity: 0
}

.no-js .cd-words-wrapper b.is-visible {
    opacity: 1
}

.cd-headline.clip span {
    display: inline-block;
    padding: .2em 0
}

.cd-headline.clip .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top
}

.cd-headline.clip .cd-words-wrapper::after {
    content: '';
    position: absolute;
    top: 10%;
    right: 0;
    width: 2px;
    height: 70%;
    background-color: #aebcb9
}

.cd-headline.clip b {
    opacity: 0
}

.cd-headline b.is-visible {
    opacity: 1;
    font-weight: 700
}

.facebook-bg {
    background-color: #1778f2
}

#share-btn-all>.btn-main>span.facebook-color {
    color: #1778f2
}

.twitter-bg {
    background-color: #1da1f2
}

#share-btn-all>.btn-main>span.twitter-color {
    color: #1da1f2
}

.googleplus-bg {
    background-color: #dc4e41
}

#share-btn-all>.btn-main>span.googleplus-color {
    color: #dc4e41
}

.ok-bg {
    background-color: #f7931f
}

#share-btn-all>.btn-main>span.ok-color {
    color: #f7931f
}

.whatsapp-bg {
    background-color: #25d366
}

#share-btn-all>.btn-main>span.whatsapp-color {
    color: #25d366
}

.linkedin-bg {
    background-color: #0077b5
}

#share-btn-all>.btn-main>span.linkedin-color {
    color: #0077b5
}

.pinterest-bg {
    background-color: #bd081c
}

#share-btn-all>.btn-main>span.pinterest-color {
    color: #bd081c
}

.reddit-bg {
    background-color: #ff4500
}

#share-btn-all>.btn-main>span.reddit-color {
    color: #ff4500
}

#share-btn-all {
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    backface-visibility: hidden;
    display: block;
    position: fixed;
    opacity: 1;
    text-align: left;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999;
    right: 0
}

#share-btn-all div {
    clear: right;
    float: right;
    box-shadow: 0 3px 6px 3px rgba(0, 0, 0, .06)
}

.btn-main {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    border: none;
    cursor: pointer;
    display: inline-block;
    height: 48px;
    line-height: 24px;
    margin-bottom: 0;
    opacity: 1;
    overflow: hidden;
    padding: 12px;
    position: relative;
    text-align: left;
    top: 0;
    vertical-align: top;
    white-space: nowrap;
    width: 48px
}

.btn-main.transparent-bg,
.btn-main.white-bg {
    border: solid 1px #ccc
}

.btn-main.white-bg {
    background-color: #fff
}

.btn-main.transparent-bg {
    background-color: transparent
}

#share-btn-all .btn-main:hover {
    width: 120px
}

#share-btn-all>.btn-main>svg {
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    height: 24px;
    margin-left: 0;
    vertical-align: top;
    width: 24px
}

#share-btn-all .btn-main:hover>svg {
    margin-left: 5px
}

#share-btn-all>.btn-main>span {
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    left: -35px;
    letter-spacing: .5px;
    opacity: 0;
    padding: 0 6px;
    position: relative;
    vertical-align: top
}

#share-btn-all>.btn-main:hover>span {
    opacity: 1;
    display: inline-block;
    left: 0
}

.scroll-down-main {
    position: fixed;
    left: 12px;
    bottom: 50px;
    z-index: 9
}

.scroll-down-inner span {
    width: 14px;
    height: 14px;
    display: block;
    border-right: 2px solid #444;
    border-bottom: 2px solid #444;
    transform: rotate(45deg);
    animation: scroll_down_animate 2s infinite
}

.scroll-down-inner span:nth-child(2) {
    animation-delay: -.2s
}

.scroll-down-inner span:nth-child(3) {
    animation-delay: -.4s
}

@keyframes scroll_down_animate {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1;
        transform: rotate(45deg) translate(10px, 10px)
    }
    100% {
        opacity: 0
    }
}

.scroll-down-main-bold {
    position: fixed;
    left: 12px;
    bottom: 60px
}

.scroll-down-bold-inner {
    position: relative;
    width: 24px;
    height: 24px
}

.chevron {
    position: absolute;
    width: 20px;
    height: 5px;
    opacity: 0;
    transform: scale3d(.5, .5, .5);
    animation: scroll_down_move 3s ease-out infinite
}

.chevron:first-child {
    animation: scroll_down_move 3s ease-out 1s infinite
}

.chevron:nth-child(2) {
    animation: scroll_down_move 3s ease-out 2s infinite
}

.chevron:after,
.chevron:before {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #444
}

.chevron:before {
    left: 0;
    transform: skew(0deg, 30deg)
}

.chevron:after {
    right: 0;
    width: 50%;
    transform: skew(0deg, -30deg)
}

@keyframes scroll_down_move {
    25% {
        opacity: 1
    }
    33% {
        opacity: 1;
        transform: translateY(30px)
    }
    67% {
        opacity: 1;
        transform: translateY(40px)
    }
    100% {
        opacity: 0;
        transform: translateY(55px) scale3d(.5, .5, .5)
    }
}

.contact-form .contact-left-img {
    flex: 0 0 40%
}

.contact-form .contact-left-img img {
    width: 100%
}

.contact-form .contact-right-form {
    flex: 0 0 60%
}

.styled-input .set-input-txt~label,
.styled-input input:focus~label,
.styled-input textarea:focus~label {
    font-size: .75em;
    color: #999;
    top: -5px;
    -webkit-transition: all 225ms ease;
    transition: all 225ms ease
}

.styled-input {
    position: relative
}

.styled-input label {
    position: absolute;
    top: 14px;
    left: 0;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    pointer-events: none
}

.contact-right-form input,
.contact-right-form textarea {
    padding: 1.3rem 2px 1rem 2px;
    border: 0;
    border-bottom: 1px solid #ddd;
    outline: 0 !important;
    width: 100%;
    resize: none;
    font-family: Poppins, sans-serif
}

.contact-msg-main {
    height: 150px
}

.contact-msg-main textarea {
    height: 100%
}

.contact-right-form .contact-us-form-btn {
    color: #fff;
    font-weight: 700;
    font-size: 14px !important;
    border-radius: 100px;
    background-size: 400% 400% !important;
    cursor: pointer;
    padding: 16px;
    width: 100%;
    background: #318025;
}

.contact-right-form .contact-us-form-btn:hover {
    animation: gradient 8s ease infinite
}

@keyframes gradient {
    0%,
    100% {
        background-position: 0 20%
    }
    50% {
        background-position: 100% 80%
    }
}

.contact-info .contact-icon {
    width: 72px
}

.contact-info .contact-icon i {
    background: #318025;
    font-size: 28px;
    width: 60px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    color: #fff;
    border-radius: 100%;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, .05);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-size: 400% 400% !important
}

.contact-info:hover .contact-icon i {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 12px 17px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 12px 17px rgba(0, 0, 0, .12);
    -o-box-shadow: 0 12px 17px rgba(0, 0, 0, .12);
    box-shadow: 0 12px 17px rgba(0, 0, 0, .12)
}

.styled-input .focus-contact-us-input {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

.styled-input .focus-contact-us-input::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s;
    background: #318025
}

.styled-input.contact-msg-main .focus-contact-us-input::before {
    height: 1px
}

.styled-input .contact-us-input:focus~.focus-contact-us-input::before {
    width: 100%
}

#show-contact-msg.danger {
    color: #a94442;
    background-color: #f2dede
}

#show-contact-msg.success {
    color: #155724;
    background-color: #d4edda
}

#show-contact-msg {
    border-radius: 25px;
    position: relative;
    padding: .75rem 1.25rem;
    font-weight: 500
}

.alert-validate::before {
    content: attr(data-validate);
    position: absolute;
    max-width: 70%;
    background-color: #fff;
    border: 1px solid #c80000;
    border-radius: 2px;
    padding: 4px 25px 4px 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 2px;
    pointer-events: none;
    color: #c80000;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s
}

.alert-validate::after {
    content: "\f05a";
    font-family: 'Font Awesome 5 Free';
    display: block;
    position: absolute;
    color: #c80000;
    font-size: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 8px;
    font-weight: 600
}

.alert-validate:hover:before {
    visibility: visible;
    opacity: 1
}

.contact-us-form .recaptcha-error {
    font-size: 12px;
    color: #c80000
}

.social-media-link ul {
    display: inline-block;
    margin-bottom: 0
}

.social-media-links a,
.social-media-links li {
    display: inline-block;
    margin-bottom: 5px
}

.social-media-links a {
    font-size: 20px;
    width: 50px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 100%;
    margin-right: 15px;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, .05);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-size: 400% 400% !important
}

.social-media-links a:hover {
    background: #318025;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 12px 17px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 12px 17px rgba(0, 0, 0, .12);
    -o-box-shadow: 0 12px 17px rgba(0, 0, 0, .12);
    box-shadow: 0 12px 17px rgba(0, 0, 0, .12);
    color: #fff
}

footer {
    background-size: 400% 400% !important;
    background: #318025;
    display: inline-block;
    color: #fff;
    width: 100%;
    min-height: 72px
}

footer .footer-inner {
    margin-left: 272px;
    margin-top: 25px;
    padding: 0 20px 0 20px;
    text-align: right;
}

.footer__copyright .opacity {
    opacity: .8
}

.footer__copyright a {
    color: #fff;
    opacity: 1
}

.footer__copyright a:hover {
    text-decoration: underline
}

.footer-inner .footer__copyright .opacity {
    color: #fff;
    font-size: unset;
    font-weight: unset
}

.footer-inner .social-links i {
    font-size: 2em;
    color: #fff
}

.footer-bubble-main {
    overflow: hidden;
    padding-top: 130px;
    margin-left: 260px
}

.top-bubble-main {
    overflow: hidden;
    padding-top: 130px;
    transform: rotate(180deg);
    width: 100%
}

.top-main {
    z-index: 1;
    background: #318025;
    display: grid;
    position: relative;
    grid-area: footer
}

.top-main .top-bubbles {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1rem;
    background: #318025;
    -webkit-filter: url(#top-blob);
    filter: url(#top-blob)
}

.top-main .top-bubbles .top-bubble {
    position: absolute;
    left: var(--position, 50%);
    background: #318025;
    border-radius: 100%;
    -webkit-animation: bubble-size var(--time, 4s) ease-in infinite var(--delay, 0s), bubble-move var(--time, 4s) ease-in infinite var(--delay, 0s);
    animation: bubble-size var(--time, 4s) ease-in infinite var(--delay, 0s), bubble-move var(--time, 4s) ease-in infinite var(--delay, 0s);
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.top-main .top-bubbles .top-bubble.t-b-1 {
    --size: 3.7742744642555195rem;
    --distance: 8.72366202589507rem;
    --position: 81.87469831227587%;
    --time: 2.3692200414021842s;
    --delay: -3.644502749916556s
}

.top-main .top-bubbles .top-bubble.t-b-2 {
    --size: 2.233532177780602rem;
    --distance: 9.04583432324527rem;
    --position: 79.22032277270108%;
    --time: 2.4856029102161497s;
    --delay: -2.672584085297583s
}

.top-main .top-bubbles .top-bubble.t-b-3 {
    --size: 4.391147378215967rem;
    --distance: 9.775602128932782rem;
    --position: 100.92334673964324%;
    --time: 2.3051230046505147s;
    --delay: -2.094508617657784s
}

.top-main .top-bubbles .top-bubble.t-b-4 {
    --size: 2.787235378127rem;
    --distance: 8.124659351464386rem;
    --position: 30.029484092711087%;
    --time: 3.3478614424063062s;
    --delay: -3.56962571994374s
}

.top-main .top-bubbles .top-bubble.t-b-5 {
    --size: 3.0208769495993035rem;
    --distance: 8.546896790366219rem;
    --position: 0.22918565772661825%;
    --time: 2.472843664652162s;
    --delay: -3.653550000551707s
}

.top-main .top-bubbles .top-bubble.t-b-6 {
    --size: 5.874736946615693rem;
    --distance: 7.926502027893003rem;
    --position: 34.06518902028715%;
    --time: 2.4369662809265096s;
    --delay: -2.894035182010224s
}

.top-main .top-bubbles .top-bubble.t-b-7 {
    --size: 5.325800592273524rem;
    --distance: 8.936869850426703rem;
    --position: 6.074816618709939%;
    --time: 2.1377288628154907s;
    --delay: -3.353149096343896s
}

.top-main .top-bubbles .top-bubble.t-b-8 {
    --size: 2.0511139121620605rem;
    --distance: 6.520119281345361rem;
    --position: 89.50386670087518%;
    --time: 2.442425377494901s;
    --delay: -2.172216851707093s
}

.top-main .top-bubbles .top-bubble.t-b-9 {
    --size: 3.3130881938797474rem;
    --distance: 7.955348618057584rem;
    --position: -0.11050624416889754%;
    --time: 2.938223122165434s;
    --delay: -3.5592435944541405s
}

.top-main .top-bubbles .top-bubble.t-b-10 {
    --size: 2.4805342263293557rem;
    --distance: 8.648787705096918rem;
    --position: -0.6000237254210816%;
    --time: 3.125937418462634s;
    --delay: -3.24015755365869s
}

.top-main .top-bubbles .top-bubble.t-b-11 {
    --size: 5.124480509447665rem;
    --distance: 6.966465169578106rem;
    --position: 56.89421584180743%;
    --time: 2.5605237203699547s;
    --delay: -3.5159309896893953s
}

.top-main .top-bubbles .top-bubble.t-b-12 {
    --size: 2.184821091770539rem;
    --distance: 7.313560513616946rem;
    --position: 4.509497107066725%;
    --time: 3.8138721666456936s;
    --delay: -3.2195709473681586s
}

.top-main .top-bubbles .top-bubble.t-b-13 {
    --size: 3.24159104487288rem;
    --distance: 8.894939815417029rem;
    --position: 15.514178771119077%;
    --time: 3.6764518312659424s;
    --delay: -3.2458949010075826s
}

.top-main .top-bubbles .top-bubble.t-b-14 {
    --size: 4.655378759085422rem;
    --distance: 8.235707055487044rem;
    --position: 9.034313390137484%;
    --time: 3.3424839130921797s;
    --delay: -2.1140195213077595s
}

.top-main .top-bubbles .top-bubble.t-b-15 {
    --size: 3.3159246203781922rem;
    --distance: 8.647005745344627rem;
    --position: 76.30691697295183%;
    --time: 3.088850603060833s;
    --delay: -2.885413735668111s
}

.top-main .top-bubbles .top-bubble.t-b-16 {
    --size: 2.08898921013473rem;
    --distance: 8.873790336701827rem;
    --position: 10.16216191537744%;
    --time: 3.8236180509669295s;
    --delay: -2.132679978335728s
}

.top-main .top-bubbles .top-bubble.t-b-17 {
    --size: 5.917449034442472rem;
    --distance: 7.730951551946626rem;
    --position: 21.24541752626609%;
    --time: 3.3209264192548393s;
    --delay: -2.5636591602636774s
}

.top-main .top-bubbles .top-bubble.t-b-18 {
    --size: 3.6940582619817386rem;
    --distance: 9.906866214507945rem;
    --position: 21.117301299944554%;
    --time: 2.7796740176786976s;
    --delay: -3.1972823894283544s
}

.top-main .top-bubbles .top-bubble.t-b-19 {
    --size: 3.811776521404159rem;
    --distance: 8.991973581806143rem;
    --position: 18.590353814664244%;
    --time: 3.1582110833752886s;
    --delay: -2.786803007988525s
}

.top-main .top-bubbles .top-bubble.t-b-20 {
    --size: 5.904060643604361rem;
    --distance: 8.772276210690839rem;
    --position: 67.49746499902733%;
    --time: 3.0750242719122993s;
    --delay: -2.6797255702456173s
}

.top-main .top-bubbles .top-bubble.t-b-21 {
    --size: 2.5500047648672552rem;
    --distance: 8.821747215171388rem;
    --position: 8.060262109558069%;
    --time: 2.9933656858823254s;
    --delay: -2.3702311955458697s
}

.top-main .top-bubbles .top-bubble.t-b-22 {
    --size: 3.308019936257929rem;
    --distance: 8.197412358720516rem;
    --position: 98.23898464134018%;
    --time: 3.9822704031678366s;
    --delay: -2.4361684011777123s
}

.top-main .top-bubbles .top-bubble.t-b-23 {
    --size: 4.570493012192426rem;
    --distance: 7.244189676698828rem;
    --position: 81.66955271115015%;
    --time: 3.7485233618805087s;
    --delay: -3.616210824093983s
}

.top-main .top-bubbles .top-bubble.t-b-24 {
    --size: 5.4375934291854096rem;
    --distance: 7.150831810080611rem;
    --position: 99.0645804251211%;
    --time: 3.774469322568271s;
    --delay: -3.8396766225820933s
}

.top-main .top-bubbles .top-bubble.t-b-25 {
    --size: 2.642160234012535rem;
    --distance: 6.968678469575841rem;
    --position: 51.54894354299644%;
    --time: 3.6605497465609345s;
    --delay: -2.543599828274679s
}

.top-main .top-bubbles .top-bubble.t-b-26 {
    --size: 5.370597654203785rem;
    --distance: 7.7756196802153745rem;
    --position: 78.73959814769022%;
    --time: 2.3677976377153533s;
    --delay: -2.000785006007781s
}

.top-main .top-bubbles .top-bubble.t-b-27 {
    --size: 3.7546865436873036rem;
    --distance: 7.073509303201106rem;
    --position: 47.263674972403706%;
    --time: 3.4062050573502756s;
    --delay: -2.1698925213912066s
}

.top-main .top-bubbles .top-bubble.t-b-28 {
    --size: 3.1757226810752623rem;
    --distance: 7.703769153619904rem;
    --position: 51.39583371237259%;
    --time: 2.3782107564068915s;
    --delay: -3.961968255536229s
}

.top-main .top-bubbles .top-bubble.t-b-29 {
    --size: 5.287292464787736rem;
    --distance: 7.225252914169502rem;
    --position: 94.48675826941319%;
    --time: 2.8459939517690076s;
    --delay: -2.3958835083512597s
}

.top-main .top-bubbles .top-bubble.t-b-30 {
    --size: 5.650461083687426rem;
    --distance: 6.775801409618215rem;
    --position: 75.9903046664387%;
    --time: 3.0119168800142395s;
    --delay: -3.962074445477709s
}

.top-main .top-bubbles .top-bubble.t-b-31 {
    --size: 3.003663163497282rem;
    --distance: 6.4734109069605115rem;
    --position: 92.53929800341287%;
    --time: 3.6839778278321944s;
    --delay: -2.967837466662884s
}

.top-main .top-bubbles .top-bubble.t-b-32 {
    --size: 4.163156227112616rem;
    --distance: 9.63795433477572rem;
    --position: 96.47744767275059%;
    --time: 3.9954910268115076s;
    --delay: -3.7670951301777253s
}

.top-main .top-bubbles .top-bubble.t-b-33 {
    --size: 3.2198214026989893rem;
    --distance: 8.789679686308514rem;
    --position: 13.782703748630091%;
    --time: 3.7049913156267844s;
    --delay: -2.570363424556034s
}

.top-main .top-bubbles .top-bubble.t-b-34 {
    --size: 4.367757861610318rem;
    --distance: 6.553007285549025rem;
    --position: 81.18341777812407%;
    --time: 2.9199716568194325s;
    --delay: -3.350822446703252s
}

.top-main .top-bubbles .top-bubble.t-b-35 {
    --size: 4.692677641075542rem;
    --distance: 6.641715599453386rem;
    --position: 30.16608172727534%;
    --time: 2.7555584118545404s;
    --delay: -2.992619406266746s
}

.top-main .top-bubbles .top-bubble.t-b-36 {
    --size: 4.787965026989214rem;
    --distance: 9.045192986150889rem;
    --position: 27.84401874203885%;
    --time: 3.299564440618965s;
    --delay: -2.867261205866554s
}

.top-main .top-bubbles .top-bubble.t-b-37 {
    --size: 4.806076628092555rem;
    --distance: 8.916828897736764rem;
    --position: 0.8804022447416564%;
    --time: 2.0538266221786805s;
    --delay: -2.0172295627544803s
}

.top-main .top-bubbles .top-bubble.t-b-38 {
    --size: 3.2178539402422333rem;
    --distance: 6.3975719512108284rem;
    --position: 54.73853798029899%;
    --time: 2.4921260385814636s;
    --delay: -2.7304922011404837s
}

.top-main .top-bubbles .top-bubble.t-b-39 {
    --size: 3.80984316165428rem;
    --distance: 7.334360242039469rem;
    --position: 5.00486692455979%;
    --time: 2.717234926386347s;
    --delay: -2.9935872571234636s
}

.top-main .top-bubbles .top-bubble.t-b-40 {
    --size: 5.195672188645556rem;
    --distance: 7.866816170868393rem;
    --position: 38.83127751975916%;
    --time: 2.15274957358172s;
    --delay: -3.5876915262146567s
}

.top-main .top-bubbles .top-bubble.t-b-41 {
    --size: 5.226869630019091rem;
    --distance: 9.346544179041079rem;
    --position: 45.47724862858081%;
    --time: 2.487361098058528s;
    --delay: -3.3710906816120105s
}

.top-main .top-bubbles .top-bubble.t-b-42 {
    --size: 4.442113622962372rem;
    --distance: 6.124896854138206rem;
    --position: 68.62134322414539%;
    --time: 2.1416013702861565s;
    --delay: -3.255794487032087s
}

.top-main .top-bubbles .top-bubble.t-b-43 {
    --size: 5.96973254713131rem;
    --distance: 9.46716952760401rem;
    --position: 26.51100995318862%;
    --time: 3.4736949665310157s;
    --delay: -2.9546420564809206s
}

@-webkit-keyframes bubble-size {
    0%,
    75% {
        width: var(--size, 4rem);
        height: var(--size, 4rem)
    }
    100% {
        width: 0;
        height: 0
    }
}

@keyframes bubble-size {
    0%,
    75% {
        width: var(--size, 4rem);
        height: var(--size, 4rem)
    }
    100% {
        width: 0;
        height: 0
    }
}

@-webkit-keyframes bubble-move {
    0% {
        bottom: -4rem
    }
    100% {
        bottom: var(--distance, 10rem)
    }
}

@keyframes bubble-move {
    0% {
        bottom: -4rem
    }
    100% {
        bottom: var(--distance, 10rem)
    }
}

.svg-404 {
    width: 380px;
    height: 500px
}

.message-box-404 {
    margin-top: 140px
}

.message-box-404 h1 {
    font-size: 60px;
    line-height: 46px;
    margin-bottom: 40px
}

.message-box-404 .buttons-con .action-link-wrap {
    margin-top: 40px
}

.message-box-404 .buttons-con .action-link-wrap a {
    color: #fff;
    font-weight: 700;
    font-size: 14px !important;
    border-radius: 100px;
    background-size: 400% 400% !important;
    cursor: pointer;
    padding: 16px 20px;
    width: 100%;
    background: linear-gradient(135deg, #318025, #3180258c, #318025, #31802559, #31802582);
}

.message-box-404 .buttons-con .action-link-wrap a:hover {
    animation: gradient 8s ease infinite
}

#Polygon-1,
#Polygon-2,
#Polygon-3,
#Polygon-4,
#Polygon-5 {
    animation: float 1s infinite ease-in-out alternate
}

#Polygon-2 {
    animation-delay: .2s
}

#Polygon-3 {
    animation-delay: .4s
}

#Polygon-4 {
    animation-delay: .6s
}

#Polygon-5 {
    animation-delay: .8s
}

@keyframes float {
    100% {
        transform: translateY(20px)
    }
}

@media (max-width:1040px) {
/*    body {
        padding-bottom: 45px
    }*/
    #share-btn-all {
        bottom: 0;
        display: flex;
        left: 0;
        right: 0;
        top: auto;
        width: 100%;
        left: 0;
        -webkit-transform: translateY(0)
    }
    #share-btn-all>div {
        -moz-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        clear: none;
        flex: 1;
        float: none
    }
    #share-btn-all .btn-main {
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
        text-align: center;
        width: auto
    }
    #share-btn-all .btn-main>span {
        display: none !important
    }
    #share-btn-all .btn-main:hover>svg {
        margin-left: 0
    }
    .btn-main.transparent-bg {
        background-color: #fff
    }
    .profile-picture-block {
        height: 120px
    }
    .header-main-menu li a {
        margin-bottom: 5px
    }
    .site-nav {
        padding: 10px 0 40px
    }
    .my-photo {
        left: 34%;
        width: 80px;
        height: 80px
    }
    .site-title {
        font-size: 24px
    }
    .content-page-inner {
        padding: 25px 20px;
        margin-left: 0
    }
    .content-pages {
        top: 72px;
        bottom: 0;
        width: 100%;
        height: auto;
        margin: 0;
        border: 0;
        margin-bottom: 72px;
        overflow-x: hidden
    }
    .header-main-menu {
        display: block;
        float: none;
        margin: 0
    }
    .header-main-menu li {
        display: block;
        text-align: left;
        float: none;
        width: 100%;
        margin: 0
    }
    .header-main-menu .sub-menu {
        margin: 0;
        padding-left: 15px
    }
    .header-main-menu+.header-main-menu>li:first-child {
        margin-left: 0
    }
    .header .header-content {
        padding-top: 0;
        position: absolute;
        top: 0;
        right: 0;
        left: 0
    }
    .responsive-header {
        top: 0;
        height: 72px;
        position: fixed;
        background: #fff;
        z-index: 9999;
        width: 100%;
        padding: 14px;
        display: block;
        box-shadow: 0 3px 6px 3px rgba(0, 0, 0, .06)
    }
    .responsive-header-name {
        font-size: 16px;
        font-weight: 500
    }
    img.responsive-logo {
        width: 80px;
        vertical-align: middle;
        margin-top: -10px;
    }
    .header {
        display: block;
        position: fixed;
        left: -285px;
        top: 65px;
        width: 285px;
        height: 100%;
        z-index: 9999;
        box-shadow: 5px 0 5px -5px rgba(35, 34, 34, .19)
    }
    .responsive-header .responsive-icon {
        position: absolute;
        top: 0;
        font-size: 25px;
        padding: 23px;
        right: 0
    }
    .profile-picture-block:after {
        right: -18%
    }
    .profile-picture-block:before {
        left: -18%
    }
    .scroll-down-main {
        display: none
    }
    .top-bubble-main {
        display: none
    }
    .footer-bubble-main {
        margin-left: 0
    }
    .footer-bubble-main .m-hide {
        display: none
    }
    footer .footer-inner {
        margin-left: 0
    }
    .section-title {
        margin-bottom: 40px;
        padding-top: 40px
    }
    .special-block {
        padding: 50px 15px
    }
}

@media (max-width:992px) {
    .alert-validate::before {
        visibility: visible;
        opacity: 1
    }
}

@media only screen and (max-width:768px) {
    h1 {
        font-size: 28px
    }
    h4 {
        font-size: 24px
    }
    .ui-tablet-main {
        padding: 20px 40px;
        border-radius: 20px
    }
    .ui-tablet-main .ui-tablet-player {
        border-radius: 5px
    }
    .ui-tablet-main:before {
        left: 16px
    }
    .ui-tablet-main:after {
        right: 8px
    }
    .ui-tablet-player center iframe{
        width: 500px;
        height: 290px;
    }
}

@media only screen and (max-width:650px) {
    .video-tag-main video {
        width: 85%
    }
    #slider {
        margin: 0 20px
    }
    .video-controls {
        margin: 0 10px
    }
    .current-time-main {
        display: none
    }
    button.video-controls-btn.m-l-5 {
        margin-left: 0 !important
    }
    .duration-main.flex-1 {
        flex: 2;
        text-align: right
    }
    .save-video-main {
        position: unset;
        float: unset;
        margin-top: 8px
    }
    .video-control-btn-main {
        display: unset !important
    }
    #end-time-btn {
        margin-top: 10px
    }
    .btn-quit i {
        font-size: 20px;
        margin-right: 20px
    }
    .steps-video-cutter {
        display: unset
    }
    .contact-form .contact-left-img {
        display: none
    }
    .contact-form .contact-right-form {
        flex: 1;
        padding-left: 0 !important
    }
    .tablet-video-list ul li {
        padding: 14px;
        min-width: unset
    }
    .message-box-404 {
        margin-top: 0
    }
    .svg-404 {
        width: 272px
    }
    footer .footer-inner{
        margin-top: 0;
        padding: 0px 20px;
        text-align: center;
        
    }
    footer .footer-inner .social-links {
        margin-top: 30px;
        text-align: center !important
    }
    .ui-tablet-player center iframe{
        width: 300px;
    height: 170px;
    }
    .footer-inner .text-right{
        text-aling: center;
    
    }
}

.ui-tablet-player center iframe{
    border-radius: 5px;
    box-shadow: 3px 6px 15px 2px #0000008f;
}