@import url('bootstrap-theme.min.css');
body {
    font-weight: 100%;
    height: 100%;
    overflow-x: hidden;
    letter-spacing: .2px;
    box-sizing: border-box;
}

p,
span,
input,
button,
textarea,
li,
a {
    font-family: "Lora", serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Oswald", serif;
}

.clearfix {
    clear: both
}

.sitemap {
    margin: 23px 66px
}

.sitemap ul li {
    list-style: square;
    padding: 5px 0;
    font-size: 15px;
    font-weight: 300
}

.about1 {
    background: linear-gradient(rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.58)), url(https://www.mobilecompactorsystem.com/public/images/about.jpg);
    background-size: cover;
    padding: 241px 0 100px 0;
    background-position: 50% 50%
}

.inner-banner2.clearfix.about {
    text-align: center
}

.container-section a {
    position: absolute;
    width: 27%;
    background: #fff;
    color: #000;
    border: 1px solid #000;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    padding: 10px
}

.container-section {
    height: 300px;
    margin: 90px auto
}

.container-section ul li {
    border: 1px solid #fff
}

.m0 {
    margin: 0 !important
}

.mt30 {
    margin-top: 30px
}

.p0 {
    padding: 0 !important
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none
}

.btn {
    background: #7fc435;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 0 40px;
    line-height: 48px;
    text-transform: uppercase
}

.btn0 {
    background: #ffba00;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 0 40px;
    line-height: 48px;
    text-transform: uppercase;
    margin: 0 20px 0 0
}

.btn2 {
    color: #000;
    background: #f8d24b
}

a,
.btn,
button {
    text-decoration: none;
    outline: 0;
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0
}

a:hover,
a:focus,
.btn:hover,
.btn:focus,
button:hover,
button:focus {
    text-decoration: none;
    outline: 0
}

section.row,
header.row,
footer.row {
    position: relative
}

.thm-container {
    max-width: 1170px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.four_arrow_hover_box {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    opacity: 0;
    border: 7px solid rgba(3, 137, 158, 0.6);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0
}

.four_arrow_hover_box .arrows {
    border: 1px solid #fff;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.four_arrow_hover_box .arrows span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(3, 137, 158, 0.6)
}

.four_arrow_hover_box .arrows:before,
.four_arrow_hover_box .arrows:after {
    content: '';
    display: block;
    position: absolute
}

.four_arrow_hover_box .arrows:before {
    border-top: 1px solid rgba(3, 137, 158, 0.6);
    border-bottom: 1px solid rgba(3, 137, 158, 0.6);
    top: -1px;
    bottom: -1px;
    left: 16px;
    right: 16px
}

.four_arrow_hover_box .arrows:after {
    border-left: 1px solid rgba(3, 137, 158, 0.6);
    border-right: 1px solid rgba(3, 137, 158, 0.6);
    left: -1px;
    right: -1px;
    top: 16px;
    bottom: 16px
}

.accrodion {
    border: 1px solid #d7d7d7;
    background: #fff;
    margin-bottom: 10px
}

.accrodion:last-child {
    margin-bottom: 0
}

.accrodion.active .accrodion-title {
    background: #019bb3
}

.accrodion.active .accrodion-title h4 {
    color: #fff
}

.accrodion.active .accrodion-title:after {
    content: '-';
    font-size: 40px;
    line-height: 38px;
    color: #fff
}

.accrodion .accrodion-title {
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    padding-right: 30px
}

.accrodion .accrodion-title:after {
    content: '+';
    font-weight: normal;
    color: #898989;
    font-size: 23px;
    position: absolute;
    top: 0;
    right: 20px;
    line-height: 46px
}

.accrodion .accrodion-title h4 {
    color: #242424;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    line-height: 46px;
    letter-spacing: .04em;
    margin: 0
}

.accrodion .accrodion-content {
    padding-left: 30px;
    padding-top: 19px;
    padding-bottom: 30px
}

.accrodion .accrodion-content h3,
.accrodion .accrodion-content h4 {
    margin: 0;
    color: #242424;
    margin-bottom: 15px
}

.accrodion .accrodion-content p {
    font-size: 14px;
    color: #898989;
    line-height: 24px;
    margin: 0;
    margin-bottom: 20px
}

.accrodion .accrodion-content ul {
    margin-top: 19px
}

.accrodion .accrodion-content ul li {
    font-size: 14px;
    line-height: 15px;
    color: #898989;
    margin-bottom: 8px
}

.accrodion .accrodion-content ul li:last-child {
    margin-bottom: 0
}

.accrodion .accrodion-content ul li:before {
    content: '\f105';
    font-family: 'FontAwesome';
    color: #898989;
    margin-right: 15px
}

.accrodion .accrodion-content .img-caption .img-box,
.accrodion .accrodion-content .img-caption .content-box {
    display: table-cell;
    vertical-align: top
}

.accrodion .accrodion-content .img-caption .img-box {
    width: 143px
}

.accrodion .accrodion-content .img-caption .content-box {
    padding-left: 25px
}

.accrodion .accrodion-content .img-caption .content-box p {
    margin-bottom: 0
}

.image_hover:after {
    position: absolute;
    content: '';
    opacity: 0;
    background: #000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .3s ease-out
}

.image_hover:focus:after,
.image_hover:hover:after {
    opacity: 1
}

.image_hover:hover:after {
    opacity: .5
}

.zoom_img_effect {
    position: relative;
    transition: all .3s ease-out
}

.image_hover:hover .zoom_img_effect {
    -webkit-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0)
}

.wel-band {
    background: #093660;
    font: 300 1em/1em "Open Sans", sans-serif;
    color: #6e6e6e
}

.wel-band-bg {
    overflow: hidden;
    padding: 1.075em 0;
    background-size: cover
}

.wel-band-bg p {
    font: 400 1.1em/1em "Open Sans", sans-serif;
    margin: 0;
    padding: 0
}

.top-w-text p {
    font: 400 1.1em/1em "Open Sans", sans-serif;
    margin: 0;
    padding: 0;
    color: #fff
}

.wel-band .right {
    text-align: right
}

.logo {
    text-align: left
}

.logo-sec {
    padding-top: 25px;
    padding-bottom: 25px
}

.t-logo {
    text-align: center;
    padding-bottom: 0
}

.logo-sec img {
    display: inline-block
}

.touch_top {
    float: left;
    padding: 8px 0;
    width: 100%
}

.touch_top ul .item {
    padding: 0;
    float: right
}

.touch_top ul .item:last-child {
    border-right: 1px solid #d8d8d8
}

.touch_top ul .item-ad {
    width: 50%;
    padding: 0
}

.touch_top ul .item-phone {
    width: 51%;
    padding: 0 0 0 4%
}

.touch_top ul .item .media .media-left a i {
    font-size: 2em;
    color: #6ba70f
}

.media-body {
    text-align: left
}

.media-body p {
    text-align: left;
    color: #232932;
    padding: 0;
    margin: 0;
    font: 400 1.072em/0.8em "Open Sans", sans-serif
}

.media-body p span {
    color: #9692a0;
    font-size: 1em;
    line-height: 1.7em
}

.media-body p span a {
    color: #9692a0
}

.media-body p span a:hover {
    color: #55860c
}

.touch_top .nav {
    margin: 0
}

.widget-search {
    float: right;
    padding: 8px 0
}

.widget .search-form .form-control {
    height: 37px;
    border-radius: 0;
    border: 0;
    font: 1em/1em "Open Sans", sans-serif;
    padding: 0 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: silver;
    z-index: 0
}

.widget-inner {
    border: 1px solid #ddd
}

.widget .search-form .form-control+.input-group-addon {
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent
}

.widget .search-form .form-control+.input-group-addon button {
    border: 0;
    background: #fff;
    color: #ddd;
    font-size: 1.2em;
    line-height: 2.1em;
    padding-right: 15px
}

#header {
    position: relative;
    z-index: 99
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.header-3 .wel-t-band {
    background: #083661
}

.header-3 .wel-band-bg {
    background-size: cover
}

.header-3 .wel-t-band p,
.header-3 .wel-t-band p span {
    color: #fff
}

.header-3 .widget-t-search {
    padding: 0
}

.header-3 .widget-t-search .widget-t-inner {
    margin-top: 0;
    border: 0
}

.header-3 .widget-t .search-form .form-control {
    height: 63px
}

.header-3 .nav-t-holder .nav-t-footer ul.nav>li:hover a,
.header-3 .nav-t-holder .nav-t-footer ul.nav>li.active a {
    color: #4dcef6
}

.header-3 .nav-t-holder .nav-t-footer ul.nav>li ul.submenu li a {
    color: #242424
}

.header-5 {
    background: #0f263a
}

.header-5 .navi {
    border-top: 1px solid #1b364c
}

.header-5 .media-body p {
    color: #9e9e9e
}

.header-5 .touch_top ul .item:last-child {
    border-right: 1px solid #485662
}

.main-menu-wrapper {
    margin-bottom: -65px;
    position: relative;
    z-index: 9;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.main-menu-wrapper .nav-bg {
    background: #0f253a
}

.main-menu-wrapper:before {
    content: '';
    background: #0f253a;
    width: 1190px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1
}

.main-menu-wrapper.stricky-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #60a001
}

.main-menu-wrapper.stricky-fixed .free-qoute-button {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.main-menu-wrapper.stricky-fixed .free-qoute-button:before {
    content: '';
    background: #fbb12f;
    right: 100%;
    width: 2500px;
    top: 0;
    height: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.main-menu-wrapper.stricky-fixed .free-qoute-button:hover {
    background: #1fb5c7
}

.main-menu-wrapper.stricky-fixed .free-qoute-button:hover:before {
    background: #1fb5c7
}

.main-menu-wrapper.stricky-fixed .free-qoute-button:hover a {
    color: #fff
}

.ind-container {
    max-width: 1170px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.main-menu-wrapper .ind-container {
    position: relative
}

.main-menu-wrapper .free-qoute-button {
    background: #fbb12f;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.main-menu-wrapper .free-qoute-button:hover {
    background: #1fb5c7
}

.main-menu-wrapper .free-qoute-button:hover:before {
    background: #1fb5c7
}

.main-menu-wrapper .free-qoute-button:hover a {
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.main-menu-wrapper .free-qoute-button:before {
    content: '';
    position: absolute;
    left: -32px;
    top: 0;
    width: 80px;
    background: #fbb12f;
    height: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.main-menu-wrapper .free-qoute-button a {
    font: 700 1.8em/1.2em 'Open Sans Condensed', sans-serif;
    color: #010101;
    text-transform: uppercase;
    padding: 18px 30px 18px 28px;
    display: block;
    position: relative
}

.nav-holder {
    position: relative
}

.nav-holder .nav-header {
    display: none;
    padding: 12px 20px
}

.nav-holder .nav-header button {
    width: 40px;
    height: 40px;
    background: #19242a;
    border: 0;
    outline: 0;
    color: #fff;
    font-size: 25px;
    border-radius: 5px
}

.nav-holder .nav-footer {
    display: block
}

.nav-holder .nav-footer ul.nav>li {
    display: inline-block;
    padding: 23.5px 0;
    position: relative
}

.nav-holder .nav-footer ul.nav>li:hover a,
.nav-holder .nav-footer ul.nav>li.active a {
    color: #fab90a;
    background-color: transparent
}

.nav-holder .nav-footer ul.nav>li:last-child>a {
    border: 0;
    padding-right: 0
}

.nav-holder .nav-footer ul.nav>li>a {
    padding: 0 1.2em;
    display: block;
    color: #fff;
    text-transform: uppercase;
    border-right: 1px dashed #3f5262;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font: 600 1.36em/1em 'Open Sans Condensed', sans-serif;
    letter-spacing: .4px
}

.nav-holder .nav-footer ul.nav>li>ul.submenu {
    top: 100%;
    left: 0
}

.nav-holder .nav-footer ul.nav>li>ul.submenu.align-right {
    right: 0;
    left: auto
}

.nav-holder .nav-footer ul.nav>li:hover>ul.submenu {
    visibility: visible;
    opacity: 1
}

.nav-holder .nav-footer ul.nav>li>ul.submenu>li>ul.submenu {
    top: 0;
    left: 100%
}

.nav-holder .nav-footer ul.nav>li>ul.submenu>li>ul.submenu.align-right {
    right: 100%;
    left: auto
}

.nav-holder .nav-footer ul.nav>li>ul.submenu>li:hover>ul.submenu {
    visibility: visible;
    opacity: 1
}

.nav-holder .nav-footer ul.nav>li ul.submenu {
    position: absolute;
    width: 275px;
    opacity: 0;
    visibility: hidden;
    z-index: 99999;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.nav-holder .nav-footer ul.nav>li ul.submenu li {
    display: block;
    padding: 0;
    background: #fff
}

.nav-holder .nav-footer ul.nav>li ul.submenu li:last-child a {
    border-bottom: 0
}

.nav-holder .nav-footer ul.nav>li ul.submenu li:last-child a:after {
    display: none
}

.nav-holder .nav-footer ul.nav>li ul.submenu li:hover>a {
    color: #fff;
    background: #51c5e9
}

.nav-holder .nav-footer ul.nav>li ul.submenu li a {
    color: #242424;
    font: 600 1.0712em/1em 'Open Sans', sans-serif;
    padding: 13px 25px 14px;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    display: block;
    font-weight: 600;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-transform: uppercase
}

.nav-footer ul.nav li.has-submenu>a>button {
    display: none
}

.main-menu-wrapper.full-width {
    background: #fbb12f;
    margin-top: 0;
    margin-bottom: 0
}

.main-menu-wrapper.full-width.stricky-fixed {
    top: 0
}

.main-menu-wrapper.full-width .free-qoute-button a:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 2000px;
    height: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: -1;
    background: #fff;
    background: -webkit-linear-gradient(top, #fff 0, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%);
    background: linear-gradient(to bottom, #fff 0, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7d7d7', GradientType=0)
}

.thm-btn {
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 0;
    padding-left: 27px;
    padding-right: 27px;
    display: inline-block;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border: 2px solid #fff
}

.thm-btn:hover {
    background: #1fb5c7;
    color: #fff
}

.thm-btn:hover i {
    color: #fff;
    border-color: transparent
}

.thm-btn:hover i:after {
    background: #fff
}

.thm-btn i {
    font-size: 16px;
    color: #000;
    line-height: 28px;
    border-left: 1px solid #ffcd47;
    margin-left: 20px;
    padding-left: 15px;
    position: relative
}

.thm-btn i:after {
    content: '';
    position: absolute;
    top: 0;
    left: -2px;
    width: 1px;
    height: 100%;
    background: #d7a41b
}

.thm-btn.transparent {
    background-color: transparent;
    border: 1px solid #85a4be;
    color: #fff
}

.thm-btn.transparent i {
    color: inherit
}

.thm-btn.transparent:hover {
    background: #1fb5c7;
    border-color: #1fb5c7;
    color: #fff
}

.thm-btn.transparent:hover i {
    color: inherit
}

.animate-3 {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.animate-5 {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.animate-7 {
    -webkit-transition: all .7s ease;
    transition: all .7s ease
}

.animate-3-all * {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.animate-5-all * {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.animate-7-all * {
    -webkit-transition: all .7s ease;
    transition: all .7s ease
}

.thm-banner-wrapper .caption-h1 {
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff
}

.thm-banner-wrapper .caption-p {
    font-size: 20px;
    font-style: italic;
    color: #fff;
    line-height: 28px
}

.thm-banner-wrapper .caption-divider span.divider {
    width: 1px;
    height: 90px;
    background: #fff;
    display: block
}

.thm-banner-wrapper .thm-btn {
    padding-top: 7px;
    padding-bottom: 7px;
    -webkit-transition: all .3s ease !important;
    transition: all .3s ease !important;
    font-weight: bold !important
}

.thm-banner-wrapper .thm-btn i {
    margin: 0;
    border-color: transparent
}

.thm-banner-wrapper .thm-btn i:after {
    display: none
}

.thm-banner-wrapper .thm-btn.inverse {
    background: #f7be3d;
    color: #000;
    border: 2px solid #f7be3d
}

.thm-banner-wrapper .thm-btn.inverse:hover {
    color: #202020;
    background: #1fb5c7
}

.thm-banner-wrapper .thm-btn.inverse i {
    color: #fff
}

.thm-banner-wrapper .brder {
    display: block;
    width: 100px;
    height: 4px;
    background: #e6ab0c;
    margin-left: auto;
    margin-right: auto;
    margin-top: 22px
}

.wel-ind-pad {
    padding: 5.7em 0 1em
}

.wel-info {
    position: relative;
    overflow: hidden
}

.wel-info h1 {
    font: 600 2.4em/1em "Alegreya", serif;
    color: #282c3d;
    margin: 0 0 .8em;
    text-transform: uppercase
}

.wel-info p {
    margin: 0 0 1.2em;
    padding: 0;
    font: 400 1em/1.8em "Open Sans", sans-serif;
    letter-spacing: .3px;
    color: #777
}

.wel-bot {
    padding: 1.2em 0 0
}

.wel-bot img {
    float: left;
    border: 1px solid #cecece;
    padding: .4em;
    margin: 0 1.8em 0 0;
    height: 92px;
    width: 104px
}

.wel-bot h2 {
    font: 400 1.5em/1.2em "Open Sans", sans-serif;
    color: #60a001;
    margin: 0;
    padding: 0
}

.wel-bot p {
    color: #777;
    font-style: italic;
    padding: .8em 0 0;
    opacity: .5
}

.wel-ind-image {
    position: relative
}

.wel-ind-image:after {
    content: '';
    position: absolute;
    border: 2px solid #fff;
    z-index: 4;
    display: block;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px
}

.wel-ind-image img {
    max-width: 100%;
    width: 470px;
    height: 260px
}

.wel-ind-r-sec {
    position: relative
}

.wel-ind-r-txt {
    float: left;
    margin: 2em
}

.wel-ind-r-txt p {
    font: 400 1.5em/1.2em "Open Sans", sans-serif;
    font-style: italic
}

.wel-ind-r-img {
    float: right;
    position: relative;
    bottom: 4em;
    z-index: 4
}

.wel-ind-r-img img {
    border-top: 7px solid #fff;
    border-left: 7px solid #fff;
    width: 256px;
    height: 158px
}

.our-services {
    background: #f6f6f6
}

.sectpad {
    padding: 1.7em 0 0
}

table {
    background-color: transparent;
    width: 100% !important
}

.sectpad-ser {
    padding: 5.7em 0 3em
}

.section_header {
    position: relative;
    padding: 0 0 3em
}

.section_header h2 {
    font: bold 28px "Alegreya", serif;
    color: #000;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    letter-spacing: .3px;
    margin: 0
}

.section_header h2:before {
    content: "";
    width: 55px;
    height: 3px;
    display: inline-block;
    background: #fab90a;
    position: absolute;
    bottom: 0
}

.color h2 {
    color: #242424 !important
}

.service-info {
    position: relative;
    overflow: hidden
}

.service-info a {
    display: inline-block;
    width: 100%
}

.service-info a h4 {
    border-bottom: 2px solid #6ba70f;
    color: #6ba70f;
    font: 600 1.3em/1.5em "Open Sans", sans-serif;
    text-transform: uppercase;
    padding: 0 0 .5em;
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0
}

.service-info a h4:hover {
    color: #fbb12f;
    border-bottom: 2px solid #8192a4
}

.service-info p {
    color: #898989;
    font: 400 1.1em/1.6em "Open Sans", sans-serif;
    margin: 0;
    padding: 1em 0 .5em
}

.service-info h6 a,
.service-info p a {
    color: #54840a;
    text-transform: uppercase;
    font: 13px "Open Sans", sans-serif;
    font-weight: bold
}

.service-info h6 a:hover,
.service-info p a:hover {
    color: #8192a4
}

.service-info h6 {
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    padding: 0 0 3em
}

.service-info .post-image {
    position: relative;
    overflow: hidden
}

.service-info .post-image img {
    max-width: 100%;
    width: 370px;
    height: 202px
}

.service-info .item {
    position: relative
}

.service-info .item .four_arrow_hover_box {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.service-info .item:hover .four_arrow_hover_box,
.service-info .item:focus .four_arrow_hover_box {
    opacity: .9;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.fluid-service-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    background: #123450
}

@media(max-width:991px) {
    .fluid-service-area {
        display: block
    }
}

.fluid-service-area .work-image-ser {
    width: -webkit-calc(50% - 115px);
    width: calc(50% - 115px);
    float: left;
    text-align: right;
    display: block;
    position: relative
}

@media(max-width:991px) {
    .fluid-service-area .work-image-ser {
        width: 100%;
        text-align: center
    }
}

@media(max-width:991px) {
    .fluid-service-area .work-image-ser img {
        width: 100%
    }
}

.fluid-service-area .service-promo {
    width: -webkit-calc(50%+115px);
    width: calc(50%+115px);
    float: left;
    position: relative;
    padding-left: 30px;
    background: #123450
}

@media(max-width:991px) {
    .fluid-service-area .service-promo {
        width: 100%;
        padding-bottom: 30px
    }
}

@media(max-width:991px) {
    .fluid-service-area .service-promo {
        padding: 15px
    }
}

.fluid-service-area .service-promo ul .item {
    text-align: left;
    padding: 0 0 4.1em
}

.service-content {
    position: relative;
    z-index: 2;
    padding: 4em 4em 0 4em
}

.service-content .media-left {
    vertical-align: middle;
    padding-right: 4em
}

.service-content ul .item .media .media-body {
    text-align: left;
    font: 1em/1em "Open Sans", sans-serif;
    color: #898989;
    letter-spacing: .3px;
    padding: 0 17em 0 0
}

.service-content ul .item .media .media-body h4 {
    color: #fff;
    text-transform: uppercase
}

.service-content ul .item .media .media-body p {
    color: #fff
}

.nau-head {
    position: absolute;
    background: #ffa10d;
    width: 18em;
    bottom: 1em;
    text-align: left;
    padding: 1em 0 0 2em;
    right: 0
}

.nau-head p {
    color: #000;
    text-transform: uppercase
}

.nau-head p span {
    display: block;
    color: #000;
    font-size: .7em;
    font-weight: 400
}

.our-project {
    background: #ecebef;
    overflow: hidden
}

.project_txt_btn {
    width: 100%;
    float: left;
    position: absolute;
    left: 0;
    overflow: hidden;
    top: 0;
    text-align: center;
    height: 100%
}

a.view-all.slide_learn_btn.view_project_btn {
    width: 147px;
    font-size: 14px;
    display: inline-block;
    top: -140px;
    position: relative;
    z-index: 999;
    -webkit-transition: -webkit-transform .55s;
    transition: transform .55s;
    line-height: 43px;
    background: #53cff5;
    text-transform: uppercase;
    border-radius: 3px;
    font-weight: bold;
    color: #fff
}

.project_txt_btn h6 {
    width: 100%;
    float: left;
    font-size: 16px;
    text-align: center;
    background: #f8c12c;
    color: #000;
    line-height: 50px;
    bottom: -60px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0
}

.desi-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

img {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}

.project_img {
    background: #000
}

.project_img:hover img {
    opacity: .5;
    -webkit-transform: scale3d(1.15, 1.15, 1);
    transform: scale3d(1.15, 1.15, 1)
}

.project_img img,
.project_img h6 {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s
}

.project_img img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 0
}

.project_img:hover img {
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
    border: 0
}

.project_img h6,
.project_img .view_project_btn {
    position: absolute;
    z-index: 99
}

.project_img:hover h6 {
    bottom: 0;
    left: 0
}

.project_img:hover .view_project_btn {
    opacity: 1
}

.project_img:hover a.view-all.slide_learn_btn.view_project_btn {
    top: 40%
}

.our-pro-slider .pro-sliders {
    padding-top: 8px
}

.our-pro-slider .pro-sliders .post-image {
    position: relative;
    overflow: hidden
}

.our-pro-slider .pro-sliders .post-image img {
    max-width: 100%
}

.our-pro-slider .pro-sliders .item {
    position: relative
}

.our-pro-slider .pro-sliders .item .four_arrow_hover_box {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.our-pro-slider .pro-sliders .item:hover .four_arrow_hover_box,
.our-pro-slider .pro-sliders .item:focus .four_arrow_hover_box {
    opacity: .9;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.our-pro-slider .pro-sliders .pro-web {
    position: absolute;
    bottom: 1.5em;
    z-index: 6;
    width: 100%;
    text-align: center
}

.our-pro-slider .pro-sliders .pro-web h4 {
    color: #fff;
    text-transform: uppercase;
    font: 600 1.3em/1em "Open Sans", sans-serif;
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    margin: 0
}

@media(max-width:599px) {
    .our-pro-slider .pro-sliders .item {
        max-width: 320px;
        margin: 0 auto
    }
}

.our-pro-slider .owl-nav {
    position: absolute;
    right: 0;
    top: -85px
}

.pro-sliders.owl-theme .owl-controls .owl-nav [class*="owl-"] {
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
    padding: 0
}

.fullwidth-silder2 .owl-controls .owl-nav .owl-prev,
.fullwidth-silder2 .owl-controls .owl-nav .owl-next,
.fullwidth-silder3 .owl-controls .owl-nav .owl-prev,
.fullwidth-silder3 .owl-controls .owl-nav .owl-next {
    width: 40px;
    text-align: center;
    font-size: 22px;
    line-height: 36px;
    color: #8d8d8d;
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    height: 40px;
    padding: 0;
    border: 1px solid #8d8d8d;
    border-radius: 0;
    background: transparent
}

.pro-sliders.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    background: #329cad;
    color: #fff;
    text-decoration: none
}

.pro-sliders.owl-carousel .owl-controls .owl-nav .owl-prev {
    margin-right: 5px
}

.testimonial-wrapper {
    background-size: cover;
    position: relative
}

.testimonial-sec {
    padding: 2em 10em;
    text-align: center
}

.testimonial-sec .testimonial-slider {
    text-align: center
}

.testimonial-sec .testimonial-slider img {
    width: 100px;
    border-radius: 50%;
    display: inline-block
}

.testimonial-sec .testimonial-slider p {
    font: 1.15em/2em "Open Sans", sans-serif;
    color: #fff;
    padding: 0;
    margin: 2em
}

.testimonial-sec .testimonial-slider p span {
    float: left
}

.testimonial-sec .testimonial-slider p span img {
    width: auto;
    border-radius: inherit;
    margin-top: -10px
}

.testimonial-sec .testimonial-slider .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.testimonial-sec .testimonial-slider .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    border: 2px solid #fbb12f;
    background-color: transparent
}

.testimonial-sec .testimonial-slider .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.testimonial-sec .testimonial-slider .owl-dots .owl-dot span {
    border: 2px solid #1fb5c7;
    background: transparent;
    width: 15px;
    height: 15px
}

.latest-news {
    -webkit-background-size: cover;
    background-size: cover
}

.latest-outer {
    position: relative
}

.lat-news-outer {
    position: relative;
    background: #fff
}

.lat-news-outer .lat-img-box {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

.lat-news-outer .lat-img-box img {
    max-width: 100%
}

.lat-news-outer .lat-img-box {
    width: 200px
}

.lat-news-outer .lat-img-box .latest-info-date {
    position: absolute;
    width: 62px;
    height: 76px;
    text-align: center;
    background: #06aac3;
    left: 0;
    bottom: 0
}

.lat-news-outer .lat-img-box .latest-info-date h3 {
    font: 600 25px/21px "Open Sans", sans-serif;
    letter-spacing: .3px;
    color: #fff
}

.lat-news-outer .lat-img-box .latest-info-date h3 small {
    font: 500 14px/21px "Open Sans", sans-serif;
    letter-spacing: .3px;
    color: #fff;
    text-transform: uppercase;
    display: block
}

.lat-news-outer .lat-new-cont {
    display: table-cell;
    vertical-align: middle;
    padding: 0 2em
}

.lat-news-outer .lat-new-cont h3 {
    font: 600 16px/26px "Open Sans", sans-serif;
    letter-spacing: .3px;
    color: #000;
    margin-top: 0;
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    text-transform: uppercase
}

.lat-news-outer .lat-new-cont p {
    border-bottom: 1px solid #e7e7e7;
    font: 400 1em/1.4em "Open Sans", sans-serif;
    letter-spacing: .3px;
    color: #898989;
    padding-bottom: 15px;
    margin-bottom: 13px
}

.latest-meta a {
    font: normal 1em/1em "Open Sans", sans-serif;
    color: #c1c1c1;
    padding-right: 13px
}

.latest-meta a+a:before {
    content: '';
    background: #c2c2c2;
    margin-right: 15px;
    width: 1px;
    height: 14px;
    bottom: -3px;
    position: relative;
    display: inline-block
}

.latest-meta .read_more {
    color: #3dabf1
}

.lat-pad {
    margin: 0 0 2em
}

.latest .latest-image {
    position: relative
}

.latest .latest-image img {
    max-width: 100%
}

.latest .latest-image .latest-info-date {
    position: absolute;
    width: 62px;
    height: 76px;
    text-align: center;
    background: #06aac3;
    left: 0;
    bottom: 0
}

.latest .latest-image .latest-info-date h3 {
    font: 600 1.5em/1em "Open Sans", sans-serif;
    letter-spacing: .3px;
    color: #fff
}

.latest .latest-image .latest-info-date h3 small {
    font: 500 1em/1em "Open Sans", sans-serif;
    letter-spacing: .3px;
    color: #fff;
    text-transform: uppercase;
    display: block
}

.latest .latest-news-text {
    padding: 21px 30px 20px 30px;
    background: #fff
}

.latest .latest-news-text h4 {
    font: 600 16px/26px "Open Sans", sans-serif;
    letter-spacing: .3px;
    color: #000;
    margin-top: 0;
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    text-transform: uppercase
}

.latest .latest-news-text p {
    border-bottom: 1px solid #e7e7e7;
    font: 400 14px/26px "Open Sans", sans-serif;
    letter-spacing: .3px;
    color: #898989;
    padding-bottom: 15px;
    margin-bottom: 13px
}

.latest .latest-image .latest-info-date h3 small {
    font: 500 14px/21px "Open Sans", sans-serif;
    letter-spacing: .3px;
    color: #fff;
    text-transform: uppercase;
    display: block
}

.our-client {
    background: #fff;
    position: relative
}

.client-carousel .item img:hover {
    opacity: 1 !important
}

.client-carousel .item img {
    opacity: .5 !important;
    border: 1px solid #f0f0f0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.indurial-solution {
    position: relative;
    background: #60a001
}

.indpad {
    padding: 1.5em 0
}

.indurial-solution-text h2 {
    font: 600 21px/23px "Open Sans", sans-serif;
    letter-spacing: .4px;
    color: #fff;
    font-style: italic;
    margin: 0;
    padding: .4em 0 0;
    text-align: center;
    display: inline-block
}

.anim-5,
.anim-5-all * {
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.contactus-button a {
    background: #19242a;
    color: #fff;
    display: inline-block;
    font: 500 1em/1em "Open Sans", sans-serif;
    margin-top: 1px;
    padding: 0 17px 0 23px;
    text-transform: uppercase;
    float: right;
    border-radius: 5px;
    line-height: 42px;
    letter-spacing: 2px
}

.contactus-button a:hover {
    background: #3d515c;
    color: #fff
}

.contactus-button {
    margin: .5em 0 0
}

#footer {
    background: #19242a
}

.sec-padding {
    padding-top: 6em;
    padding-bottom: 4.3em
}

.widget.about-us-widget a {
    color: #fff;
    margin-top: 1.4em
}

.widget.about-us-widget p {
    color: #000;
    font-size: 1.1em
}

.widget.about-us-widget ul {
    margin: 0;
    padding: 0
}

.widget.about-us-widget ul li:first-child {
    padding-left: 0
}

.widget.about-us-widget ul li a {
    padding: 0;
    color: #ffba00
}

.widget.about-us-widget img {
    max-width: 100%
}

.widget-contact h4,
.get-in-touch h4,
.widget-links h4 {
    font: 600 20px "Lora", sans-serif;
    color: #000;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-style: italic
}

.widget-contact h4:after,
.get-in-touch h4:after,
.widget-links h4:after {
    content: '';
    width: 40px;
    height: 2px;
    background: #ff7c35;
    display: block;
    margin-top: 13px
}

.widget-contact-list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.widget-contact-list ul li a {
    color: #fff;
    line-height: 30px
}

.widget-contact-list ul li i {
    float: left;
    font-size: 25px;
    color: #ff7c35;
    width: 34px;
    padding-top: 23px;
    line-height: 18px
}

.widget.widget-contact ul li .fleft {
    float: left;
    color: #000;
    width: -webkit-calc(100% - 34px);
    width: calc(100% - 34px);
    padding: 1.1em 0 0
}

.widget.widget-contact ul li .fleft span {
    color: #1fb5c7
}

.widget.widget-contact ul li i.fa-map-marker {
    padding-top: 22px
}

.widget.widget-contact ul li i.fa-phone {
    font-size: 21px
}

.widget.widget-contact ul li i.fa-envelope-o {
    font-size: 18px;
    line-height: 41px
}

.widget.widget-contact ul li i.icon-Timer {
    font-size: 20px;
    line-height: 35px
}

.footer-bottom {
    background: #141d22;
    color: #555759;
    padding: 2em 0
}

.footer-bottom .fo-txt p {
    color: #fff;
    font: 400 1em/1em "Open Sans", sans-serif
}

.footer-bottom .fo-txt p a {
    color: #1d8898
}

.footer-bottom .fo-txt p a:hover {
    color: #f6ba18
}

.get-in-touch {
    position: relative
}

.get-in-touch ul {
    margin: 0;
    padding: 0
}

.get-in-touch ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    float: left
}

.get-in-touch ul li img {
    margin: 0 3px 3px 0;
    width: 84px;
    height: 68px
}

.inner-banner {
    padding-top: 126px;
    padding-bottom: 83px;
    background-size: cover
}

.inner-banner h2 {
    font: 600 2.4em/1em "Alegreya", serif;
    text-transform: uppercase;
    color: #fff
}

.inner-banner h2:after {
    content: '';
    background: #e6ab0c;
    width: 50px;
    height: 4px;
    margin-left: 10px;
    display: inline-block
}

.inner-banner ul.breadcumb li {
    display: inline-block;
    margin-right: 6px
}

.inner-banner ul.breadcumb li:last-child a:after,
.inner-banner ul.breadcumb li:last-child span:after {
    display: none
}

.inner-banner ul.breadcumb li a {
    display: inline-block;
    color: #20bcd4;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    display: block
}

.inner-banner ul.breadcumb li span {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    display: block
}

.inner-banner ul.breadcumb li a i,
.inner-banner ul.breadcumb li span i {
    font-size: 14px;
    font-weight: normal;
    margin-right: 5px
}

.inner-banner ul.breadcumb li a:after,
.inner-banner ul.breadcumb li span:after {
    content: '\f105';
    display: inline-block;
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 13px;
    margin-left: 7px
}

.inner-banner2 {
    padding-top: 136px;
    padding-bottom: 80px;
    padding: 193px 0;
    background-size: cover
}

.inner-banner2 h2 {
    color: #fff;
    font-size: 75px;
    margin: 0;
    padding: 0;
    text-align: center
}

.breadcumb-wrapper {
    background: #f2f4f6;
    border-bottom: 1px solid #e6e8e9;
    padding-top: 1.2em;
    padding-bottom: 1.2em
}

.breadcumb-wrapper ul.breadcumb li {
    display: inline-block;
    margin-right: 6px
}

.breadcumb-wrapper ul.breadcumb li:last-child a:after,
.breadcumb-wrapper ul.breadcumb li:last-child span:after {
    display: none
}

.breadcumb-wrapper ul.breadcumb li a {
    display: inline-block;
    color: #006c74;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    display: block
}

.breadcumb-wrapper ul.breadcumb li span {
    display: inline-block;
    color: #909aa2;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    display: block
}

.breadcumb-wrapper ul.breadcumb li a i,
.breadcumb-wrapper ul.breadcumb li span i {
    font-size: 14px;
    font-weight: normal;
    margin-right: 5px
}

.breadcumb-wrapper ul.breadcumb li a:after,
.breadcumb-wrapper ul.breadcumb li span:after {
    content: '\f105';
    display: inline-block;
    font-family: 'FontAwesome';
    color: #909aa2;
    font-size: 13px;
    margin-left: 13px
}

.about-tab-box .tab-title-box {
    margin-bottom: 50px
}

.about-tab-box .tab-title-box ul li {
    background: #fff;
    transition: all .3s ease;
    position: relative;
    margin: 0 0 1.5em;
    border: 2px solid #e0e0e0
}

.about-tab-box .tab-title-box ul li.active,
.about-tab-box .tab-title-box ul li:hover {
    background: #60a001;
    border: 2px solid transparent
}

.about-tab-box .tab-title-box ul li:before {
    position: absolute;
    top: -2px;
    left: -2px;
    width: 6px;
    height: 106%;
    background: transparent;
    content: '';
    transition: all .3s ease
}

.about-tab-box .tab-title-box ul li.active:before,
.about-tab-box .tab-title-box ul li:hover:before {
    background: #e6ab0c
}

.about-tab-box .tab-title-box ul li.active:after {
    opacity: 1
}

.about-tab-box .tab-title-box ul li.active a,
.about-tab-box .tab-title-box ul li:hover a {
    color: #fff
}

.about-tab-box .tab-title-box ul li a {
    text-align: left;
    font: 500 1.54em/1em "Open Sans", sans-serif;
    display: block;
    font-weight: bold;
    color: #242424;
    padding: 1em;
    transition: all .3s ease;
    text-transform: uppercase
}

.about-tab-box .single-tab-content .content-box {
    margin-left: 20px
}

.about-tab-box .single-tab-content h2 {
    font: bold 2.2em/1.2em "Alegreya", serif;
    color: #000;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    letter-spacing: .3px;
    margin: 0 0 1em
}

.about-tab-box .single-tab-content h2:before {
    content: "";
    width: 55px;
    height: 3px;
    display: inline-block;
    background: #fab90a;
    position: absolute;
    bottom: 0
}

.about-tab-box .single-tab-content h3 {
    font-size: 20px;
    color: #242424;
    line-height: 26px;
    font-weight: normal;
    margin-bottom: 10px
}

.about-tab-box .single-tab-content p {
    color: #8e8d8d;
    margin: 0 0 1em
}

.about-tab-box .single-tab-content ul li {
    color: #333e56;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 40px;
    font-weight: 600
}

.about-tab-box .single-tab-content ul li .fa {
    font-size: 18px;
    color: #ff7043;
    margin-right: 5px
}

.about-tab-box .single-tab-content .abot-img {
    display: inline-block;
    margin-top: 2em
}

.about-tab-box .single-tab-content .abot-img img {
    max-width: 100%;
    float: left;
    height: 279px;
    object-fit: cover
}

.about-tab-box .single-tab-content .abot-img img:first-child {
    margin: 0 2.4em 0 0
}

.about-tab {
    padding: 0 0 0 5em
}

.features-section {
    overflow: hidden
}

.features-section .features-image {
    width: -webkit-calc(50% - 210px);
    width: calc(50% - 210px);
    float: left;
    display: block;
    text-align: right
}

@media(max-width:1199px) {
    .features-section .features-image {
        width: 100%
    }
}

@media(max-width:1199px) {
    .features-section .features-image img {
        width: 100%
    }
}

.features-section .features-area {
    width: -webkit-calc(50%+210px);
    width: calc(50%+210px);
    float: left;
    position: relative
}

@media(max-width:1199px) {
    .features-section .features-area {
        width: 100%
    }
}

.features-section .features-area:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #143b53;
    top: 0;
    left: 0;
    display: block;
    z-index: 1
}

.features-section .features-area .features {
    max-width: 850px;
    position: relative;
    z-index: 2
}

@media(max-width:1199px) {
    .features-section .features-area .features {
        margin: 0 auto
    }
}

.features-section .features-area .features h4 {
    font: 700 16px/26px "Raleway", sans-serif;
    letter-spacing: .3px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 8px
}

.features-section .features-area .features p {
    font: 500 14px/26px "Raleway", sans-serif;
    letter-spacing: .3px;
    color: #fff;
    margin-bottom: 40px;
    opacity: .5
}

.features-section .features-area .features .features-content {
    width: 50%;
    float: left;
    padding: 80px 30px 27px 35px
}

@media(max-width:639px) {
    .features-section .features-area .features .features-content {
        width: 100%
    }
}

.features-section .features-area .features .features-content:first-child {
    background: #143b53
}

.team-pad {
    padding: 0 0 6em
}

.team-area .our-team {
    margin-top: .6em
}

.team-area .our-team-page {
    margin-top: 0;
    margin-bottom: 30px
}

.team {
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

@media(max-width:991px) {
    .team {
        padding: 15px
    }
}

@media(max-width:767px) {
    .team {
        padding: 15px;
        width: 400px;
        max-width: 100%;
        margin: 0 auto
    }
}

.team .team-images {
    text-align: center;
    position: relative;
    z-index: 0;
    overflow: hidden;
    height: 297px
}

.team .team-images:after {
    content: '';
    background: transparent;
    position: absolute;
    border: 1px solid #fff;
    display: block;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0
}

.team .team-images:before {
    position: absolute;
    background-color: rgba(3, 137, 158, 0.6);
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transition: all 300ms;
    transition: all 300ms;
    opacity: 0
}

.team .team-images img {
    max-width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.team .team-content {
    padding: 1em 0 .8em;
    text-align: center;
    cursor: pointer;
    position: relative;
    border: 2px solid #e4e4e4;
    margin: 5px 0 0
}

.team .team-content h4 {
    font: 400 1.15em/1em "Open Sans", sans-serif;
    letter-spacing: .3px;
    color: #242424;
    margin: 0
}

.team .team-content p {
    font: 400 14px/22px "Open Sans", sans-serif;
    letter-spacing: .3px;
    color: #898989;
    margin: 0
}

.team .social-icons {
    display: table;
    position: absolute;
    bottom: 15px;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    text-align: center;
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0
}

.team .social-icons li {
    display: inline-block
}

.team .social-icons li+li {
    margin-left: 25px
}

@media(max-width:1199px) {
    .team .social-icons li+li {
        margin-left: 15px
    }
}

.team .social-icons li a {
    font-size: 22px;
    color: #fff;
    padding: 0
}

.team .social-icons li a:hover,
.team .social-icons li a:focus {
    background: 0;
    color: #c89551
}

.team:hover .social-icons {
    bottom: 125px
}

.team:hover .team-images:after {
    border: 1px solid #fff;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    z-index: 1;
    background: transparent
}

.team:hover .team-images:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    z-index: 1
}

.team:hover .team-content {
    background: #e6ab0c;
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    border: 2px solid #d59d08
}

.team:hover .team-content h4,
.team:hover .team-content p {
    color: #fff
}

.dedicated-team {
    padding-top: 22px
}

.dedicated-team .our-teams {
    margin-bottom: 30px
}

.team-wrapper {
    padding: 100px 0;
    min-height: 669px
}

.team .box-img {
    position: relative
}

.team .box-img img {
    width: 100%
}

.team .box-img .caption {
    position: absolute;
    bottom: -146px;
    background: rgba(10, 45, 78, 0.8);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding: 20px 30px
}

.team .box-img:hover .caption {
    width: 100%;
    height: 100%;
    bottom: 0;
    padding: 40px 30px
}

.team .box-img .caption h2 {
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 20px 0
}

.team .box-img .caption p {
    color: #fff;
    font-size: 15px;
    margin: 0 0 20px 0
}

.team .box-img .caption a {
    font-size: 13px;
    color: #fab90a;
    text-transform: uppercase;
    font-weight: bold
}

.team-wrapper4 {
    padding: 101px 0 71px;
    min-height: 813px;
    width: 100%
}

.team-wrapper4 .team {
    margin: 0 0 30px 0
}

.testimonial-area {
    background: #f5f4f4
}

.testimonial-sliders .owl-nav {
    position: absolute;
    right: 0;
    top: -80px
}

@media(max-width:479px) {
    .testimonial-sliders .owl-nav {
        top: 0
    }
}

.testimonial-sliders.owl-theme .owl-controls .owl-nav [class*="owl-"] {
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
    padding: 0
}

.testimonial-sliders.owl-carousel .owl-controls .owl-nav .owl-prev,
.testimonial-sliders.owl-carousel .owl-controls .owl-nav .owl-next {
    background: #61bac8;
    width: 33px;
    text-align: center;
    font-size: 20px;
    line-height: 33px;
    color: #fff;
    float: left;
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0
}

.testimonial-sliders.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    background: #329cad;
    color: #fff;
    text-decoration: none
}

.testimonial-sliders.owl-carousel .owl-controls .owl-nav .owl-prev {
    margin-right: 5px
}

.testimonial {
    position: relative
}

@media(max-width:479px) {
    .testimonial {
        display: block;
        background: 0
    }
}

.testimonial+.testimonial {
    margin-top: 30px
}

.testimonial .media-left {
    position: relative;
    padding-right: 0
}

@media(max-width:479px) {
    .testimonial .media-left {
        display: block;
        text-align: center
    }
}

.testimonial .media-left a {
    display: block;
    width: 170px;
    height: 185px;
    line-height: 185px
}

@media(max-width:479px) {
    .testimonial .media-left a {
        margin: 0 auto
    }
}

.testimonial .media-left img {
    width: 140px;
    height: 140px;
    border-radius: 50%
}

.testimonial .media-left:before {
    content: '';
    position: absolute;
    right: -2px;
    top: 19.2%;
    z-index: 12;
    width: 15px;
    height: 27px
}

@media(max-width:479px) {
    .testimonial .media-left:before {
        display: none
    }
}

.testimonial .media-body {
    vertical-align: middle;
    padding: 0 30px;
    border: 2px solid #e4e4e4;
    background: #fff
}

@media(max-width:479px) {
    .testimonial .media-body {
        background: #fff;
        text-align: left;
        padding: 30px
    }
}

.testimonial .media-body p {
    font: 400 14px/26px "Open Sans", sans-serif;
    letter-spacing: .3px;
    color: #898989;
    margin-bottom: 5px
}

@media(max-width:767px) {
    .testimonial .media-body p {
        line-height: 22px;
        font-weight: 300;
        margin-bottom: 0
    }
}

.testimonial .media-body p span {
    display: inline-block;
    width: 21px;
    height: 19px;
    margin-right: 16px
}

.testimonial .media-body a {
    font: 300 14px/26px "Open Sans", sans-serif;
    letter-spacing: .3px;
    color: #c89551;
    font-style: italic;
    text-align: right;
    display: block
}

.testimonial-col {
    padding: 25px 15px
}

.testimonial-bg {
    padding: 55px 0
}

.testimonial-sliders {
    padding-top: 0
}

.service-tab-box h1 {
    font: bold 2.2em/1.2em "Alegreya", serif;
    color: #000;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    letter-spacing: .3px;
    margin: 0 0 1em
}

.service-tab-box h1:before {
    content: "";
    width: 55px;
    height: 3px;
    display: inline-block;
    background: #fab90a;
    position: absolute;
    bottom: 0
}

.service-tab-box p {
    margin: 0 0 1.2em;
    padding: 0;
    font: 400 1em/1.8em "Open Sans", sans-serif;
    letter-spacing: .3px;
    color: #777
}

.service-tab-box h6 {
    color: #242424;
    margin: 0 0 .5em;
    padding: 0;
    font: 400 1.4em/1.8em "Open Sans", sans-serif;
    letter-spacing: .3px
}

.service-tab-box ul.c-brochure {
    display: inline-block;
    color: #fff
}

.service-tab-box ul.c-brochure li {
    background: #fab90a;
    color: #fff
}

.service-tab-box ul.c-brochure li a {
    color: #fff;
    font: 400 1.2em/1.2em "Open Sans", sans-serif
}

.service-tab-box ul.c-brochure li a span {
    display: inline-block;
    padding: .7em 1.5em;
    text-transform: uppercase;
    letter-spacing: 2px
}

.service-tab-box ul.c-brochure li a i {
    background: #e7ab08;
    padding: 1em
}

.service-tab-box .img-s-box {
    display: inline-block;
    overflow: visible;
    position: relative;
    font-size: 0;
    float: right
}

.service-tab-box .img-s-box .img-so-box {
    display: inline-block;
    position: relative
}

.service-tab-box .img-s-box .img-so-box:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 2px solid rgba(255, 255, 255, 1);
    border-bottom: 0;
    border-left: 0
}

.service-tab-box .img-s-box .img-st-box {
    display: inline-block
}

.service-tab-box .img-s-box .img-so-box img,
.service-tab-box .img-s-box .img-st-box img {
    max-width: 100%;
    display: block
}

.pull-left.news .single-sidebar-widget {
    padding-right: 39px
}

.pull-right .single-sidebar-widget {
    padding-left: 50px
}

.single-side-left {
    width: 300px;
    margin: 0 0 22px 0;
    float: left
}

.content-right {
    width: 800px
}

.single-sidebar-widget {
    margin-bottom: 50px;
    background: #fff;
    padding: 15px
}

.single-sidebar-widget:last-child {
    margin-bottom: 0
}

.single-sidebar-widget .sec-title {
    margin-bottom: 30px
}

.single-sidebar-widget .sec-title h2 span {
    font-size: 20px;
    text-transform: uppercase;
    font: 600 .8em/1em "Lora", serif
}

.single-sidebar-widget .sec-title h2:after {
    width: 35px
}

.single-sidebar-widget .sec-title h2:after {
    content: '';
    width: 50px;
    height: 3px;
    background: #096a75;
    display: block;
    margin-top: 13px
}

.single-sidebar-widget .contact-form input,
.single-sidebar-widget .contact-form .select-menu+.ui-selectmenu-button {
    height: 40px
}

.single-sidebar-widget .contact-form .select-menu+.ui-selectmenu-button {
    margin-bottom: 2px
}

.single-sidebar-widget .contact-form .select-menu+.ui-selectmenu-button .ui-selectmenu-text {
    line-height: 40px
}

.single-sidebar-widget .dwnld-broucher a {
    text-transform: uppercase;
    color: #08add0;
    font-weight: 600;
    margin-top: 30px;
    font-size: 12px;
    display: inline-block
}

.single-sidebar-widget .special-links li:last-child {
    margin-bottom: 0
}

.single-sidebar-widget .special-links li a {
    background: #f5f2f2;
    border-left: 5px solid #f5f2f2;
    color: #242424;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
    line-height: 50px;
    position: relative;
    padding: 0 20px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative
}

.single-sidebar-widget .special-links li:hover a,
.single-sidebar-widget .special-links li.active a {
    background: #004b5c;
    color: #fff;
    border-left: 5px solid #0f263a
}

.single-sidebar-widget .special-links li:hover a:after,
.single-sidebar-widget .special-links li.active a:after {
    color: #fff
}

.single-sidebar-widget .special-links li a:after {
    content: '\f101';
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    right: 20px;
    line-height: 50px;
    color: #6a6969;
    font-weight: normal
}

.search-box placeholder {
    color: #000
}

.single-sidebar-widget .search-box form {
    background: #e5e5e5;
    width: 100%;
    height: 48px;
    border: 1px solid #e9e9e9
}

.single-sidebar-widget .search-box form input {
    padding-left: 30px;
    border: 0;
    outline: 0;
    height: 100%;
    color: rgba(255, 255, 255, 0.5);
    width: calc(100% - 55px);
    background-color: transparent
}

.single-sidebar-widget .search-box form input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1
}

.single-sidebar-widget .search-box form input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1
}

.single-sidebar-widget .search-box form input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1
}

.single-sidebar-widget .search-box form input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.single-sidebar-widget .search-box form input:placeholder-shown {
    color: rgba(186, 185, 185, 1)
}

.single-sidebar-widget .search-box form button {
    position: relative;
    left: 2px;
    width: 50px;
    background: #60a001;
    color: #000;
    font-size: 16px;
    padding: 11px 0;
    border: 0;
    outline: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.single-sidebar-widget .search-box form button:hover {
    background: #1fb5c7
}

.single-sidebar-widget .search-box form button:hover i {
    color: #fff
}

.single-sidebar-widget .search-box form button:hover:after {
    background: #1fb5c7
}

.single-sidebar-widget .search-box form button i {
    position: relative;
    z-index: 2;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.single-sidebar-widget .categories ul li:last-child a {
    border: 0
}

.single-sidebar-widget .categories ul li a {
    color: #898989;
    text-transform: capitalize;
    line-height: 42px;
    display: block;
    border-bottom: 1px solid #e6e6e6;
    position: relative
}

.single-sidebar-widget .categories ul li a:after {
    content: '\f105';
    font-family: 'FontAwesome';
    color: #c8c8c8;
    position: absolute;
    top: 0;
    right: 0
}

.single-sidebar-widget .popular-post .img-cap-effect .img-box .img-caption:before {
    border-width: 2px
}

.single-sidebar-widget .popular-post li {
    margin-bottom: 30px
}

.single-sidebar-widget .popular-post li:last-child {
    margin-bottom: 0
}

.single-sidebar-widget .popular-post .img-box,
.single-sidebar-widget .popular-post .content {
    display: table-cell;
    vertical-align: middle
}

.single-sidebar-widget .popular-post .img-box {
    width: 110px
}

.single-sidebar-widget .popular-post .content {
    padding-left: 30px
}

.single-sidebar-widget .popular-post .content a h4 {
    color: #242424;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.single-sidebar-widget .popular-post .content a h4:hover {
    color: #1fb5c7
}

.single-sidebar-widget .popular-post .content p {
    color: #8e8d8d;
    font-size: 13px;
    line-height: 20px;
    margin: 0
}

.single-sidebar-widget .popular-post .content span {
    color: #1cbac8;
    font-size: 13px;
    display: block;
    margin-top: 4px;
    font-weight: 500
}

.single-sidebar-widget .text-box p {
    color: #8e8d8d
}

.single-sidebar-widget .insta-feed ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.single-sidebar-widget .insta-feed ul .img-cap-effect .img-box .img-caption:before {
    border-width: 2px
}

.single-sidebar-widget .insta-feed {
    font-size: 0;
    display: inline-block
}

.single-sidebar-widget .insta-feed img {
    max-width: 100%;
    display: inline-block;
    font-size: 0;
    margin-bottom: 1px;
    margin-right: 1px
}

.single-sidebar-widget .tag-cloud {
    font-size: 0;
    margin-left: -5px;
    margin-right: -5px
}

.single-sidebar-widget .tag-cloud li {
    display: inline-block
}

.single-sidebar-widget .tag-cloud li a {
    display: block;
    color: #787878;
    text-transform: uppercase;
    border: 1px solid #eaeaea;
    border-radius: 20px;
    padding: 7px 22px;
    font-size: 12px;
    margin: 0 5px;
    margin-bottom: 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.single-sidebar-widget .tag-cloud li a:hover {
    background: #e5e5e5;
    color: #787878;
    border-color: #e5e5e5
}

.single-service-contact {
    border: 2px solid #e9e9e9;
    padding: 15px;
    background: #fff url("../images/services/bg-envelope.jpg") right bottom no-repeat
}

.single-service-contact h3 {
    font-size: 25px;
    color: #3e3e3e;
    margin: 0;
    font-weight: 600;
    margin: 0 0 20px 0
}

.single-service-contact p {
    font-size: 15px;
    color: #000;
    text-align: justify;
    margin: 0 0 25px 0
}

.single-service-contact a {
    font-size: 14px;
    font-weight: bold;
    color: #096a75;
    text-transform: uppercase
}

.single-service-contact a {
    background: #004b5c;
    padding: 10px 30px;
    color: #fff
}

.single-service-contact a i {
    margin: 0 0 0 10px
}

.single-service-pdf {
    text-align: center;
    height: 62px
}

.single-service-pdf h3 a {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 62px;
    text-transform: uppercase
}

.single-client-box {
    margin-bottom: 50px
}

.single-client-box:last-child {
    margin-bottom: 0
}

.single-client-box .icon-box,
.single-client-box .content {
    display: table-cell;
    vertical-align: middle
}

.single-client-box .icon-box {
    width: 170px;
    text-align: center;
    border-top: 4px solid #1fb5c7;
    border-left: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

.single-client-box .content {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 30px;
    padding-left: 30px;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9
}

.single-client-box .content h3 {
    font-size: 18px;
    font-weight: bold;
    color: #242424;
    text-transform: uppercase;
    margin-bottom: 10px
}

.single-client-box .content p {
    color: #898989;
    margin: 0
}

.single-sidebar-widget ul.brochure-btns li a {
    color: #404040;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    display: block;
    background: #fbfbfb;
    border-bottom: 2px solid #ededed;
    padding: 12px 20px
}

.single-sidebar-widget ul.brochure-btns li {
    display: block;
    margin-bottom: 21px
}

.single-sidebar-widget ul.brochure-btns li a i {
    color: #e94429;
    margin: 0 1em 0;
    font-size: 1.2em
}

.sec-title h2 span {
    display: block;
    font-size: 32px;
    font-weight: bold;
    color: #323232;
    text-transform: uppercase;
    text-transform: capitalize
}

.sec-title p {
    color: #000;
    margin: 0 0 1.2em;
    text-align: justify;
    font-size: 16px;
    padding: 0;
    letter-spacing: .3px
}

.single-service-page .image-caption-box .text-box h2,
.single-post-page .image-caption-box .text-box h2 {
    color: #242424;
    font-size: 25px;
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 5px
}

.single-service-page .image-caption-box,
.single-post-page .image-caption-box {
    margin-bottom: 20px
}

.single-service-page .image-caption-box .text-box,
.single-post-page .image-caption-box .text-box,
.single-service-page .image-caption-box .caption-box-img,
.single-post-page .image-caption-box .caption-box-img {
    display: table-cell;
    vertical-align: middle
}

.single-service-page .image-caption-box .text-box p,
.single-post-page .image-caption-box .text-box p {
    color: #898989;
    margin: 0 0 1.2em;
    padding: 0;
    font: 400 1em/1.8em "Open Sans", sans-serif;
    letter-spacing: .3px
}

.single-service-page .image-caption-box .caption-box-img,
.single-post-page .image-caption-box .caption-box-img {
    width: 248px
}

.pad46 {
    padding-right: 46px
}

.img-left {
    text-align: left;
    width: 50%;
    float: left;
    margin: 4px 20px 0
}

.core-projects {
    position: relative;
    margin: 0;
    padding: 18px 0 50px
}

.core-projects h2 {
    font: bold 1.9em/1.2em "Lora", serif;
    margin-bottom: 0;
    color: #000;
    text-transform: uppercase;
    position: relative;
    letter-spacing: .3px
}

.core-projects h1:before {
    content: "";
    width: 55px;
    height: 3px;
    display: inline-block;
    background: #fab90a;
    position: absolute;
    bottom: 0
}

.core-projects h4 {
    color: #242424;
    font-size: 35px;
    margin-top: 42px
}

.core-projects p {
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-align: justify
}

.project-post-area {
    background: #f1f1f1;
    position: relative;
    margin-top: 14px
}

.project-post-area .project-post {
    padding-bottom: 0
}

.project-post-area .project-fullscreen {
    width: 20%;
    float: left;
    position: relative
}

@media(max-width:767px) {
    .project-post-area .project-post {
        padding-bottom: 0
    }
}

.project-post-info {
    overflow: hidden;
    min-height: 325px;
    margin: 20px 0 0
}

@media(max-width:1199px) {
    .project-post-area .project-fullscreen {
        width: 50%
    }
}

@media(max-width:767px) {
    .project-post-info {
        padding-bottom: 30px;
        width: 500px;
        max-width: 100%;
        margin: 0 auto
    }
    .project-post-area .project-fullscreen {
        width: 100%
    }
}

@media(max-width:767px) {
    .project-post-info a {
        max-width: 570px;
        margin: 0 auto;
        display: block
    }
}

.project-post-image {
    overflow: hidden;
    position: relative
}

.project-post-info a img {
    width: 100%;
    object-fit: cover
}

#accordionMenu {
    max-width: 300px
}

.panel-body {
    padding: 0
}

.panel-group .panel+.panel {
    margin-top: 0;
    border-top: 0
}

.panel-group .panel {
    border-radius: 0
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #e4e5e7;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.panel-default>.panel-heading a {
    display: block;
    padding: 10px 15px;
    text-decoration: none
}

.panel-body .nav {
    margin: 4px 0
}

.panel-body .nav>li>a {
    position: relative;
    display: block;
    padding: 5px 15px;
    border-bottom: 1px solid #eee
}

.panel-default>.panel-heading a:after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear
}

.panel-default>.panel-heading a[aria-expanded="true"] {
    background-color: #80c535;
    color: #fff
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
    content: "\e113"
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
    content: "\e114"
}

.project-post-info .info-text {
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    right: 0;
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    top: 38%;
    z-index: 1000
}

.serv .project-post-info .info-text h4 {
    font: 700 16px "Open Sans", sans-serif;
    letter-spacing: 0;
    color: #000;
    margin: 0;
    text-transform: uppercase;
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    margin: 16px 0 0 0
}

.serv .project-post-info .info-text {
    text-align: center;
    position: relative;
    width: 100%;
    height: 106px;
    box-sizing: border-box;
    left: 0;
    right: 0;
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    top: 50%;
    z-index: 1000
}

.project-post-info:hover .info-text {
    bottom: 37%
}

.project-post-info .info-text h4 {
    font: 700 16px "Lora", sans-serif;
    letter-spacing: .3px;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    margin: 0 0 20px 0
}

.project-post-info .info-text a {
    font: 700 14px "Lora", sans-serif;
    letter-spacing: .3px;
    color: #fff;
    margin: 0;
    background: #004b5c;
    border-radius: 3px;
    line-height: 25px;
    padding: 0 20px;
    display: inline-block;
    text-transform: uppercase
}

@-webkit-keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.loadmore {
    margin: 50px 0 0;
    background: #fab90a;
    border-radius: 5px;
    padding: 0 25px;
    display: inline-block;
    line-height: 38px;
    height: 38px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff
}

.widget-search-blog {
    width: 80%;
    position: relative;
    display: inline-block;
    margin: 0 0 0 1em;
    margin-bottom: 40px
}

.widget-search-blog .search-form .form-control+.input-group-addon {
    padding: 0 1px 0 8px;
    border: 0;
    border-radius: 0;
    background-color: #60a001
}

.widget-search-blog .search-form .form-control+.input-group-addon button {
    border: 0;
    background: #60a001;
    color: #fff;
    font-size: 1.2em;
    line-height: 2.1em;
    padding-right: 15px
}

.widget-search-blog .search-form .form-control {
    height: 45px;
    border-radius: 0;
    border: 0;
    font: 1em/1em "Open Sans", sans-serif;
    padding: 0 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: silver;
    z-index: 0
}

.single-blog-post .meta-info {
    padding: 1.3em 0;
    border-bottom: 1px solid #e6e6e6
}

.single-blog-post .meta-info .content-box .post-links li {
    display: table-cell;
    vertical-align: middle
}

.single-blog-post .date-box {
    position: absolute;
    width: 70px;
    height: 75px;
    top: 2em;
    border: 1px solid #696969;
    left: 1.5em;
    background: #fff;
    text-align: center
}

.single-blog-post .inner-box b {
    font-size: 2em;
    display: block;
    font-style: italic;
    font-weight: 300;
    border-bottom: 1px solid #696969;
    padding: 0 0 .2em
}

.single-blog-post .inner-box span {
    font-size: 1em;
    display: block;
    background: #fbb12f;
    color: #fff;
    padding: .2em 0 .3em
}

.single-blog-post .meta-info .content-box .post-links li a:hover i {
    color: #1fb5c7
}

.single-blog-post .meta-info .content-box .post-links li a i {
    color: #fbb12f;
    font-size: 16px;
    margin-right: 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.single-blog-post .meta-info .content-box .post-links li a {
    color: #a1a1a1;
    padding-right: 30px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.single-blog-post .meta-info .content-box .post-links li a:hover {
    color: #fbb12f
}

.single-blog-post a.read-more {
    background: #ffba00;
    color: #fff;
    border-radius: 4px;
    font: 600 1.08em/1em 'Roboto', sans-serif;
    padding: .8em 1.6em;
    display: inline-block;
    border: 1px solid #ffba00
}

.single-blog-post a.read-more:hover {
    background: #60a001;
    border: 1px solid #60a001
}

.single-post-wrapper {
    position: relative
}

.single-blog-post h3 {
    color: #010101;
    font-weight: 600;
    text-transform: none;
    font-size: 20px;
    margin: .6em 0 0;
    padding: 0 0 .8em
}

.single-blog-post h6 {
    color: #1cbac8;
    font: 400 1em/1em "Open Sans", sans-serif;
    margin: 2em 0 0;
    padding: 0
}

.single-blog-post {
    margin-bottom: 50px
}

.single-blog-post .img-box {
    position: relative;
    overflow: hidden
}

.page-navigation {
    margin-top: 50px
}

.page-navigation li {
    display: inline
}

.page-navigation li a,
.page-navigation li span {
    width: 46px;
    height: 46px;
    line-height: 44px;
    background: #fff;
    color: #8e8d8d;
    font-size: 20px;
    display: inline-block;
    border: 1px solid #e2e2e2;
    margin-right: 5px;
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.page-navigation li span,
.page-navigation li a:hover {
    background: #e7e7e7;
    color: #242424
}

.news p {
    font: 400 14px/26px "Open Sans", sans-serif;
    color: #898989
}

.post-list {
    margin: 0;
    width: 100%
}

.post-list li {
    float: left;
    width: 270px;
    font: 400 14px/30px "Open Sans", sans-serif;
    color: #ff8c04;
    letter-spacing: .3px
}

.post-list li:before {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    text-rendering: auto;
    padding-right: 10px
}

blockquote {
    padding: 30px;
    border: 0;
    background: #f5f4f4;
    margin-top: 27px
}

@media(max-width:479px) {
    blockquote {
        padding: 5px
    }
}

blockquote:before {
    float: left;
    content: "\f10d";
    display: inline-block;
    font: normal normal normal 55px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 70px;
    color: #d0d0d0
}

@media(max-width:1199px) {
    blockquote:before {
        font-size: 30px;
        width: 40px
    }
}

blockquote p {
    float: left;
    font: 400 16px/26px "Open Sans", sans-serif;
    letter-spacing: .3px;
    color: #898989;
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
    margin: 5px 0 0;
    padding-left: 14px
}

@media(max-width:1199px) {
    blockquote p {
        margin: 0
    }
}

blockquote footer {
    text-align: right;
    color: #e8a20c;
    font: 300 14px/26px "Raleway", sans-serif;
    font-style: italic
}

blockquote footer a {
    color: #e8a20c
}

.news-comments .comments_count,
.leave-comments .leave-comment-title {
    margin: 30px 0 30px 0;
    font: 600 1.5em/1em "Alegreya", sans-serif;
    color: #242424;
    text-transform: uppercase
}

@media(max-width:400px) {
    .comments_count,
    .leave-comment-title {
        margin-left: 20px
    }
}

.comments {
    margin: 0 0 30px 0;
    border: 1px solid #eee
}

.comments .comment {
    padding: 20px 20px 25px;
    margin: 0
}

.comments .comment-bg {
    background: #fcfcfc
}

@media(max-width:400px) {
    .comments .comment {
        margin: 0 5px 0 15px;
        text-align: center
    }
}

.comments .comment+.comment {
    margin-top: 0;
    border-top: 1px solid #eee
}

.comments .comment .media-left {
    padding: 8px 30px 0 5px
}

@media(max-width:479px) {
    .comments .comment .media-left {
        padding-right: 0;
        padding-bottom: 20px;
        display: block
    }
}

.comments .comment .media-left a {
    display: block;
    width: 70px;
    height: 70px
}

.comments .comment .media-left a img {
    max-width: 100%
}

@media(max-width:991px) {
    .comments .comment .media-body {
        overflow: visible
    }
}

.comments .comment .media-body h5 {
    font: 500 1em/2em "Open Sans", sans-serif;
    margin: 0;
    color: #242424
}

.comments .comment .media-body p {
    font: 400 14px/30px "Open Sans", sans-serif;
    color: #898989
}

.comments .comment .media-body .date-reply {
    margin: 9px 0 9px
}

.comments .comment .media-body .date-reply li {
    float: left
}

@media(max-width:400px) {
    .comments .comment .media-body .date-reply li {
        display: inline-block;
        text-align: center;
        float: none
    }
}

.comments .comment .media-body .date-reply li a {
    padding: 0;
    font: 13px/1 "Open Sans", sans-serif;
    text-transform: capitalize;
    color: #47bcca
}

.comments .comment .media-body .date-reply li a:hover,
.comments .comment .media-body .date-reply li a:focus {
    background: 0
}

.comments .comment .media-body .date-reply li+li {
    color: #bc945e
}

.comments .comment .media-body .date-reply li+li:before {
    content: '';
    width: 1px;
    height: 13px;
    float: left;
    background: #47bcca;
    margin: 0 10px
}

.comments .comment .media-body .date-reply li+li a {
    float: left;
    color: #f6ba18
}

.comments .comment.reply {
    padding-left: 0;
    margin: 0
}

@media(max-width:991px) {
    .comments .comment.reply {
        margin-left: -70px
    }
}

@media(max-width:479px) {
    .comments .comment.reply {
        margin-left: 30px
    }
}

@media(max-width:400px) {
    .comments .comment.reply {
        margin-left: 0
    }
}

.comments .comment.reply:last-child {
    padding-bottom: 0
}

.comment_form {
    padding: 30px;
    border: 1px solid #eee;
    margin: 0;
    background: #fff
}

@media(max-width:479px) {
    .comment_form {
        padding: 20px 15px
    }
}

.comment_form .leave-comment-title {
    margin: 0 0 26px 0;
    font: bold 20px/28px "Alegreya", serif;
    color: #353535
}

.comment_form .form-control {
    border-radius: 0;
    padding: 9px 20px;
    font: 14px/25px "Open Sans", sans-serif;
    color: #000;
    margin-bottom: 20px;
    background: #f9f9f9;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none
}

.comment_form .form-control::-moz-placeholder {
    color: #c4c4c4;
    opacity: 1
}

.comment_form .form-control:-ms-input-placeholder {
    color: #c4c4c4
}

.comment_form .form-control::-webkit-input-placeholder {
    color: #c4c4c4
}

.comment_form input {
    width: 48%;
    float: left;
    height: 42px
}

@media(max-width:1199px) {
    .comment_form input {
        width: 47%
    }
}

@media(max-width:991px) {
    .comment_form input {
        width: 46%
    }
}

@media(max-width:767px) {
    .comment_form input {
        width: 100%
    }
}

@media(max-width:479px) {
    .comment_form input {
        width: 100%
    }
}

.comment_form input+input {
    margin-left: 26px
}

@media(max-width:1199px) {
    .comment_form input+input {
        margin-left: 31px
    }
}

@media(max-width:767px) {
    .comment_form input+input {
        margin-left: 0
    }
}

@media(max-width:479px) {
    .comment_form input+input {
        margin-left: 0
    }
}

.comment_form textarea {
    height: 188px;
    resize: none;
    margin-bottom: 32px
}

.comment_form .btn-primary {
    background: #f6ba18;
    border: 1px solid #f6ba18;
    text-transform: uppercase;
    letter-spacing: 1px;
    font: 600 1.2em/2.1em "Open Sans", sans-serif;
    padding: 7px 22px 7px 22px;
    color: #19242a;
    margin-top: 10px;
    border-radius: 5px;
    letter-spacing: 3px
}

.comment_form .btn-primary:hover,
.comment_form .btn-primary:focus {
    color: #000;
    border-radius: 5px;
    border-color: #bb793c
}

.touch .touch_bg .section_header p {
    max-width: 840px
}


.touch .touch_bg .touch_top-con ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.touch .touch_bg .touch_top-con ul .item {
    padding: 20px 0 0px 0;
    text-align: left;
}

.touch .touch_bg .touch_top-con ul .item:first-child {
    padding-top: 0;
}

.touch .touch_bg .touch_top-con ul .item .media {
    display: flex;
    align-items: center;
    gap: 16px;
}

.touch .touch_bg .touch_top-con ul .item .media .media-left {
    padding-right: 0;
    flex: 0 0 50px;
}

.touch .touch_bg .touch_top-con ul .item .media .media-left a {
    color: #004b5c;
    border: 1px solid #ff6d4b;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff7c35;
    width: 50px;
    height: 50px;
    text-decoration: none;
}

.touch .touch_bg .touch_top-con ul .item .media .media-left a i {
    font-size: 20px;
    line-height: 1;
}

.touch .touch_bg .touch_top-con ul .item .media .media-content {
    display: flex;
    gap: 10px;
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
}

.touch .touch_bg .touch_top-con ul .item .media .media-body {
    flex: 1;
    min-width: 0;
    text-align: left;
    font: 16px/26px "Lora", sans-serif;
    color: #000;
    letter-spacing: .3px;
    margin-bottom: 0;
}

.touch .touch_bg .touch_top-con ul .item .media .media-body a {
    color: #000;
    font-size: 16px;
    text-decoration: none;
}

.touch .touch_bg .touch_top-con ul .item .media .media-body a:hover {
    color: #ff6d4b;
}

@media (max-width: 575px) {
    .touch .touch_bg .open_hours {
        margin-bottom:20px;
}
}

.touch .touch_bg .touch_middle .input_form {
    position: relative
}

.touch .touch_bg .touch_middle .input_form form .form-control {
    margin-bottom: 20px;
    border-radius: 0;
    font: 15px/31px "Lora", sans-serif;
    color: #959595;
    padding: 11px 20px;
    border: 1px solid #e1e1e1;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none
}

.touch .touch_bg .touch_middle .input_form form .form-control:hover,
.touch .touch_bg .touch_middle .input_form form .form-control:focus {
    border: 1px solid #ff6d4b;
    border-color: #ff6d4b
}

.touch .touch_bg .touch_middle .input_form form .form-control:focus {
    -webkit-box-shadow: 0 0 6px 0 rgba(215, 149, 62, 0.57);
    box-shadow: 0 0 6px 0 rgba(215, 149, 62, 0.57)
}

.touch .touch_bg .touch_middle .input_form form .form-control.error {
    margin-bottom: 0
}

.touch .touch_bg .touch_middle .input_form form .form-control.error+.error {
    font: 13px/24px "Open Sans", sans-serif;
    margin-bottom: 20px;
    margin-top: 5px;
    color: red;
    font-weight: normal
}

.touch .touch_bg .touch_middle .input_form form textarea.form-control {
    margin-bottom: 32px;
    width: 96%;
    resize: none;
    padding: 15px 20px;
    height: 203px
}

.touch .touch_bg .touch_middle .input_form form button {
    background: #004b5c;
    border: 1px solid #004b5c;
    text-transform: uppercase;
    letter-spacing: 1px;
    font: 600 1.2em/2.1em 'Oswald', serif;
    padding: 7px 22px 7px 22px;
    color: #fff;
    margin-top: 10px;
    border-radius: 5px;
    letter-spacing: 3px
}

.touch .touch_bg .touch_middle .input_form form button:hover {
    color: #000;
    border-color: #bb793c
}

.touch .touch_bg .touch_middle .input_form #success {
    color: lawngreen
}

.touch .touch_bg .touch_middle .input_form #success p {
    color: lawngreen
}

.touch .touch_bg .touch_middle .input_form #error {
    color: orangered
}

.touch .touch_bg .touch_middle .input_form #error p {
    color: orangered
}

#mapBox {
    height: 425px
}

#map-area {
    position: relative
}

#map-area::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: .4;
    position: absolute;
    top: 0;
    width: 100%
}

.touch p {
    margin: 0 0 1.2em;
    padding: 0;
    font: 400 16px/1.8em "Lora", sans-serif;
    color: #000
}

.touch h6 {
    color: #1088cc;
    font: 400 1.2em/1.8em "Lora", sans-serif;
    letter-spacing: .3px;
    font-style: italic
}

.touch h6 span {
    color: #de5842;
    font: 400 1.2em/1.8em "Lora", sans-serif;
    letter-spacing: .3px;
    font-style: italic
}

.sectpad-t {
    padding: 6em 0 0
}

.testimonial-parea {
    padding: 0 0 6em
}

.testimonials p {
    font: 400 14px/26px "Open Sans", sans-serif;
    letter-spacing: .3px;
    color: #898989;
    padding-top: 25px;
    margin: 0
}

.testimonial-col-p {
    padding: 5em 1em 1em;
    border-bottom: 1px solid #e4e4e4
}

.testimonial-p .media-body h3 {
    font: 400 1.2em/1em "Open Sans", sans-serif;
    letter-spacing: .3px;
    color: #242424;
    margin: 0 0 .8em;
    padding: 0
}

.testimonial-p .media-body p {
    font: 400 1em/1.8em "Open Sans", sans-serif;
    letter-spacing: .3px;
    color: #898989;
    margin-bottom: 1em
}

.testimonial-p .media-body a {
    font: 600 14px/26px "Open Sans", sans-serif;
    letter-spacing: .3px;
    color: #1fb5c7;
    font-style: italic;
    text-align: left;
    display: block
}

.testimonial-p .media-body h6 {
    text-align: right;
    display: block
}

.testimonial-p .media-left {
    padding-right: 60px
}

.testimonial-p .media-left a img {
    width: 140px;
    height: 153px
}

@media(max-width:479px) {
    .testimonial-p .media-left {
        display: block;
        text-align: center;
        padding-right: 0
    }
    .testimonial-p .media-body h3 {
        padding: 1em 0 0
    }
    .touch .touch_bg .touch_top-con ul .item .media {
    align-items: start;
}
}

.section_header-t {
    position: relative;
    padding: 0
}

.section_header-t h2 {
    font: bold 2.2em/1.2em "Alegreya", serif;
    color: #000;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    letter-spacing: .3px;
    margin: 0
}

.section_header-t h2:before {
    content: "";
    width: 55px;
    height: 3px;
    display: inline-block;
    background: #fab90a;
    position: absolute;
    bottom: 0
}

.section_header-r {
    position: relative;
    padding: 0;
    margin: 0 0 1em
}

.section_header-r h2 {
    font: bold 2.2em/1.2em "Alegreya", serif;
    color: #000;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    letter-spacing: .3px;
    margin: 0 0 1em
}

.section_header-r h2:before {
    content: "";
    width: 55px;
    height: 3px;
    display: inline-block;
    background: #fab90a;
    position: absolute;
    bottom: 0
}

.req-page-area {
    background: #f7f7f7;
    border: 1px solid #eee;
    overflow: hidden;
    padding: 3em 1em 0;
    position: relative
}

.req-page span {
    display: block;
    color: #404040;
    font: 600 1em/1.2em "Open Sans", sans-serif;
    margin: 0 0 .6em
}

.req-page-area .img-responsive {
    display: inline-block
}

.req-page-area form .form-control {
    margin-bottom: 20px;
    border-radius: 0;
    font: 15px/31px "Open Sans", sans-serif;
    color: #959595;
    padding: 11px 20px;
    border: 1px solid #e1e1e1;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pad-left {
    margin: 0 0 5em 10px
}

.req-img {
    position: absolute;
    bottom: 0;
    right: 0
}

.req-page-area form button {
    background: #f6ba18;
    border: 1px solid #f6ba18;
    text-transform: uppercase;
    letter-spacing: 1px;
    font: 600 1.2em/2.1em "Open Sans", sans-serif;
    padding: 7px 22px 7px 22px;
    color: #19242a;
    margin-top: 10px;
    border-radius: 5px;
    letter-spacing: 3px
}

.req-page-area form button:hover {
    color: #000;
    border-color: #bb793c;
    background: #f6ba18
}

.req-page-area form .form-control:hover,
.req-page-area form .form-control:focus {
    border: 1px solid #d6d6d6;
    border-color: #d6d6d6
}

.req-page-area form .form-control:focus {
    -webkit-box-shadow: 0 0 6px 0 rgba(215, 149, 62, 0.57);
    box-shadow: 0 0 6px 0 rgba(215, 149, 62, 0.57)
}

.req-page-area .form-control.error {
    margin-bottom: 0
}

.req-page-area form .form-control.error+.error {
    font: 13px/24px "Open Sans", sans-serif;
    margin-bottom: 20px;
    margin-top: 5px;
    color: red;
    font-weight: normal
}

.req-page-area form textarea.form-control {
    margin-bottom: 32px;
    resize: none;
    padding: 15px 20px;
    height: 203px
}

.req-page-area span {
    color: #404040;
    font: 1.1em/1.1em "Open Sans", sans-serif;
    display: block;
    padding: 0 0 .5em
}

.req-page-area .input_form #success {
    color: lawngreen
}

.req-page-area .input_form #error {
    color: orangered
}

.req-page-area .input_form #success,
.req-page-area .input_form #error {
    position: absolute;
    top: -15px;
    display: block;
    right: 0;
    left: 0;
    bottom: -15px;
    background: rgba(0, 0, 0, 0.5);
    display: none
}

.pro-det-img img {
    max-width: 100%
}

.pro-content {
    padding: 4em 0 0
}

.projects_hours {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding: 2em 0;
    margin: 1.5em 0 0
}

.projects_hours p {
    color: #242424;
    font: 600 1.3em/2em "Open Sans", sans-serif;
    margin: 0;
    padding: 0
}

.projects_hours p span {
    display: block;
    color: #777;
    font: 400 1em/1.8em "Open Sans", sans-serif
}

.project-con {
    background: #f5f5f5;
    padding: 34px 40px;
    margin: 3em 0
}

.project-con h2 {
    color: #242424;
    font: 600 1.3em/2em "Open Sans", sans-serif;
    margin: 0;
    padding: 0 0 1em
}

.project-con p {
    color: #898989;
    margin: 0 0 1.2em;
    padding: 0;
    font: 400 1em/1.8em "Open Sans", sans-serif;
    letter-spacing: .3px
}

.project-scop .pro-img img {
    max-width: 100%
}

.project-scop h3 {
    color: #242424;
    font: 600 1.3em/1em "Open Sans", sans-serif;
    margin: 0;
    padding: 0 0 1em
}

.project-scop p {
    margin: 0 0 1.2em;
    padding: 0;
    font: 400 1em/1.8em "Open Sans", sans-serif;
    letter-spacing: .3px;
    color: #777
}

.project-scop .scope-item {
    margin: 0;
    padding: 0;
    display: inline-block;
    padding: 7px 0
}

.project-scop .scope-item li {
    list-style: none;
    font: 400 1.1em/1.5em "Open Sans", sans-serif;
    color: #60a001;
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    display: block;
    padding-left: 30px;
    padding-bottom: 10px
}

.project-scop .scope-item li:before {
    content: "\f0a4";
    width: 30px;
    height: auto;
    font: normal normal normal 14px/24px FontAwesome;
    font-size: 16px;
    text-rendering: auto;
    color: #60a001;
    cursor: pointer;
    float: left;
    margin-left: -30px;
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0
}

.submit {
    color: #fff;
    text-transform: uppercase;
    margin-top: 8px;
    text-shadow: none;
    -webkit-text-shadow: none;
    position: relative;
    letter-spacing: .4px;
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    z-index: 1
}

.submit:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ff7c35;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    z-index: -1
}

.submit:hover,
.submit:focus {
    color: #fff;
    border-color: #bb793c
}

.submit:hover:before,
.submit:focus:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.shop-item-wrapper {
    margin-left: -10px;
    margin-right: -10px
}

.single-shop-item {
    margin: 0 -5px;
    margin-bottom: 50px;
    position: relative;
    overflow: hidden
}

.single-shop-item .img-box {
    overflow: hidden
}

.single-shop-item .img-box img {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.single-shop-item .img-box img:hover {
    -webkit-transform: scale(1.2) translateZ(0);
    transform: scale(1.2) translateZ(0)
}

.single-shop-item .content {
    text-align: center;
    margin-top: 25px
}

.single-shop-item .content h3 {
    font-size: 15px;
    font-weight: bold;
    color: #242424;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 10px
}

.single-shop-item .content .review-box i {
    font-size: 13px;
    color: #fab90a
}

.single-shop-item .content .price {
    font-size: 25px;
    color: #2d2d2d;
    font-style: italic;
    display: block
}

.single-shop-item .content a.thm-btn {
    background: #fab90a;
    border-radius: 5px;
    color: #000;
    text-transform: uppercase;
    line-height: 32px;
    display: inline-block;
    letter-spacing: .05em;
    font-weight: 600;
    padding: 0 18px;
    margin-top: 10px
}

.single-shop-item .content a.thm-btn:hover {
    background: #019bb2;
    color: #fff
}

.shop-page .page-navigation {
    margin-top: 0;
    text-align: center
}

.single-sidebar-widget .best-seller.popular-post .content a h4 {
    font-size: 13px;
    text-transform: uppercase;
    color: #242424;
    margin: 0
}

.single-sidebar-widget .best-seller.popular-post .content p {
    font-size: 25px;
    color: #2d2d2d;
    font-style: italic;
    margin: 10px 0 15px
}

.single-sidebar-widget .best-seller.popular-post .content a.read-more {
    font-size: 13px;
    text-transform: uppercase;
    color: #1cbac8;
    font-weight: bold;
    letter-spacing: .03em
}

.product-details-content {
    margin-bottom: 80px
}

.product-details-content .img-box,
.product-details-content .content-box {
    display: table-cell;
    vertical-align: top
}

.product-details-content .img-box {
    width: 306px;
    border: 1px solid #e2e2e2
}

.product-details-content .content-box {
    padding-left: 65px
}

.product-details-content .content-box .title h3 {
    font-size: 20px;
    color: #242424;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0
}

.product-details-content .content-box p {
    font-size: 14px;
    color: #959595;
    line-height: 26px
}

.product-details-content .content-box .content-text {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    margin-top: 20px;
    padding-top: 19px;
    padding-bottom: 15px;
    margin-bottom: 30px
}

.product-details-content .content-box .cart-btn {
    font-size: 15px;
    line-height: 54px;
    background: #1fb5c7;
    padding: 0 33px;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    margin-top: 28px;
    background: #fab90a;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    border-radius: 5px;
    padding: 0 49px
}

.product-details-content .content-box .cart-btn i {
    font-size: 25px;
    margin-right: 20px
}

.product-details-content .content-box .price,
.product-details-content .content-box .quantity {
    font-size: 16px;
    color: #1f1f1f
}

.product-details-content .content-box .price span {
    font-size: 35px;
    color: #292929;
    margin-left: 20px;
    font-style: italic
}

.product-details-content .content-box .quantity {
    margin-top: 20px
}

.product-details-content .content-box .quantity input {
    width: 40px;
    height: 35px;
    border: 1px solid #d9d9d9;
    text-align: center;
    line-height: 33px;
    padding-left: 10px;
    margin-left: 20px
}

.product-tab-box {
    margin-bottom: 80px
}

.product-tab-box .tab-title-box ul {
    margin: 0;
    padding: 0
}

.product-tab-box .tab-title-box ul li {
    list-style: none;
    display: inline-block;
    margin-right: 6px
}

.product-tab-box .tab-title-box ul li.active a {
    background: #fff;
    border-bottom-color: #fff;
    border-top: 3px solid #fab90a;
    line-height: 44px
}

.product-tab-box .tab-title-box ul li a {
    display: block;
    font-size: 13px;
    line-height: 44px;
    border: 1px solid #e2e2e2;
    text-transform: uppercase;
    background: #f7f7f7;
    color: #242424;
    padding: 0 29px
}

.product-tab-box .tab-content {
    margin-top: -1px;
    border: 1px solid #e2e2e2;
    padding-top: 50px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 65px
}

.product-tab-box .tab-content h3 {
    margin: 0;
    font-size: 18px;
    margin-bottom: 12px
}

.product-tab-box .tab-content p {
    color: #898989;
    font-size: 14px;
    margin-top: 15px
}

.product-tab-box .tab-content p:first-child {
    margin-top: 0
}

.cart-page {
    padding: 80px 0
}

.cart-page .table {
    margin: 0
}

.cart-page table>tbody>tr>td,
.cart-page .table>thead>tr>th {
    border: 0
}

.cart-page .table thead {
    background: #f9f9f9
}

.cart-page .table>thead>tr>th {
    font-weight: normal;
    color: #000;
    font-size: 13px;
    line-height: 60px;
    padding: 0 40px;
    font-weight: 500;
    border: 1px solid #ebebeb;
    border-bottom: 0;
    text-transform: uppercase;
    text-align: center
}

.cart-page .table>thead>tr>th.close {
    color: transparent
}

.cart-page .table>tbody>tr>td.preview {
    padding: 25px 50px
}

.cart-page .table>tbody>tr>td {
    border: 1px solid #ebebeb;
    color: #898989;
    font-size: 14px;
    font-weight: 500;
    line-height: 42px;
    padding: 60px 25px;
    text-align: center
}

.cart-page .table>tbody>tr>td.price {
    font-size: 16px
}

.cart-page .table>tbody>tr>td.del-item {
    text-align: center
}

.cart-page .table>tbody>tr>td.total {
    font-size: 16px
}

.cart-page .table>tbody>tr>td .select-box select:focus {
    outline: 0
}

.cart-page .table>tbody>tr>td.del-item {
    color: #c56e21;
    font-size: 18px;
    font-weight: normal
}

.cart-page .bottom-box {
    background: #f9f9f9 none repeat scroll 0 0;
    margin: 0 0 50px;
    padding: 30px 25px;
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb
}

.cart-page .bottom-box .cupon-box input {
    border: 1px solid #eee;
    color: #8e8d8d;
    line-height: 36px;
    margin-right: 10px;
    outline: medium none;
    padding: 0 20px;
    width: 130px
}

.cart-page .bottom-box .cupon-box button {
    padding: 0 20px;
    color: #fff;
    background: #e3e3e3;
    text-transform: capitalize;
    border: 0;
    outline: 0;
    font-weight: normal;
    line-height: 36px;
    color: #000
}

.cart-page .add-to-cart-wrap {
    text-align: right
}

.cart-page .add-to-cart-wrap a .cart-button {
    background: #252525 none repeat scroll 0 0;
    border-radius: 5px;
    display: inline-block
}

.cart-page .add-to-cart-wrap a .cart-button p {
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 12px;
    line-height: 35px;
    margin: 0;
    padding-left: 21px;
    padding-right: 17px;
    text-transform: uppercase;
    border-right: 1px solid #000
}

.cart-page .add-to-cart-wrap a .cart-button i {
    border-left: 1px solid #404040;
    color: #98bc24;
    display: inline-block;
    float: left;
    font-size: 17px;
    line-height: 35px;
    padding-left: 14px;
    padding-right: 15px
}

.cart-page .add-to-cart-wrap a:before {
    background: #98bc24
}

.cart-page .cart-total-box li {
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    font-weight: 500;
    line-height: 58px;
    padding: 0 25px;
    color: #000;
    font-size: 13px;
    text-transform: uppercase
}

.cart-page .cart-total-box li:first-child {
    border-top: 1px solid #ebebeb
}

.cart-page .cart-total-box li span {
    color: #898989;
    margin-left: 50px;
    font-size: 16px
}

.cart-page .cart-total-box .cart-total {
    background: #f9f9f9
}

.cart-page .cart-total-box .proceed-to-checkout {
    text-align: right;
    border: 0
}

.cart-page .cart-total-box .proceed-to-checkout a {
    line-height: 30px;
    font-size: 14px
}

.cart-page .cart-total-box .proceed-to-checkout a .cart-button {
    background: #252525 none repeat scroll 0 0;
    border-radius: 5px;
    display: inline-block;
    margin-top: 24px
}

.cart-page .cart-total-box .proceed-to-checkout a .cart-button p {
    border-right: 1px solid #000;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 12px;
    line-height: 40px;
    margin: 0;
    padding-left: 21px;
    padding-right: 17px;
    text-transform: uppercase
}

.cart-page .cart-total-box .proceed-to-checkout {
    padding-right: 0;
    padding-top: 10px;
    border: 1px solid #ebebeb;
    border-top: 0;
    padding-bottom: 10px;
    padding-right: 20px
}

.cart-page .cart-total-box .proceed-to-checkout .cart-btn {
    background: #fab90a;
    border-radius: 5px;
    color: #000;
    text-transform: uppercase;
    line-height: 32px;
    display: inline-block;
    letter-spacing: .05em;
    font-weight: 600;
    padding: 0 18px;
    margin-top: 10px
}

.cart-page .cart-total-box .proceed-to-checkout .cart-btn i {
    font-size: 17px;
    margin-right: 7px
}

.cart-page .cart-total-box .proceed-to-checkout .cart-btn:hover {
    background: #1fb5c7;
    color: #fff;
    border-color: #1fb5c7
}

.cart-page .cart-total-box .proceed-to-checkout a .cart-button i {
    border-left: 1px solid #404040;
    color: #98bc24;
    display: inline-block;
    float: left;
    font-size: 17px;
    line-height: 40px;
    padding-left: 14px;
    padding-right: 15px
}

.cart-page .cart-total-box .proceed-to-checkout a:before {
    background: #98bc24
}

.cart-page .select-box {
    width: 100px
}

.cart-page .select-menu+.ui-selectmenu-button .ui-selectmenu-text {
    border-right: 1px solid #e5e5e5
}

.cart-page .select-menu+.ui-selectmenu-button {
    width: 100% !important;
    border-radius: 0;
    padding: 0 40px 0 20px;
    border: 1px solid #e5e5e5;
    height: 42px;
    background: #fff;
    outline: 0;
    color: #898989
}

.cart-page .thm-btn {
    font-size: 14px;
    padding: 7px 23px
}

.cart-page .select-menu+.ui-selectmenu-button .ui-selectmenu-text {
    padding: 0;
    font-weight: normal;
    line-height: 42px
}

.cart-page .select-menu+.ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s {
    background: url(../images/select-menu-arrow.png) 0 0 no-repeat;
    width: 16px;
    height: 6px;
    margin-top: -3px;
    margin-right: 4px
}

.cart-page .bottom-box .cart-btn {
    background: #fab90a;
    border-radius: 5px;
    color: #000;
    text-transform: uppercase;
    line-height: 32px;
    display: inline-block;
    letter-spacing: .05em;
    font-weight: 600;
    padding: 0 18px;
    margin-top: 10px
}

.cart-page .bottom-box .cart-btn i {
    font-size: 17px;
    margin-right: 7px
}

.cart-page .bottom-box .cart-btn:hover {
    background: #d6b161;
    color: #fff;
    border-color: #d6b161
}

.ui-selectmenu-menu .ui-menu {
    background: #fff
}

.ui-selectmenu-menu .ui-menu-item {
    font-size: 16px;
    font-style: italic;
    padding: 5px 20px;
    border-bottom: 1px solid #e1e1e1;
    text-transform: capitalize
}

.ui-selectmenu-menu .ui-menu-item.ui-state-focus {
    background: #00acd9;
    border-color: #00acd9;
    color: #fff;
    font-weight: normal
}

#checkout-content .return-customer {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    margin-bottom: 45px;
    padding: 21px 30px
}

#checkout-content .return-customer p {
    color: #898989;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0
}

#checkout-content .return-customer a {
    color: #11a9e0
}

#checkout-content label,
#checkout-content input[type="text"] {
    display: block
}

#checkout-content label {
    color: #8e8d8d;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 4px
}

#checkout-content input[type="text"] {
    border: 1px solid #e2e2e2;
    color: #c6c6c6;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    outline: medium none;
    padding: 0 20px;
    width: 100%
}

.left-checkout .section-title2.ship-to-different {
    margin-bottom: 39px;
    margin-top: 68px
}

#checkout-content input[type="text"]:last-child {
    margin-bottom: 0
}

#checkout-content .left-checkout>.row {
    margin-bottom: 23px
}

#checkout-content .row span b {
    color: #8e8d8d;
    font-size: 14px;
    font-weight: 500
}

#checkout-content input[type="checkbox"] {
    display: inline-block;
    margin: 0 15px 0 0;
    vertical-align: middle;
    float: left;
    margin-top: 4px
}

#checkout-content textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #e2e2e2;
    padding: 10px 20px;
    outline: 0
}

#checkout-content .ship-different {
    margin-top: 80px
}

#checkout-content .order-box {
    border: 1px solid #d9d9d9;
    padding: 30px
}

#checkout-content .order-box ul li {
    color: #8e8d8d;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 45px
}

#checkout-content .order-box ul li.total {
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    color: #242424
}

#checkout-content .order-box ul li span {
    color: #898989;
    display: inline-block;
    float: right;
    font-size: 14px
}

#checkout-content .order-box ul li span.bold {
    color: #242424;
    font-size: 18px;
    font-weight: 500
}

#checkout-content .order-box ul li a span {
    color: #11a9e0;
    font-size: 13px;
    font-weight: 500
}

#checkout-content .order-box ul li.place-order-button {
    padding-top: 20px;
    line-height: 30px
}

#checkout-content .order-box ul li input[type="radio"] {
    margin-right: 10px
}

#checkout-content .order-box ul li .note {
    background: #ececec;
    padding: 25px;
    color: #8e8d8d;
    line-height: 24px;
    font-size: 14px;
    font-weight: normal;
    position: relative
}

#checkout-content .order-box ul li .note .fa {
    font-size: 35px;
    position: absolute;
    top: -22px;
    left: 25px;
    color: #ececec
}

#checkout-content .order-box ul li a.place-order {
    background: #fd9c1e;
    text-transform: uppercase;
    display: inline-block;
    line-height: 36px;
    font-weight: 700;
    color: #fff;
    padding: 0 40px;
    margin-top: 30px
}

#checkout-content .select-menu+.ui-selectmenu-button .ui-selectmenu-text {
    padding: 0;
    font-weight: normal;
    line-height: 42px;
    color: #898989;
    text-transform: capitalize
}

#checkout-content .select-menu+.ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s {
    background: url(../images/select-menu-arrow.png) 0 0 no-repeat;
    width: 14px;
    height: 6px;
    margin-top: -3px;
    margin-right: 8px
}

#checkout-content .select-menu+.ui-selectmenu-button {
    width: 100% !important;
    border-radius: 0;
    padding: 0 20px;
    border: 1px solid #e5e5e5;
    height: 42px;
    background: #fff;
    outline: 0;
    color: #898989
}

#checkout-content .thm-btn {
    background: #fab90a;
    border-radius: 5px;
    color: #000;
    text-transform: uppercase;
    line-height: 42px;
    display: inline-block;
    letter-spacing: .05em;
    font-weight: 600;
    padding: 0 18px;
    margin-top: 10px;
    float: right;
}

#checkout-content .thm-btn i {
    font-size: 17px;
    margin-left: 7px
}

#checkout-content .thm-btn:hover {
    background: #1fb5c7;
    color: #fff;
    border-color: #1fb5c7
}

.faq-page .sec-title h2 {
    margin: 0
}

.faq-page .sec-title p {
    margin-top: 20px
}

.faq-form {
    background: #f9f9f9;
    padding: 20px 30px;
    border: 1px solid #eaeaea;
    margin-bottom: 50px;
    margin-top: 30px
}

.faq-form input {
    height: 44px;
    border: 1px solid #e9e9e9;
    outline: 0;
    padding-left: 25px;
    width: 79%;
    position: relative;
    top: 1px
}

.faq-form .thm-btn {
    padding: 0 41px;
    line-height: 44px;
    border-radius: 0;
    margin-left: -4px;
    border: 0;
    position: relative;
    top: 1px;
    background: #1fb5c7
}

.faq-page .accrodion .accrodion-title h4 {
    text-transform: none;
    font-weight: normal;
    color: #8e8d8d
}

.faq-page .accrodion.active .accrodion-title {
    background: #1fb5c7
}

.faq-page .accrodion.active .accrodion-title h4 {
    color: #fff
}

.faq-page .accrodion.active .accrodion-title h4 {
    color: #fff
}

.faq-page .accrodion.active .accrodion-title:after {
    border-color: #fff;
    color: #fff
}

.faq-question-one .single-faq {
    margin-bottom: 28px
}

.faq-question-one .single-faq:last-child {
    margin-bottom: 0
}

.faq-question-one .single-faq h3 {
    font-size: 16px;
    line-height: 33px;
    font-weight: bold;
    color: #242424
}

.faq-question-one .single-faq p {
    color: #898989;
    margin-top: 4px
}

.wel-t-band {
    position: relative;
    background: #f0f2f3;
    color: #6e6e6e
}

.wel-t-band p span {
    color: #3a3a3a
}

.req-button {
    position: relative;
    float: right;
    margin-left: 1em;
    margin-top: 2em
}

.req-button a {
    background: #55860c;
    color: #fff;
    font: 600 1.08em/1em 'Roboto', sans-serif;
    display: inline-block;
    padding: 1em 1.52em;
    border-radius: 4px;
    border: 1px solid #6ba70f;
    margin: 0
}

.req-button a:hover {
    border-radius: 4px;
    color: #fff;
    border: 1px solid #53cff5;
    background: #6ba70f
}

.req-button .submit:before {
    background: #6ba70f
}

.req-button .submit:hover {
    color: #fff
}

.req-button .submit:focus {
    color: #fff;
    border-color: #53cff5
}

.top-two-right {
    position: relative;
    overflow: hidden;
    padding: 3.5px 0
}

.top-two-right .top-panel {
    float: right;
    width: 65%
}

.nav-home-three {
    background: #6ba70f00;
    position: relative
}

.nav-home-two {
    background: transparent
}

.pad-logo {
    padding-top: 1.8em;
    padding-bottom: 1.83em
}

.touch_top_pad {
    padding-top: 2.7em;
    padding-bottom: 0
}

.nav-t-holder {
    position: relative
}

.nav-t-holder .nav-header {
    display: none;
    padding: 12px 20px
}

.nav-t-holder .nav-t-header button {
    background: transparent;
    border: 0;
    outline: 0;
    color: #fff;
    font-size: 25px;
    border-radius: 5px
}

.nav-t-holder .nav-t-footer {
    display: block
}

.nav-t-holder .nav-t-footer ul.nav>li {
    display: inline-block;
    padding: .6em 0;
    padding-right: 18px;
    position: relative
}

.nav {
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
    list-style: none
}

.vis {
    position: absolute;
    z-index: 99999;
    height: 100px;
    left: 0;
    bottom: -3px;
    right: 0;
    text-align: center;
    margin: auto
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: transparent
}

.nav-t-holder .nav-t-footer ul.nav>li:hover a,
.nav-t-holder .nav-t-footer ul.nav>li.active a {
    color: #ff7c35;
    background-color: transparent
}

.nav-t-holder .nav-t-footer ul.nav>li:last-child>a {
    border: 0;
    padding-right: 0
}

.nav-t-holder .nav-t-footer ul.nav>li>a {
    padding-right: 10px;
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.nav-t-holder .nav-t-footer ul.nav>li>ul.submenu {
    top: 100%;
    left: -300px
}

.nav-t-holder .nav-t-footer ul.nav>li>ul.submenu.align-right {
    right: 0;
    left: auto
}

.nav-t-holder .nav-t-footer ul.nav>li:hover>ul.submenu {
    visibility: visible;
    opacity: 1;
    background: #004960
}

.nav-t-holder .nav-t-footer ul.nav>li>ul.submenu>li>ul.submenu {
    top: 0;
    left: 100%
}

.nav-t-holder .nav-t-footer ul.nav>li>ul.submenu>li>ul.submenu.align-right {
    right: 100%;
    left: auto
}

.nav-t-holder .nav-t-footer ul.nav>li>ul.submenu>li:hover>ul.submenu {
    visibility: visible;
    opacity: 1
}

.nav-t-holder .nav-t-footer ul.nav>li ul.submenu {
    position: absolute;
    width: 800px;
    opacity: 0;
    visibility: hidden;
    z-index: 99999;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16);
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16);
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 0
}

.nav-t-holder .nav-t-footer ul.nav>li ul.submenu li {
    display: block;
    padding: 0
}

.nav-t-holder .nav-t-footer ul.nav>li ul.submenu li:last-child a {
    border-bottom: 0
}

.nav-t-holder .nav-t-footer ul.nav>li ul.submenu li:last-child a:after {
    display: none
}

.nav-t-holder .nav-t-footer ul.nav>li ul.submenu li:hover>a {
    color: #fff;
    background: #ff7c35
}

.nav-t-holder .nav-t-footer ul.nav>li ul.submenu li a {
    color: #fff;
    font: 600 14px 'Lora', sans-serif;
    padding: 10px 0 10px 15px;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    display: block;
    font-weight: 600;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-transform: capitalize
}

.nav-t-holder ul.nav li.has-t-submenu>a>button {
    display: none
}

.nav-t-holder .nav-t-header {
    display: none;
    padding: 12px 0;
    float: right
}

.touch_top ul .item .media .blue-color a i {
    color: #6ba70f
}

.top-navigation,
.top-navigation-4 {
    position: relative
}

.top-navigation .main_menu {
    position: absolute;
    left: 0;
    right: 0;
    border-bottom: 1px solid #5f6f7e
}

.top-navigation-4 .main_menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 70px
}

.top-navigation-4 .main_menu.fixed {
    position: fixed;
    top: 0;
    background: #0f263a
}

.top-navigation-4 .main_menu.fixed .logo {
    width: 220px;
    padding: 9px 0
}

.top-navigation-4 .main_menu.fixed .logo img {
    width: 100%
}

.top-navigation-4 .wel-band-bg {
    background: transparent
}

.top-navigation-4 .wel-t-band {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    right: 0;
    z-index: 100
}

.top-navigation-4 .nav-t-holder .nav-t-footer ul.nav>li>a {
    padding: 0 1em;
    border-right: 0
}

.top-navigation-4 .nav-t-holder .nav-t-footer ul.nav>li:last-child a {
    border-left: 1px solid #fff
}

.top-navigation-4 .nav-menu {
    width: 100%
}

.top-navigation-4 .wel-band-bg p {
    color: #838484
}

.top-navigation-4 .wel-band-bg p a {
    margin: 0 0 0 50px;
    color: #40add5;
    text-transform: uppercase;
    font-weight: bold
}

.top-navigation .main_menu.fixed {
    position: fixed;
    background: #0f263a;
    border-bottom: 0
}

.top-navigation .main_menu.fixed .widget-t .search-form .form-control,
.top-navigation .main_menu.fixed .widget-t .search-form .form-control+.input-group-addon button {
    background: #081e2f
}

.top-navigation .main_menu.fixed .widget-t-inner {
    border: 1px solid #1a2e40
}

.top-navigation .nav-t-holder .nav-t-footer ul.nav>li>a {
    border-right: 1px dashed #5f6f7e
}

.top-navigation .nav-t-holder .nav-t-footer ul.nav>li:last-child>a {
    border-right: 0
}

.top-navigation .widget-t .search-form .form-control,
.top-navigation .widget-t .search-form .form-control+.input-group-addon button {
    background: transparent
}

.top-navigation .widget-t .search-form .form-control+.input-group-addon {
    background: transparent
}

.top-navigation .widget-t-inner {
    border: 1px solid #516170
}

.main_menu {
    position: absolute;
    z-index: 9;
    width: 100%;
    transition: all .5s ease-in-out
}

@keyframes menu_sticky {
    0% {
        margin-top: -100px
    }
    50% {
        margin-top: -90px
    }
    100% {
        margin-top: 0
    }
}

.fixed {
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    -webkit-box-shadow: 0 13px 30px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 13px 30px -12px rgba(0, 0, 0, 0.75);
    box-shadow: 0 13px 30px -12px rgba(0, 0, 0, 0.75)
}

.fixed .t-logo {
    position: relative;
    top: -8px;
    display: none
}

.fixed .nav-t-footer {
    margin-top: 0
}

.widget-t-search {
    float: right;
    padding: 10px 0
}

.widget-t .search-form .form-control {
    height: 40px;
    border-radius: 0;
    border: 0;
    font: 1em/1em "Open Sans", sans-serif;
    padding: 0 18px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: silver;
    z-index: 0;
    background: #081e2f
}

.widget-t-inner {
    border: 1px solid #1a2e40;
    width: 245px
}

.widget-t .search-form .form-control+.input-group-addon {
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: #081e2f
}

.widget-t .search-form .form-control+.input-group-addon button {
    border: 0;
    background: #081e2f;
    color: #bcbcbd;
    font-size: 1.2em;
    line-height: 2.1em;
    padding-right: 15px
}

.thm-banner-t-wrapper .caption-h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    position: relative
}

.thm-banner-t-wrapper .caption-p {
    font-size: 20px;
    font-style: italic;
    color: #fff;
    line-height: 28px
}

.thm-banner-t-wrapper .caption-divider span.divider {
    width: 1px;
    height: 90px;
    background: #fff;
    display: block
}

.thm-banner-t-wrapper .inverse {
    background: #f7be3d;
    color: #fff;
    border: 2px solid #f7be3d;
    font: 300 1.2em/1em "Open Sans", sans-serif
}

.thm-banner-t-wrapper .inverse:hover {
    color: #fff;
    background: #1fb5c7;
    border: 2px solid #1fb5c7
}

.thm-banner-t-wrapper .thm-btn {
    padding-top: 7px;
    padding-bottom: 7px;
    -webkit-transition: all .3s ease !important;
    transition: all .3s ease !important;
    font-weight: bold !important;
    padding: 1.1em 2.5em;
    border-radius: 4px;
    font: 400 1.2em/1em "Open Sans", sans-serif
}

.thm-banner-t-wrapper .thm-btn i {
    margin: 0;
    border-color: transparent
}

.thm-banner-t-wrapper .inversen {
    background: #53cff5;
    color: #fff;
    border: 2px solid #53cff5;
    font: 300 1.2em/1em "Open Sans", sans-serif
}

.thm-banner-t-wrapper .inversen:hover {
    color: #fff;
    background: #f7be3d;
    border: 2px solid #f7be3d
}

.thm-banner-t-wrapper .thm-btn i:after {
    display: none
}

.thm-banner-wrapper .thm-btn.inverse i {
    color: #fff
}

.thm-banner-wrapper .brder {
    display: block;
    width: 100px;
    height: 4px;
    background: #e6ab0c;
    margin-left: auto;
    margin-right: auto;
    margin-top: 22px
}

.thm-banner-wrapper .brder-left {
    display: block;
    width: 100px;
    height: 4px;
    background: #e6ab0c;
    margin-top: 22px;
    text-align: left;
    margin-left: 0
}

.diff-offer-wrapper {
    background: #f5f4f4;
    position: relative;
    padding-bottom: 2.5em
}

.diff-offer {
    position: relative;
    padding-top: 3.5em;
    padding-bottom: .5em;
    overflow: hidden
}

.diff-offer ul {
    margin: 0;
    padding: 0
}

.diff-offer ul li {
    margin: 0;
    padding: 0;
    float: left
}

.we-offer-cont {
    width: 32%
}

.we-offer-cont h2 {
    margin: 0;
    padding: 0 .8em 0 0;
    text-align: right;
    font: 600 2.4em/1em "Alegreya", serif;
    color: #323232;
    text-transform: uppercase
}

.we-offer-cont h2 span {
    display: block
}

.we-offer-cont2 {
    width: 68%;
    border-left: 3px solid #25639a
}

.we-offer-cont2 p {
    font: 400 1.2em/1.3em "Open Sans", sans-serif;
    margin: 0;
    padding: 0 0 0 2em;
    font-style: italic;
    color: #6c6c6c
}

.view .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}

.service-info .view {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    text-align: left
}

.service-info .view img {
    display: block;
    position: relative
}

.service-info .view a.info {
    display: inline-block;
    text-decoration: none;
    text-indent: -9999px;
    width: 58px;
    height: 64px;
    left: -80px;
    bottom: -20px
}

.service-info .second-effect .mask {
    opacity: 0;
    overflow: visible;
    border: 0 solid rgba(0, 0, 0, 0.8);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.service-info .second-effect a.info {
    position: relative;
    opacity: 0;
    -moz-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform .2s .1s ease-in, opacity .1s ease-in-out;
    -moz-transition: -moz-transform .2s .1s ease-in, opacity .1s ease-in-out;
    -o-transition: -o-transform .2s .1s ease-in, opacity .1s ease-in-out;
    -ms-transition: -ms-transform .2s .1s ease-in, opacity .1s ease-in-out;
    transition: transform .2s .1s ease-in, opacity .1s ease-in-out
}

.service-info .second-effect:hover .mask {
    opacity: 1;
    border: 105px solid rgba(15, 38, 58, 0.6)
}

.service-info .second-effect:hover a.info {
    opacity: 1;
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -moz-transition-delay: .3s;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s
}

.ind-common-pad2 {
    padding-top: 5em;
    padding-bottom: 0
}

.quality-wrapper {
    position: relative
}

.quality-wrapper h2 {
    font: 300 2.8em/1.3em "Open Sans", sans-serif;
    margin: 0 0 1.2em;
    padding: 0;
    color: #242424
}

.quality-wrapper p {
    color: #6c6c6c;
    margin: 0 0 4em;
    padding: 0;
    font: 400 1.2em/1.8em "Open Sans", sans-serif
}

.vision-wrapper {
    position: relative
}

.vision-wrapper ul {
    margin: 0;
    padding: 0
}

.vision-wrapper ul li {
    margin: 0;
    padding: 0 4em;
    display: inline-block;
    text-align: center;
    border-right: 1px solid #cfcfcf
}

.vision-wrapper ul li p {
    color: #6c6c6c;
    font: 700 1.6em/1.8em "Open Sans", sans-serif;
    padding: 0;
    margin: 0;
    text-transform: uppercase
}

.vision-wrapper ul li:last-child {
    border-right: 1px solid transparent
}

.vision-wrapper ul li a {
    color: #6c6c6c
}

.vision-wrapper ul li a:hover {
    color: #60a001
}

.fluid-service-area-home {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.fluid-service-area-home .work-image-ser {
    width: -webkit-calc(50% - 115px);
    width: calc(50% - 115px);
    float: left;
    text-align: right;
    display: block;
    position: relative
}

@media(max-width:991px) {
    .fluid-service-area-home .work-image-ser {
        width: 100%;
        text-align: center
    }
}

@media(max-width:991px) {
    .fluid-service-area-home .work-image-ser img {
        width: 100%
    }
}

.fluid-service-area-home .service-promo {
    width: -webkit-calc(50%+115px);
    width: calc(50%+115px);
    float: left;
    position: relative;
    padding-left: 0;
    padding-left: 30px
}

@media(max-width:991px) {
    .fluid-service-area-home .service-promo {
        width: 100%;
        padding-bottom: 30px
    }
}

@media(max-width:991px) {
    .fluid-service-area-home .service-promo {
        padding: 15px
    }
}

.test-quote-sec {
    position: relative;
    margin-left: -8em
}

.testimonial-t-sec {
    position: relative
}

.testimonial-t-sec .testimonialn-slider img {
    width: 130px;
    border-radius: 50%;
    display: inline-block
}

.testimonial-t-sec .testimonialn-slider .content p {
    color: #bbc1c7;
    margin: 1em 0 0;
    padding: 0;
    font: 400 1.1em/1.6em "Open Sans", sans-serif
}

.testimonial-t-sec .testimonialn-slider .sign img {
    width: 160px;
    display: inline-block;
    border-radius: 0
}

.testimonial-t-sec .testimonialn-slider .name-content {
    display: block;
    position: relative;
    width: 100%
}

.testimonial-t-sec .testimonialn-slider .name-content .tst-img {
    float: left;
    margin: 0 1.5em 0 0
}

.testimonial-t-sec .testimonialn-slider .name-content .client-name {
    float: left;
    margin: 1em 0 0
}

.testimonial-t-sec .testimonialn-slider .name-content .client-name p {
    font: 600 1.3em/2em "Open Sans", sans-serif;
    margin: 0;
    padding: 0;
    color: #fff
}

.testimonial-t-sec .testimonialn-slider .name-content .client-name p span {
    display: block;
    color: #fff;
    font: 400 .79em/1.8em "Open Sans", sans-serif
}

.testimonial-t-sec .testimonialn-slider .name-content .client-name ul li {
    display: inline-block;
    margin: 8px -1px 0 1px
}

.testimonial-t-sec .testimonialn-slider .name-content .client-name ul li a {
    color: #ffba00;
    font-size: 1em;
    margin: 0 .4em 0 0
}

.service-t-content {
    max-width: 670px;
    margin: 0;
    z-index: 2;
    position: relative;
    padding: 36px 10px 0 130px
}

.testimonial-t-sec .testimonialn-slider .owl-dots .owl-dot span {
    border: 2px solid #637c93;
    background: transparent;
    width: 12px;
    height: 12px
}

.testimonial-t-sec .testimonialn-slider .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    border: 2px solid #ffba00;
    background-color: #ffba00
}

.testimonialn-slider.owl-theme .owl-controls {
    text-align: left;
    margin-top: 0
}

.featured-services {
    overflow: hidden;
    background: #0b3357
}

.featured-services .left-full-img img {
    max-width: none
}

.looking-wrapper {
    position: relative;
    background: url(../images/full-bg.webp) fixed;
    padding: 50px 0;
    background-position: left;
    text-align: center;
    background-size: cover;
    background: linear-gradient(rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.50)), url(../images/full-bg.webp) center no-repeat rgba(0, 0, 0, 0.50)
}

.section_header2 {
    position: relative;
    padding: 5px 0 2em
}

.looking-wrapper h2 {
    color: #fff;
    text-transform: capitalize;
    position: relative;
    letter-spacing: .3px;
    margin: 0;
    font-size: 65px;
    margin-bottom: 35px
}

.section_header2 h2 {
    color: #000;
    text-transform: capitalize;
    position: relative;
    padding-bottom: 0;
    letter-spacing: .3px;
    margin: 0;
    font-size: 35px
}

@media(max-width:480px) {
    .section_header2 img {
        float: left;
        width: 100%;
        margin-right: 0
    }
    .carousel,
    .carousel-inner,
    .carousel-inner .item {
        height: 239px !important
    }
}

.section_header2 img {
    float: left;
    width: 41%;
    margin-right: 25px
}

#whatweoffer {
    float: left;
    width: 100%;
    padding: 60px 0 60px
}

#whatweoffer .section_header2 h2 {
    position: relative;
    padding-bottom: 20px;
    letter-spacing: .3px;
    margin: 0;
    font-size: 40px
}

#whatweoffer .section_header2 {
    position: relative;
    padding: 0 0 2em
}

#whatweoffer .section_header2 h2:before {
    content: "";
    width: 208px;
    height: 3px;
    display: inline-block;
    background: #ff7c35;
    position: absolute;
    bottom: 12px;
    margin: 0 auto
}

.flex-title.flex-title-home {
    top: 0;
    font-family: 'Lora', sans-serif
}

.section_header2 h2.white,
.section_header h2.white {
    color: #fff
}

.section_header2 h2:before {
    content: "";
    width: 16%;
    height: 3px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0
}

.indurial-solution-text2 h2 {
    font-size: 28px;
    color: #fff;
    padding: 0;
    margin: 0;
    font-weight: 700
}

.looking-wrapper .req-button a {
    background: #000;
    color: #fff;
    border-radius: 4px;
    padding: .8em 2.5em
}

.looking-wrapper .req-button a i {
    margin-left: 6px
}

.looking-wrapper3 {
    min-height: 113px;
    padding: 34px 0
}

.looking-wrapper3 .indurial-solution-text2 h2 {
    font: 300 24px 'Open Sans', sans-serif;
    color: #000;
    margin: 5px 0
}

.looking-wrapper3 .req-button a {
    background: #0f263a;
    padding: 1em 1.52em
}

.about-sec-content {
    position: relative
}

.about-sec-content h4 {
    color: #303030;
    font: 400 1.3em/1.5em "Open Sans", sans-serif;
    margin: .8em 0 1em;
    padding: 0
}

.about-sec-content p {
    color: #898989;
    font: 400 1.1em/1.7em "Open Sans", sans-serif;
    margin: 0 0 1em;
    padding: 0
}

.about-sec-content ul li {
    color: #6c6c6c;
    font: 400 1.1em/2em "Open Sans", sans-serif
}

.about-sec-content ul li .fa {
    color: #233859;
    margin-right: 5px;
    font-size: 1em
}

.accordian-area-pad {
    margin-top: 1.42em
}

.accordian-area {
    position: relative
}

.accordian-area .panel .panel-heading .panel-title a i {
    font-size: .8em;
    line-height: 50px;
    position: absolute;
    top: 0;
    left: 0
}

.accordian-area .panel .panel-heading .panel-title a .fa-plus {
    display: none
}

.accordian-area .panel .panel-heading .panel-title a.collapsed .fa-plus {
    display: block;
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 10px;
    border-radius: 50%;
    border: 1px solid #c8c8c8;
    color: #0e1322
}

.accordian-area .panel .panel-heading .panel-title a i {
    margin: 12.5px;
    line-height: 25px
}

.accordian-area .panel .panel-heading .panel-title a .fa-minus {
    display: block;
    width: 25px;
    text-align: center;
    color: #000;
    height: 25px;
    font-size: 10px;
    border-radius: 50%;
    border: 1px solid #6ba70f;
    background: #fff
}

.accordian-area .panel .panel-heading .panel-title a.collapsed .fa-minus {
    display: none
}

.accordian-area .panel-group .panel {
    border-radius: 0;
    background: transparent;
    margin: 10px 0 0 0
}

.accordian-area .panel {
    border-radius: 0
}

.accordian-area .panel-default>.panel-heading {
    position: relative;
    padding: 0;
    margin: 0
}

.accordian-area .panel-title {
    font: 400 18px "Open Sans", sans-serif;
    background: #fff
}

.accordian-area .panel-title.on {
    background: #6ba70f
}

.accordian-area .panel .panel-heading .panel-title a.collapsed {
    background: #fff;
    color: #242424
}

.accordian-area .panel .panel-heading .panel-title a {
    background: #6ba70f;
    display: block;
    color: #fff;
    padding: 12px 0;
    margin: 0 0 0 50px;
    height: 50px
}

.accordian-area .panel-body {
    background: #fff;
    color: #898989;
    font: 400 1.1em/1.8em "Open Sans", sans-serif
}

.panel-title.actives {
    height: 50px
}

.section_header3 h2 {
    color: #fff
}

.latest-news1 {
    -webkit-background-size: cover;
    background-size: cover
}

.about-but {
    position: relative;
    display: inline-block;
    float: left;
    margin-left: 0;
    padding-top: 0
}

.about-but a {
    background: #000;
    border: 1px solid #000
}

.about-but a i {
    margin-left: 10px
}

.about-us4 {
    padding: 89px 0;
    min-height: 694px;
    background-size: cover
}

.about-us5 {
    padding: 78px 0 58px;
    background-size: cover;
    min-height: 603px
}

.about-us4 .section-faq,
.about-us5 .section-faq {
    padding: 0 0 0 65px
}

.our-galler-htwo {
    position: relative
}

.our-galler-three {
    background: #ebebeb no-repeat center top;
    position: relative;
    padding: 100px 0 0 0
}

.our-galler-four {   
    position: relative;
    padding: 96px 0 0 0
}

.our-galler-five {
    background: #1e2228 no-repeat center top;
    position: relative;
    padding: 96px 0 0 0
}

.fullwidth-slider {
    padding: 0 1.5em
}

.fullwidth-slider.owl-theme .owl-controls .owl-nav [class*="owl-"] {
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
    padding: 0
}

.fullwidth-slider.owl-carousel .owl-controls .owl-nav .owl-prev,
.fullwidth-slider.owl-carousel .owl-controls .owl-nav .owl-next {
    background: #ffba00;
    width: 33px;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    height: 33px
}

.fullwidth-slider.owl-carousel .owl-controls .owl-nav .owl-prev {
    margin-right: 20px
}

.fullwidth-slider.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    background: #eaac05;
    color: #000;
    text-decoration: none
}

.fullwidth-slider.owl-theme .owl-controls {
    margin-top: 4em
}

.fullwidth-silder {
    padding-top: 2em
}

.fullwidth-silder2 .owl-theme .owl-controls,
.fullwidth-silder3 .owl-theme .owl-controls {
    margin-top: 0
}

.fullwidth-slider2 .owl-nav,
.fullwidth-slider3 .owl-nav {
    position: absolute;
    top: -92px;
    width: 1170px;
    text-align: right;
    margin: 0 auto;
    left: 0;
    right: 0
}

.event-pad {
    padding-top: 1.3em
}

.news-wrapper {
    position: relative;
    background: #f4f4f4
}

.news-evn-img {
    position: relative;
    overflow: hidden
}

.news-evn-img:before {
    content: '';
    position: absolute;
    bottom: -3px;
    width: 10px;
    height: 3px;
    display: inline-block;
    background: #fff;
    margin: 0
}

.news-evn-img .event-date {
    position: absolute;
    width: 62px;
    height: 68px;
    text-align: center;
    background: #ffba00;
    left: 10px;
    bottom: 0
}

.news-evn-img .event-date h3 {
    font: 600 1.6em/1.2em "Open Sans", sans-serif;
    color: #fff;
    margin: 0;
    padding: .4em 0 0
}

.news-evn-img .event-date h3 small {
    color: #fff;
    font: 400 .59em/1em "Open Sans", sans-serif;
    display: block
}

.news-evn-cont {
    position: relative
}

.news-evn-cont h3 {
    font: 600 1.07em/1.5em "Raleway", sans-serif;
    letter-spacing: .5px;
    color: #000;
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    margin: 0;
    padding: 0 0 .5em
}

.news-evn-cont p {
    font: 400 1em/1.5em "Open Sans", sans-serif;
    color: #8e8d8d;
    margin: 0;
    padding: 0
}

.news-meta {
    padding: 1.8em 0 1em
}

.news-meta a {
    font: 400 1.07em/1em "PT Serif", sans-serif;
    color: #a6a6a6;
    padding-right: 13px;
    font-style: italic
}

.news-meta a+a:before {
    content: '';
    background: #a6a6a6;
    margin-right: 15px;
    width: 1px;
    height: 14px;
    bottom: -3px;
    position: relative;
    display: inline-block
}

.sectpad-sec {
    padding-top: 5.7em;
    padding-bottom: 5.7em
}

.our-sol-wrapper {
    position: relative;
    overflow: hidden;
    padding: 3em 0;
    background-size: cover
}

.our-sol-wrapper p {
    font: 300 32px "Open Sans", sans-serif;
    margin: 0;
    padding: 0;
    color: #fff;
    text-align: center
}

.our-sol-wrapper p span {
    color: #ffba00
}

.ind-common-pad {
    padding-top: 5.5em;
    padding-bottom: 5.5em
}

.our-t-client {
    position: relative
}

.our-t-client p {
    color: #898989;
    font: 400 1em/1.8em "Open Sans", sans-serif;
    margin: 1em 0 2em;
    padding: 0
}

.our-t-client ul {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.our-t-client ul li {
    margin: 0 1em 1.2em 0;
    padding: 0;
    float: left
}

.our-t-client ul li:last-child {
    margin: 0
}

.our-t-client ul li img {
    border: 1px solid #ebebeb;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease
}

.our-t-client ul li img:hover {
    border: 1px solid #103d68;
    border-radius: 100%
}

.get-t-touch {
    position: relative;
    border: 1px solid #ebebeb;
    overflow: hidden;
    margin-top: 1.6em
}

.get-t-touch-inner {
    position: relative;
    border: 9px solid #f7f7f9;
    padding: 2em 1.5em;
    overflow: hidden
}

.get-t-touch .input_form form .form-control {
    margin-bottom: 20px;
    border-radius: 0;
    font: 1em/1em "Open Sans", sans-serif;
    color: #b7b6b6;
    padding: 11px 20px;
    border: 1px solid #eaeaea;
    height: auto;
    box-shadow: none
}

.get-t-touch .select-menu+.ui-selectmenu-button {
    width: 100% !important;
    border-radius: 0;
    padding: 0 40px 0 20px;
    border: 1px solid #eaeaea;
    height: 42px;
    background: #fff;
    outline: 0;
    color: #b7b6b6;
    margin-bottom: 20px
}

.get-t-touch .select-menu+.ui-selectmenu-button .ui-selectmenu-text {
    padding: 0;
    font: .9em/1em "Open Sans", sans-serif;
    line-height: 42px
}

.get-t-touch .select-menu+.ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s {
    background: url(../images/select-menu-arrow1.png) 0 0 no-repeat;
    width: 16px;
    height: 8px;
    margin-top: -4px;
    margin-right: 4px
}

.get-t-touch .select-menu+.ui-selectmenu-menu .ui-menu-item {
    background: #2d6293;
    border-color: #00acd9;
    font-style: normal
}

.get-t-touch .submit-n-now {
    position: relative
}

.get-t-touch .submit-n-now button {
    background: #ffba00;
    color: #fff;
    font: 600 1.08em/1em 'Roboto', sans-serif;
    display: inline-block;
    padding: 1em 1.52em;
    border-radius: 4px;
    border: 1px solid #ffba00;
    margin: 0
}

.get-t-touch .submit-n-now button:hover {
    border-radius: 4px;
    color: #fff;
    border: 1px solid #53cff5;
    background: #53cff5
}

.get-t-touch .submit-n-now button i {
    margin-left: 14px
}

.indurial-t-solution {
    background: #103d68
}

.contactus-button2 {
    position: relative;
    display: inline-block;
    margin-left: 4em
}

.contactus-button2 a {
    background: #ffba00;
    color: #fff;
    border-radius: 4px;
    font: 600 1.08em/1em 'Roboto', sans-serif;
    padding: .8em 1.6em;
    display: inline-block;
    border: 1px solid #ffba00
}

.contactus-button2 a:hover {
    border-radius: 4px;
    border: 1px solid #487703;
    color: #fff
}

.contactus-button2 a i {
    margin-left: 10px
}

.contactus-button2 submit:hover {
    border-color: #53cff5;
    color: #fff
}

.contactus-button2 submit:focus {
    color: #fff
}

.footer-bg {
    background: #091723
}

.footer-t-bottom {
    background: #1b1b1b
}

.logo-wrapper {
    text-align: left;
    min-height: 106px
}

.logo-wrapper img {
    display: inline-block
}

.sec-title h2 {
    margin-bottom: 1em
}

.about-us-section {
    padding: 100px 0;
    min-height: 738px;
}

.about-us-section .sec-title h2 {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 40px 0
}

.about-us-section .about-us {
    padding: 0 100px 0 0
}

.about-us-section .about-us img {
    width: 100%
}

.about-us-section .about-us ul li:before {
    content: '\f0a9';
    margin-right: 11px;
    font-family: 'FontAwesome';
    color: #233859
}

.about-us-section .about-us p {
    margin: 32px 0
}

.about-us-section .about-us ul li {
    font-size: 14px;
    line-height: 32px;
    color: #6c6c6c
}

.about-us-section .about-us ul,
.about-us-section .about-us ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.about-us-section .faq-left-box .single-faq-left:last-child {
    margin-bottom: 0
}

.about-us-section .about-us .thm-button {
    margin: 40px 0 0 0
}

.faq-left-box .single-faq-left {
    margin-bottom: 42px
}

.faq-left-box .single-faq-left .icon-box,
.faq-left-box .single-faq-left .text-box {
    display: table-cell;
    vertical-align: top;
    padding: 10px 0 0 0
}

.faq-left-box .single-faq-left .icon-box {
    font-size: 44px;
    width: 45px;
    color: #2e78cc
}

.faq-left-box .single-faq-left .text-box {
    padding: 0 0 0 20px
}

.faq-left-box .single-faq-left .text-box h3,
.faq-left-box .single-faq-left .text-box p {
    margin: 0
}

.faq-left-box .single-faq-left .text-box h3 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    color: #333340;
    line-height: 30px
}

.faq-left-box .single-faq-left .text-box p {
    color: #898989;
    font-size: 15px;
    line-height: 26px;
    margin-top: 9px
}

.faq-sec .right-box {
    padding: 40px 0 0 0
}

.footer-bg3 {
    padding: 20px 0 25px 0;
    background-size: cover;
    background: #fff;
    position: relative;
    background-attachment: fixed
}

.footer-bg3 h4.widget_title {
    text-transform: capitalize;
    font-style: italic
}

.widget-contact-list ul li a {
    color: #000 !important
}

.footer-bottom3 {
    padding: 10px 0
}

.footer-bottom3 .fo-txt p {
    margin: 0
}

.footer-bottom3 .fo-txt p a {
    color: #ffba00
}

.testimonial-wrapper3 {
    background-size: cover
}

.testimonial-wrapper3 .testimonial-sec .testimonial-slider .owl-dots .owl-dot span {
    border: 2px solid #fff
}

.testimonial-wrapper3 .testimonial-sec .testimonial-slider .owl-dots .owl-dot.active span,
.testimonial-wrapper3 .testimonial-sec .owl-theme .owl-dots .owl-dot:hover span {
    border: 2px solid #ffa10d
}

.testimonial-wrapper2 {
    background-size: cover
}

.testimonial-wrapper2 .testimonial-sec .testimonial-slider .owl-dots .owl-dot span {
    border: 2px solid #fff
}

.testimonial-wrapper2 .testimonial-sec .testimonial-slider .owl-dots .owl-dot.active span,
.testimonial-wrapper3 .testimonial-sec .owl-theme .owl-dots .owl-dot:hover span {
    border: 2px solid #ffa10d
}

.indurial-t-solution3 {
    background-size: cover;
    padding: 29px 0;
    min-height: 100px;
    clear: both
}

.indurial-t-solution3 h2 {
    font-style: normal;
    font-weight: 300;
    padding: 6px 0 0 50px;
    float: left
}

.indurial-t-solution3 .contactus-button2 a {
    margin: 0
}

.indurial-t-solution3 .contactus-button2 {
    margin-left: 0
}

#contact-google-map {
    width: 100%;
    height: 500px
}

.map-section {
    position: relative;
    clear: both
}

.map-outer {
    position: relative
}

.map-section .outer-container {
    position: absolute;
    max-width: 1170px;
    padding: 0 15px;
    margin: 0 auto;
    z-index: 20
}

.map-section .outer-container .info-container {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    bottom: 375px;
    padding: 30px 50px 20px 50px;
    background: #1a3b66;
    border: 10px solid #FFF;
    z-index: 4;
    float: left;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20);
    -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20);
    -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20)
}

.map-section .outer-container .info-container address h4 {
    font-size: 30px;
    color: #FFF;
    font-weight: bold;
    padding-bottom: 20px
}

.map-section .outer-container .info-container address .info {
    float: left;
    margin-bottom: 20px
}

.map-section .outer-container .info-container address .fa {
    float: left;
    color: orange;
    font-size: 16px;
    margin-right: 10px
}

.map-section .outer-container .info-container address p {
    font-size: 14px;
    color: #FFF;
    float: left
}

.diff-offer-wrapper3 {
    padding: 0 0 38px 0;
    min-height: 661px
}

.diff-offer-wrapper3 .diff-offer {
    padding: 74px 0
}

.diff-offer-wrapper3 .diff-offer h2 {
    margin: 0;
    font-weight: 300;
    line-height: 40px
}

.diff-offer-wrapper3 .diff-offer h2 a {
    color: #3cbfe7;
    text-decoration: underline;
    font-weight: 500
}

.diff-offer-wrapper3 .service-info .post-image {
    margin: 0 0 30px 0
}

.diff-offer-wrapper3 .service-info h4 {
    margin: 0
}

.diff-offer-wrapper3 .service-info h4 a {
    color: #242424;
    font: 600 18px "Open Sans", sans-serif;
    text-transform: uppercase;
    -webkit-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    margin: 0 0 15px 0
}

.diff-offer-wrapper3 .service-info p {
    padding: 0;
    margin: 0 0 18px 0
}

.diff-offer-wrapper3 .service-info-right .post-image {
    width: 100px
}

.diff-offer-wrapper3 .service-info-right .post-content {
    float: left;
    width: 260px;
    padding: 0 0 0 15px;
    box-sizing: border-box
}

.diff-offer-wrapper3 .service-info-right .post-image img {
    width: 100px;
    height: 100px
}

.diff-offer-wrapper3 .service-info-right h4 a {
    margin: 0
}

.diff-offer-wrapper3 .service-info h6 {
    margin: 0
}

.diff-offer-wrapper3 .service-info .item {
    float: left
}

.read-more {
    margin: 35px 0 0 0
}

.we-customer-support {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.we-customer-support .work-image-ser {
    width: -webkit-calc(50% - 115px);
    width: calc(50% - 115px);
    float: left;
    text-align: right;
    display: block;
    position: relative
}

.we-customer-support .service-promo {
    width: -webkit-calc(50%+115px);
    width: calc(50%+115px);
    float: left;
    position: relative;
    padding-left: 0;
}

.we-customer-support .service-t-content {
    max-width: 650px;
    margin: 0;
    z-index: 2;
    position: relative;
    padding: 78px 0 78px 110px
}

.we-customer-support .service-t-content form input[type="text"] {
    background: #0d2840;
    color: #3a78b6;
    font-size: 15px;
    height: 50px;
    width: 100%;
    padding: 0 20px;
    margin: 0 0 15px 0;
    border: 1px solid #254766;
    border-radius: 5px
}

.we-customer-support .service-t-content p {
    font: 300 20px "Open Sans", sans-serif;
    color: #fff;
    margin: 0 0 25px 0
}

@media(max-width:991px) {
    .we-customer-support .work-image-ser {
        width: 100%;
        text-align: center
    }
    .we-customer-support .service-promo {
        padding: 15px;
        width: 100%
    }
}

#minimal-bootstrap-carousel .carousel-caption {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    text-align: right;
    text-shadow: none
}

#minimal-bootstrap-carousel .carousel-caption .thm-container {
    display: table;
    width: 100%;
    height: 100%;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

#minimal-bootstrap-carousel .carousel-caption .thm-container.thm-3slide {
    text-align: left
}

#minimal-bootstrap-carousel .carousel-caption .thm-container .box {
    display: table-cell
}

#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-top {
    vertical-align: top
}

#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-top .content {
    padding-top: 132px
}

#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-bottom .content {
    padding-bottom: 132px
}

#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-bottom {
    vertical-align: bottom
}

#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-middle {
    vertical-align: middle
}

#minimal-bootstrap-carousel .carousel-caption .thm-container .box .content {
    display: inline-block
}

#minimal-bootstrap-carousel .carousel-caption .thm-container .box .content.slide3 {
    float: left;
    width: 50%
}

#minimal-bootstrap-carousel .carousel-inner .item {
    min-height: 638px;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-color: #1e1e1e
}

#minimal-bootstrap-carousel .carousel-control {
    background: 0;
    width: 40px;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    visibility: visible !important;
    opacity: .65;
    margin-top: -20px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    top: 50%;
    border-radius: 0;
    z-index: 88
}

#minimal-bootstrap-carousel .carousel-control.left {
    left: 1%
}

#minimal-bootstrap-carousel .carousel-control.right {
    right: 1%
}

#minimal-bootstrap-carousel .carousel-control:hover {
    opacity: 1;
    background: #000
}

h1.bnrfnt50 {
    font-size: 50px;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.3px !important;
    margin-bottom: 20px
}

h1.bnrfnt40 {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.3px !important;
    margin-bottom: 20px
}

h1.bnrfnt50 span.color1 {
    color: #f8c12c;
    font-weight: normal
}

h1.bnrfnt50 span.color2 {
    color: #44bfff
}

h1.bnrfnt50 span.color3 {
    color: #f8c12c;
    font-weight: bold
}

#minimal-bootstrap-carousel span.line {
    height: 4px;
    width: 100px;
    background: #e6ab0c;
    display: block;
    margin: 0 0 20px 0
}

#minimal-bootstrap-carousel .carousel-caption .thm-container.txt-left {
    text-align: left
}

#minimal-bootstrap-carousel .carousel-caption .thm-container .box .content.cnt_wdt1 {
    width: 60%
}

#minimal-bootstrap-carousel .carousel-caption p.pln_he {
    line-height: 30px;
    margin-bottom: 40px;
    font-size: 18px;
    font-style: italic;
    color: #fff
}

#minimal-bootstrap-carousel.ver_new_3_slider .carousel-inner .item {
    min-height: 600px
}

#minimal-bootstrap-carousel.ver_new_2_slider .carousel-inner .item {
    min-height: 665px
}

#minimal-bootstrap-carousel.ver_new_1_slider .item,
#minimal-bootstrap-carousel .carousel-inner.ver_new_5_slider .item {
    min-height: 642px
}

#minimal-bootstrap-carousel.ver_new_4_slider .carousel-inner .item {
    min-height: 858px
}

#minimal-bootstrap-carousel.ver_new_2_slider .carousel-inner .carousel-caption .thm-container .box.valign-top .content {
    padding-top: 165px
}

#minimal-bootstrap-carousel.ver_new_1_slider .carousel-caption .thm-container .box.valign-top .content {
    padding-top: 165px
}

ul.banner_btm_list {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

ul.banner_btm_list li {
    list-style: none;
    float: left;
    width: 33.3%;
    padding: 50px 30px;
    top: 0;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    bottom: -20px;
    min-height: 272px;
    cursor: pointer;
    text-align: center
}

ul.banner_btm_list li img {
    margin: 0 0 20px 0
}

ul.banner_btm_list li h4 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    margin: 0 0 15px 0
}

ul.banner_btm_list li p {
    line-height: 22px;
    font-size: 14px;
    color: #fff
}

ul.banner_btm_list li.yellow_prd_bg {
    background-size: cover
}

ul.banner_btm_list li.yellow_prd_bg h4 a {
    color: #000
}

ul.banner_btm_list li.yellow_prd_bg p {
    color: #000
}

ul.banner_btm_list li.blue_prd_bg {
    background-size: cover
}

ul.banner_btm_list li:hover {
    z-index: 100;
    margin: -25px 0 0 0;
    min-height: 297px
}

ul.banner_btm_list li.blue_prd_bg h4 a {
    color: #fff
}

ul.banner_btm_list li.lytblue_prd_bg {
    background-size: cover
}

ul.banner_btm_list li.lytblue_prd_bg h4 a {
    color: #fff
}

ul.banner_btm_list li.lytblue_prd_bg p {
    color: #fff
}

.search_overlay {
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background: #eef0f3;
    position: fixed;
    top: 0;
    left: 0
}

.search_overlay.show {
    opacity: 1;
    visibility: visible;
    z-index: 9999999
}

.search_overlay .close_search {
    width: 23px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 10px
}

.search_main_container {
    max-width: 600px;
    margin: -100px auto 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    width: 100%
}

.search_main_container h4 {
    font-size: 25px;
    color: #242424;
    margin-bottom: 30px
}

.search_main_container form {
    position: relative;
    width: 100%;
    float: left
}

.search_main_container .search_lightbox_input {
    width: 100%;
    float: left;
    border-bottom: 1px solid #242424 !important;
    border: 0;
    font-size: 18px;
    color: #242424;
    background: transparent;
    padding: 5px 0
}

.search_lightbox_input::-webkit-input-placeholder {
    color: #242424
}

.search_lightbox_input:-moz-placeholder {
    color: #242424
}

.search_lightbox_input::-moz-placeholder {
    color: #242424
}

.search_lightbox_input:-ms-input-placeholder {
    color: #242424
}

.search_overlay button[type='submit'] {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 35px;
    border: 0;
    background: 0
}

section.newsletter {
    margin: 0 0 100px 0
}

section.newsletter .inn {
    background: url("../images/home_page_variation5/bg-newsletter.jpg") top center no-repeat #f0f0ef;
    min-height: 142px;
    padding: 23px 40px
}

section.newsletter .inn h2 {
    font: bold 2em/1em "Alegreya", serif;
    color: #000;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    letter-spacing: .3px;
    margin: 0
}

section.newsletter .inn input[type="text"] {
    width: 100%;
    height: 45px
}

section.newsletter .inn p {
    color: #8e8d8d;
    font-size: 15px;
    margin: 0
}

section.newsletter .req-button a {
    line-height: 44px;
    background: #4dcef6;
    padding: 0 20px;
    border: 1px solid #4dcef6
}

section.newsletter .req-button {
    margin: 0
}

section.newsletter .req-button a i {
    padding: 0 0 0 10px
}

.tt-gallery-1 {
    display: block;
    position: relative;
    overflow: hidden
}

.tt-gallery-1-caption {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    text-align: center;
    opacity: 0;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    z-index: 1000
}

.tt-gallery-1-caption-table {
    display: table;
    position: relative;
    width: 100%;
    height: 100%
}

.tt-gallery-1-caption-inner {
    display: table-cell;
    vertical-align: middle;
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    transform: translateY(-15%);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.tt-gallery-1-name {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 3px
}

.tt-gallery-1-cat {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #898989;
    letter-spacing: .2px
}

.tt-gallery-1-search {
    display: inline-block;
    width: 66px;
    height: 66px;
    font-size: 22px;
    line-height: 66px;
    color: #000;
    text-align: center;
    background: #fac012;
    border-radius: 50%
}

.tt-gallery-1:hover .tt-gallery-1-caption {
    opacity: 1
}

.tt-gallery-1:hover .tt-gallery-1-caption-inner {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.tt-gallery-1-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .1
}

#imagelightbox {
    position: fixed;
    z-index: 9999;
    -ms-touch-action: none;
    touch-action: none
}

#imagelightbox-close {
    width: 2.5em;
    height: 2.5em;
    text-align: left;
    background-color: #05305a;
    position: fixed;
    z-index: 10002;
    top: 5em;
    right: 2.5em;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease;
    border: 0
}

#imagelightbox-close:before,
#imagelightbox-close:after {
    width: 2px;
    background-color: #fff;
    content: '';
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 50%;
    margin-left: -1px
}

#imagelightbox-close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#imagelightbox-close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#imagelightbox-close:hover {
    background-color: #fff;
    outline: 0
}

#imagelightbox-close:hover:before,
#imagelightbox-close:hover:after {
    background: #05305a
}

#imagelightbox-loading,
#imagelightbox-loading div {
    -moz-border-radius: 50%;
    border-radius: 50%
}

#imagelightbox-loading {
    width: 2.5em;
    height: 2.5em;
    background-color: #444;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;
    padding: .625em;
    margin: -1.25em 0 0 -1.25em;
    -moz-box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75)
}

#imagelightbox-loading div {
    width: 1.25em;
    height: 1.25em;
    background-color: #fff;
    -webkit-animation: imagelightbox-loading .5s ease infinite;
    -moz-animation: imagelightbox-loading .5s ease infinite;
    animation: imagelightbox-loading .5s ease infinite
}

#imagelightbox-overlay {
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#imagelightbox-caption {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
    background-color: #05305a;
    position: fixed;
    z-index: 10001;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 14px 0
}

.imagelightbox-arrow {
    font-size: 40px;
    line-height: 56px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.32);
    width: 3.75em;
    height: 7.5em;
    background-color: transparent;
    vertical-align: middle;
    display: none;
    position: fixed;
    z-index: 10001;
    top: 50%;
    margin-top: -3.75em;
    border: 0
}

.imagelightbox-arrow-left {
    left: 2.5em;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.imagelightbox-arrow-right {
    right: 2.5em;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.imagelightbox-arrow-left:focus,
.imagelightbox-arrow-right:focus {
    outline: 0
}

.imagelightbox-arrow-left:hover,
.imagelightbox-arrow-right:hover {
    color: #fff
}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow {
    -webkit-animation: fade-in .25s linear;
    -moz-animation: fade-in .25s linear;
    animation: fade-in .25s linear
}

@media only screen and (max-width:660px) {
    #container {
        width: 100%
    }
    #imagelightbox-close {
        top: 1.25em;
        right: 1.25em
    }
    #imagelightbox-nav {
        bottom: 1.25em
    }
    .imagelightbox-arrow {
        width: 2.5em
    }
    .imagelightbox-arrow-left {
        left: 1.25em
    }
    .imagelightbox-arrow-right {
        right: 1.25em
    }
}

@media only screen and (max-width:320px) {
    .imagelightbox-arrow-left {
        left: 0
    }
    .imagelightbox-arrow-right {
        right: 0
    }
}

@media(max-width:767px) {
    .block.type-7 .filter-nav li {
        margin-bottom: 10px
    }
    .block.type-7 .filter-content a {
        display: block
    }
    .block.type-7 .filter-content a img {
        margin: 0 auto
    }
    .block.type-7 .icon-wrapper .icon-entry {
        margin-bottom: 30px
    }
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes fade-in {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes imagelightbox-loading {
    from {
        opacity: .5;
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: .5;
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
}

@-moz-keyframes imagelightbox-loading {
    from {
        opacity: .5;
        -moz-transform: scale(0.75);
        transform: scale(0.75)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: .5;
        -moz-transform: scale(0.75);
        transform: scale(0.75)
    }
}

@keyframes imagelightbox-loading {
    from {
        opacity: .5;
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        transform: scale(0.75)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: .5;
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        transform: scale(0.75)
    }
}

.mobile-link {
    display: none
}

.mobile-link a.submit {
    background: #f8c12c;
    margin: 30px 15px 15px;
    display: block;
    border-radius: 3px;
    padding: 13.5px;
    font-size: 16px;
    text-align: center;
    font-weight: bold
}

.mobile-link .widget-t-search {
    float: none;
    padding: 15px 0 30px 0;
    margin: 0 15px
}

.mobile-link .widget-t-inner {
    width: 100%
}

.slider-bg {
    width: 100%
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    line-height: 1;
    width: 100%
}

.slider-bg .carousel-caption a {
    background: #62a21c;
    color: #fff;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
    padding: 11px 16px;
    border-radius: 4px;
    border: 1px solid #fff;
    float: left;
    margin: 175px -127px
}

.slider .desc {
    width: 50%;
    background: #80c535;
    font-size: 20px;
    margin: 0 auto;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    top: 21px;
    box-shadow: 0 0 5px #00000063
}

.scrolltop {
    display: none;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    bottom: 20px;
    right: 10px
}

.scroll {
    position: absolute;
    right: 20px;
    bottom: 20px;
    background: #62a21c;
    padding: 20px;
    text-align: center;
    margin: 0;
    cursor: pointer;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

.scroll:hover {
    background: rgba(178, 178, 178, 1.0);
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

.scroll:hover .fa {
    padding-top: -10px
}

.scroll .fa {
    font-size: 30px;
    margin-top: -5px;
    margin-left: 1px;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    color: #fff
}

.flex-container {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    height: 444px
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background: #60a001;
    padding: 15px 20px
}

a#back-to-top .btn {
    background: #7fc435;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 0 19px;
    line-height: 40px;
    text-transform: uppercase;
    border: 0
}

@media screen and (max-width:768px) {
    .flex-container {
        flex-direction: column
    }
}

.flex-title {
    color: #f1f1f1;
    position: relative;
    font-size: 23px;
    margin: auto;
    text-align: center;
    transform: rotate(90deg);
    top: 35%;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

@media screen and (max-width:768px) {
    .flex-title {
        transform: rotate(0) !important
    }
}

.flex-about {
    opacity: 0;
    color: #000;
    position: relative;
    width: 100%;
    font-size: 15px;
    padding: 5%;
    top: 73%;
    line-height: 1.3;
    margin: auto;
    text-align: left;
    transform: rotate(0);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background-color: rgba(0, 73, 96, 0.7);
    z-index: 999
}

@media screen and (max-width:768px) {
    .flex-about {
        padding: 0;
        border: 0 solid #f1f1f1
    }
}

.flex-slide {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    height: 444px
}

@media screen and (max-width:768px) {
    .flex-slide {
        overflow: auto;
        overflow-x: hidden;
        padding: 21px 0
    }
}

@media screen and (max-width:768px) {
    .flex-slide p {
        font-size: 16px
    }
}

@media screen and (max-width:768px) {
    .flex-slide ul li {
        font-size: 2em
    }
}

.flex-slide:hover {
    -webkit-flex-grow: 3;
    flex-grow: 3
}

.home {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/reliability.jpg);
    background-size: cover;
    background-position: top center;
    padding: 100px 0
}

@media screen and (min-width:768px) {
    .home {
        -moz-animation: aboutFlexSlide;
        -moz-animation-duration: 3s;
        -moz-animation-iteration-count: 1;
        -moz-animation-delay: 0;
        -webkit-animation: aboutFlexSlide;
        -webkit-animation-duration: 3s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-delay: 0;
        animation: aboutFlexSlide;
        animation-duration: 3s;
        animation-iteration-count: 1;
        animation-delay: 0
    }
}

@keyframes aboutFlexSlide {
    0% {
        -webkit-flex-grow: 1;
        flex-grow: 1
    }
    50% {
        -webkit-flex-grow: 4;
        flex-grow: 4
    }
    100% {
        -webkit-flex-grow: 1;
        flex-grow: 1
    }
}

@media screen and (min-width:768px) {
    .flex-title-home {
        transform: rotate(90deg);
        top: 15%;
        -moz-animation: homeFlextitle;
        -moz-animation-duration: 3s;
        -moz-animation-iteration-count: 1;
        -moz-animation-delay: 0;
        -webkit-animation: homeFlextitle;
        -webkit-animation-duration: 3s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-delay: 0;
        animation: homeFlextitle;
        animation-duration: 3s;
        animation-iteration-count: 1;
        animation-delay: 0
    }
}

@keyframes homeFlextitle {
    0% {
        transform: rotate(90deg);
        top: 15%
    }
    50% {
        transform: rotate(0);
        top: 15%
    }
    100% {
        transform: rotate(90deg);
        top: 15%
    }
}

.flex-about-home {
    opacity: 0
}

@media screen and (min-width:768px) {
    .flex-about-home {
        -moz-animation: flexAboutHome;
        -moz-animation-duration: 3s;
        -moz-animation-iteration-count: 1;
        -moz-animation-delay: 0;
        -webkit-animation: flexAboutHome;
        -webkit-animation-duration: 3s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-delay: 0;
        animation: flexAboutHome;
        animation-duration: 3s;
        animation-iteration-count: 1;
        animation-delay: 0
    }
}

@keyframes flexAboutHome {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.pro-det-img {
    margin-top: 0
}

.map {
    position: relative
}

div#owl-demo .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    border-radius: 0;
    border: 0 solid #6ba70f;
    padding: 3px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cont-info i {
    color: #60a001;
    font-size: 49px
}

.cont-info p {
    padding: 15px 0;
    font-size: 15px
}

.cont-form input {
    border-radius: 0;
    margin: 8px 0;
    width: 100%;
    height: 46px
}

.cont-form textarea {
    border-radius: 0;
    margin: 8px 0
}

.cont-form .submit {
    margin: 30px 0
}

.div-set {
    position: relative
}

.cont-info {
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 76%;
    text-align: center;
    background: #fff;
    padding: 35px 0;
    z-index: 999
}

.cont-info .col-md-4 {
    border-right: 2px solid #60a001;
    height: 110px
}

.cont-form {
    margin: 27px 0
}

.cont-info .col-md-4:last-child {
    border: 0
}

.section_header2.text-left.abt h2:before {
    margin: 0
}

.about {
    background: url(../images/about-us.jpg);
    background-size: cover;
    padding: 148px 0
}

.contact1 {
    background-size: cover;
    background-position: center center;
    padding: 241px 0
}

.contact-form {
    width: 100%
}

input {
    width: 100%
}

textarea {
    width: 100%
}

.contact {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/value.jpg);
    background-size: cover;
    background-position: center center
}

.work {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/trans.jpeg);
    background-size: cover;
    background-position: center center
}

.home-style {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/home-style.jpg);
    background-size: cover;
    background-position: center center
}

.white-bg {
    background: #fff;
    margin: 45px 0 22px;
    padding: 2px;
    min-height: 163px
}

.spinner {
    position: fixed;
    top: 0;
    left: 0;
    background: #222;
    height: 100%;
    width: 100%;
    z-index: 11;
    margin-top: 0;
    color: #fff;
    font-size: 1em
}

.cube1,
.cube2 {
    background-color: #fff;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
    animation: sk-cubemove 1.8s infinite ease-in-out
}

.cube2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

@-webkit-keyframes sk-cubemove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5)
    }
    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(0.5)
    }
    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@keyframes sk-cubemove {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(0.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5)
    }
    50% {
        transform: translateX(42px) translateY(42px) rotate(-179deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg)
    }
    50.1% {
        transform: translateX(42px) translateY(42px) rotate(-180deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
    }
    75% {
        transform: translateX(0) translateY(42px) rotate(-270deg) scale(0.5);
        -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(0.5)
    }
    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg)
    }
}

.frame {
    width: 600px;
    height: 350px;
    margin: 250px auto 0;
    position: relative;
    background: #435d77;
    border-radius: 0 0 40px 40px
}

#button_open_envelope {
    width: 180px;
    height: 30px;
    position: absolute;
    z-index: 311;
    top: 250px;
    left: 208px;
    border-radius: 10px;
    color: #fff;
    font-size: 26px;
    padding: 15px 0;
    border: 2px solid #fff;
    transition: .3s
}

#button_open_envelope:hover {
    background: #FFf;
    color: #2b67cb;
    transform: scale(1.1);
    transition: background .25s, transform .5s, ease-in;
    cursor: pointer
}

.message {
    position: relative;
    width: 580px;
    min-height: 300px;
    height: auto;
    background: #fff;
    margin: 0 auto;
    top: 30px;
    box-shadow: 0 0 5px 2px #333;
    transition: 2s ease-in-out;
    transition-delay: 1.5s;
    z-index: 300
}

.left,
.right,
.top {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    z-index: 310
}

.top {
    border-right: 300px solid transparent;
    border-top: 200px solid #03a9f4;
    border-left: 300px solid transparent;
    transition: transform 1s, border 1s, ease-in-out;
    transform-origin: top;
    transform: rotateX(0);
    z-index: 500
}

.bottom {
    width: 600px;
    height: 190px;
    position: absolute;
    background: #2b67cb;
    top: 160px;
    border-radius: 0 0 30px 30px;
    z-index: 310
}

.open {
    transform-origin: top;
    transform: rotateX(180deg);
    transition: transform .7s, border .7s, z-index .7s ease-in-out;
    border-top: 200px solid #2c3e50;
    z-index: 200
}

.pull {
    -webkit-animation: message_animation 2s 1 ease-in-out;
    animation: message_animation 2s 1 ease-in-out;
    -webkit-animation-delay: .9s;
    animation-delay: .45s;
    transition: 1.5s;
    transition-delay: 1s;
    z-index: 350
}

.slider-bg .carousel-inner img {
    max-height: 650px;
    object-fit: cover
}

*:focus {
    outline: 0
}

input:focus:invalid,
textarea:focus:invalid {    
    box-shadow: 0 0 5px #fff;
    border: 1px solid #fff;
    color: #fff
}

input:required:valid,
textarea:required:valid {
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f
}

@-webkit-keyframes message_animation {
    0% {
        transform: translatey(0);
        z-index: 300;
        transition: 1s ease-in-out
    }
    50% {
        transform: translatey(-340px);
        z-index: 300;
        transition: 1s ease-in-out
    }
    51% {
        transform: translatey(-340px);
        z-index: 350;
        transition: 1s ease-in-out
    }
    100% {
        transform: translatey(0);
        z-index: 350;
        transition: 1s ease-in-out
    }
}

@keyframes message_animation {
    0% {
        transform: translatey(0);
        z-index: 300;
        transition: 1s ease-in-out
    }
    50% {
        transform: translatey(-340px);
        z-index: 300;
        transition: 1s ease-in-out
    }
    51% {
        transform: translatey(-340px);
        z-index: 350;
        transition: 1s ease-in-out
    }
    100% {
        transform: translatey(0);
        z-index: 350;
        transition: 1s ease-in-out
    }
}

#contact {
    background: #fff;
    position: relative;
    width: 48%;
    margin: 0 auto;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    border: 1px solid #60a001
}

.js #contact {
    position: absolute;
    top: 12em;
    display: none;
    left: 0;
    right: 0;
    z-index: 999
}

.contact-us input {
    border: 0;
    margin: 7px 7px;
    width: 292px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background: 0;
    display: block;
    color: #000
}

.contact-us textarea {
    border: 0;
    width: 94%;
    height: 100px;
    display: block;
    margin-left: 21px;
    background: 0;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    color: #000
}

#submit {
    color: #fff;
    width: 100%;
    padding: 15px 0
}

.map-1 iframe {
    position: relative;
    margin-top: -127px
}

#submit:hover {
    color: #fff
}

.contact-us .btn {
    background: 0;
    border: 2px solid #252525;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    margin: 15em auto;
    padding: 0 11px;
    color: #212121;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    transition: ease all .3s;
    display: block
}

.contact-us textarea:focus,
input:focus {
    outline: 0
}

.contact-us ul li {
    list-style: none
}

.contact-us h1 {
    font-weight: 800;
    text-transform: uppercase;
    color: #60a001;
    font-size: 32px;
    text-align: center;
    margin: 30px 100px
}

.contact-us ul {
    display: inline-block
}

.contact-us .btn:hover {
    background: #60a001;
    color: #fff;
    border: #60a001 solid 2px
}

.contact-us .btn:active {
    background: #33a;
    color: #fff;
    border: #33a solid 2px
}

.social-strip button {
    width: 150px;
    border: 0;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
    box-shadow: 3px 3px 3px #ccc
}

.social-strip button span {
    position: relative;
    top: 5px;
    color: #fff;
    font-weight: bold
}

.social-strip button i {
    float: left;
    color: #fff
}

.social-strip .fb {
    background-color: #524a86
}

.social-strip .tr {
    background-color: #7ba0d9
}

.social-strip .gp {
    background-color: #df4b34
}

#socail-media {
    width: 54%;
    margin: 22px auto 13px
}

#socail-media ul {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0
}

#socail-media ul li:nth-child(1) {
    list-style: none;
    float: left;
    text-align: center;
    width: 20%;
    background: #3b5998
}

#socail-media ul li:nth-child(2) {
    list-style: none;
    float: left;
    text-align: center;
    width: 20%;
    background: #00aced
}

#socail-media ul li:nth-child(3) {
    list-style: none;
    float: left;
    text-align: center;
    width: 20%;
    background: #f33
}

#socail-media ul li:nth-child(4) {
    list-style: none;
    float: left;
    text-align: center;
    width: 20%;
    background: #1f7397
}

#socail-media ul li:nth-child(5) {
    list-style: none;
    float: left;
    text-align: center;
    width: 20%;
    background: #ac1542
}

#socail-media ul li a {
    color: #fff;
    font-size: 17px;
    padding: 32px 0;
    display: block;
    text-transform: uppercase
}

ul.foot-media {
    margin-bottom: 10px
}

ul.foot-media li img {
    width: 100%;
    max-height: 100px
}

ul.foot-media li {
    width: 42%;
    display: inline-block;
    margin: 0 3px 10px
}

ul.foot-media li img {
    width: 100%
}

a.view-more {
    background: #ffba00;
    color: #fff;
    padding: 8px 16px;
    margin: 4px 3px;
    float: left
}

.contact-us1 #wrap {
    width: 530px;
    margin: 20px auto 0;
    height: 1000px
}

.contact-us1 h1 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 48px;
    text-shadow: 0 1px 0 #ede8d9
}

.contact-us1 #form_wrap {
    overflow: hidden;
    height: 446px;
    position: relative;
    top: 0;
    -webkit-transition: all 1s ease-in-out .3s;
    -moz-transition: all 1s ease-in-out .3s;
    -o-transition: all 1s ease-in-out .3s;
    transition: all 1s ease-in-out .3s
}

.contact-us1 #form_wrap:before {
    content: "";
    position: absolute;
    bottom: 128px;
    left: 0;
    width: 530px;
    height: 316px
}

.contact-us1 #form_wrap:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 530px;
    height: 260px
}

.contact-us1 #form_wrap.hide:after,
#form_wrap.hide:before {
    display: none
}

.contact-us1 #form_wrap:hover {
    height: 660px;
    top: -200px
}

.contact-us1 form {
    background: #f7f2ec;
    position: relative;
    top: 200px;
    overflow: hidden;
    height: 200px;
    width: 400px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 0 3px #9d9d9d, inset 0 0 27px #fff;
    -moz-box-shadow: 0 0 3px #9d9d9d, inset 0 0 14px #fff;
    -webkit-box-shadow: 0 0 3px #9d9d9d, inset 0 0 27px #fff;
    -webkit-transition: all 1s ease-in-out .3s;
    -moz-transition: all 1s ease-in-out .3s;
    -o-transition: all 1s ease-in-out .3s;
    transition: all 1s ease-in-out .3s
}

.contact-us1 #form_wrap:hover form {
    height: 530px
}

.contact-us1 label {
    margin: 11px 20px 0 0;
    font-size: 16px;
    color: #b3aba1;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #fff
}

.map-1 {
    margin-top: -22%;
    float: left;
    width: 100%
}

.col-md-6 {
    padding: 0 0 !important
}

.contact-us1 input,
textarea {
    font: 14px normal normal uppercase helvetica, arial, serif;
    color: #7c7873;
    background: 0;
    height: 36px;
    padding: 0 10px;
    margin: 0 0 10px 0;
    border: 1px solid #f8f5f1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: inset 0 0 1px #726959;
    -webkit-box-shadow: inset 0 0 1px #b3a895;
    box-shadow: inset 0 0 1px #b3a895
}

.form-group input:focus {
    background: #004960;
    color: #fff
}

.form-group textarea:focus {
    background: #004960;
    color: #fff
}

.contact-us1 textarea {
    height: 80px;
    padding-top: 14px
}

.contact-us1 textarea:focus,
input:focus {
    background: #ccc
}

.contact-us1 #form_wrap input[type=submit] {
    position: relative;
    font-size: 24px;
    color: #7c7873;
    text-shadow: 0 1px 0 #fff;
    width: 100%;
    text-align: center;
    opacity: 0;
    background: 0;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: opacity .6s ease-in-out 0;
    -moz-transition: opacity .6s ease-in-out 0;
    -o-transition: opacity .6s ease-in-out 0;
    transition: opacity .6s ease-in-out 0
}

.contact-us1 #form_wrap:hover input[type=submit] {
    z-index: 1;
    opacity: 1;
    -webkit-transition: opacity .5s ease-in-out 1.3s;
    -moz-transition: opacity .5s ease-in-out 1.3s;
    -o-transition: opacity .5s ease-in-out 1.3s;
    transition: opacity .5s ease-in-out 1.3s
}

.contact-us1 #form_wrap:hover input:hover[type=submit] {
    color: #435c70
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity
}

.carousel-fade .carousel-inner .active {
    opacity: 1
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel-fade .carousel-control {
    z-index: 2
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner>.item.next,
    .carousel-fade .carousel-inner>.item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .carousel-fade .carousel-inner>.item.prev,
    .carousel-fade .carousel-inner>.item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .carousel-fade .carousel-inner>.item.next.left,
    .carousel-fade .carousel-inner>.item.prev.right,
    .carousel-fade .carousel-inner>.item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

div#carouselHacked .carousel-inner .item img {
    height: 850px;
    object-fit: cover
}

div#carouselHacked .carousel-caption {
    top: 40% !important
}

div#carouselHacked .carousel-caption .main-div {
    position: absolute;
    right: 0;
    width: 100%;
    text-align: center;
    padding: 10px 50px
}

div#carouselHacked .carousel-caption .main-div h2 {
    color: #ff7c35;
    margin-bottom: 35px;
    text-transform: capitalize;
    position: relative;
    letter-spacing: .3px;
    margin: 0;
    font-size: 90px
}

div#carouselHacked .carousel-caption .main-div p {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: .3px;
    margin: 0 0 20px;
    font-size: 21px;
    font-weight: 600
}

div#carouselHacked .carousel-caption .main-div a {
    background: #62a21c;
    color: #fff;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
    padding: 10px 10px;
    border-radius: 4px;
    border: 1px solid #fff;
    margin: 10px 0
}

span.glyphicon.glyphicon-chevron-left {
    margin-top: 400px;
    margin-left: 100px
}

span.glyphicon.glyphicon-chevron-right {
    margin-top: 400px;
    margin-right: 100px
}

header.smaller {
    height: 75px
}

header.smaller h1#logo {
    width: 150px;
    height: 75px;
    line-height: 55px;
    font-size: 55px;
    margin: 0
}

.gal-item img {
    margin-bottom: 15px;
    width: 100%;
    min-height: 193px;
    object-fit: cover
}

.close {
    position: absolute;
    right: 20px;
    top: -10px;
    cursor: pointer;
    font-weight: 400;
    font-size: 3em;
    color: #fff;
    opacity: 1;
    z-index: 9999
}

.core-projects.sectpad1 {
    padding: 50px 0
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 999999
}

section.core-projects.sectpad1 a {
    color: #fff;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    border: 1px solid #fff;
    float: left;
    margin: 0
}

.gal-item a:hover:after {
    opacity: 1
}

.gal-item a:after {
    padding: 0;
    content: "+";
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.75);
    position: absolute;
    right: 3px;
    left: 3px;
    top: 0;
    bottom: 16px;
    text-align: center;
    line-height: 188px;
    font-size: 30px;
    color: #fff;
    -webkit-transition: all .5s ease-in-out 0;
    -moz-transition: all .5s ease-in-out 0;
    transition: all .5s ease-in-out 0;
    width: 89%;
    margin: auto
}

.about2 {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/about-us.jpg);
    background-size: cover;
    padding: 148px 0;
    background-position: center
}

.dg-container {
    width: 100%;
    height: 341px;
    position: relative
}

.dg-wrapper {
    width: 481px;
    height: 316px;
    margin: 107px auto 0;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px
}

.dg-wrapper a {
    width: 480px;
    height: 316px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3)
}

.dg-wrapper a.dg-transition {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.dg-wrapper a img {
    display: block;
    padding: 0 0 0 1px;
    height: 316px;
    width: 480px
}

div#carouselHacked .item:after {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.dg-wrapper a span {
    text-align: center;
    color: #000;
    background: #ff7c35;
    padding: 10px 10px;
    font-size: 16px;
    bottom: -20px;
    text-transform: uppercase;
    /* display: none; */
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -18px;
    max-width: fit-content;
    width: -moz-max-content
}

.dg-wrapper a div:before,
.dg-wrapper a div:before {
    display: block;
    content: '';
    position: absolute;
    padding: 16px;
    right: 4px;
    bottom: 4px;
    left: 4px;
    border: 1px solid #fff
}

.dg-wrapper a.dg-center div {
    display: block
}

.dg-container nav {
    top: 39%;
    width: 100%;
    position: absolute;
    left: 0
}

.dg-container nav span {
    top: 5%;
    position: absolute;
    float: left;
    cursor: pointer;
    width: 43px;
    height: 58px;
    font-size: 0;
    background: transparent url(../images/arrows.png) no-repeat top left
}

span.dg-next {
    right: 0
}

.dg-container nav span:hover {
    top: 5%;
    position: absolute;
    float: left;
    cursor: pointer;
    width: 43px;
    height: 58px;
    font-size: 0;
    background: transparent url(../images/arrows-hover.png) no-repeat top left
}

.dg-container nav span.dg-next {
    background-position: top right;
    margin-left: 10px
}

.flex-slide.home .flex-about {
    top: 87%
}

.flex-slide.about .flex-about {
    top: 111%
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #000;
    background: #62a21c;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9)
}

#return-to-top:hover i {
    color: #fff;
    top: 5px
}

.soc {
    background: #fff;
    position: relative;
    width: 100%
}

.social-btns .btn {
    display: inline-block;
    background-color: #fff;
    width: 90px;
    height: 90px;
    line-height: 90px;
    margin: 0 10px;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
    opacity: .99
}

.social-btns .btn,
.social-btns .btn:before,
.social-btns .btn .fa {
    transition: all .35s;
    transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59)
}

.social-btns .btn:before {
    top: 90%;
    left: -110%
}

.social-btns .btn .fa {
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
}

.social-btns .btn.facebook:before {
    background-color: #3b5998
}

.social-btns .btn.facebook .fa {
    color: #3b5998
}

.social-btns .btn.twitter:before {
    background-color: #3cf
}

.social-btns .btn.twitter .fa {
    color: #3cf
}

.social-btns .btn.google:before {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1)
}

.social-btns .btn.google .fa {
    color: #dc4a38
}

.social-btns .btn.dribbble:before {
    background-color: #0077b5
}

.social-btns .btn.dribbble .fa {
    color: #0077b5
}

.social-btns .btn.skype:before {
    background-color: #e60023
}

.social-btns .btn.skype .fa {
    color: #f90128
}

.social-btns .btn:focus:before,
.social-btns .btn:hover:before {
    top: -10%;
    left: -10%
}

.social-btns .btn:focus .fa,
.social-btns .btn:hover .fa {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.social-btns .btn {
    display: inline-block;
    background-color: #fff;
    width: 90px;
    height: 90px;
    line-height: 90px;
    margin: 0 10px;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 9px 9px 54px 11px rgba(0, 0, 0, 0.1);
    opacity: .99;
    border-radius: 0
}

.social-btns .btn:before {
    content: '';
    width: 120%;
    height: 120%;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.social-btns .btn .fa {
    font-size: 38px;
    vertical-align: middle;
    margin: -10px
}

@media(max-width:320px) {
    .dg-wrapper {
        width: 100%;
        height: 316px;
        margin: 35px auto 0;
        overflow-x: hidden
    }
}

@media(max-width:767px) {
    .nav-t-holder .nav-t-header {
        display: block;
        padding: 21px 35px;
        float: right
    }
    .section_header2 h2 {
        font-size: 40px
    }
    section.core-projects.sectpad a {
        margin: 0 0 10px
    }
    .looking-wrapper h2 {
        font-size: 56px
    }
    .indurial-solution-text2 h2 {
        font-size: 19px
    }
    #whatweoffer .section_header2 h2 {
        position: relative;
        padding-bottom: 20px;
        letter-spacing: .3px;
        margin: 0;
        font-size: 47px
    }
    .t-logo {
        text-align: left;
        padding-bottom: 0;
        width: 48%
    }
    .nav-t-holder .nav-t-footer {
        display: none
    }
    div#carouselHacked .carousel-inner .item img {
        height: 100%;
        object-fit: cover
    }
    #feedback {
        position: fixed;
        right: 0;
        top: 17%;
        height: 265px;
        z-index: 99;
        margin-left: -3px;
        margin-bottom: 28px;
        z-index: 999999
    }
    #feedback textarea {
        min-height: 46px
    }
    #feedback-form {
        float: right;
        width: 174px;
        background: #80c535;
        z-index: 1000;
        padding-left: 12px;
        padding-right: 15px;
        padding-bottom: 6px;
        padding-top: 10px;
        background-clip: 'padding-box';
        border: 1px solid rgba(0, 0, 0, .2);
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 9px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        margin-top: -10%
    }
    div#carouselHacked .carousel-inner .item {
        height: auto
    }
    .main-div {
        display: none
    }
    .nav-t-holder .nav-t-footer ul.nav>li:first-child>a {
        padding: 0 24px
    }
    #whatweoffer .section_header2 {
        position: relative;
        padding: 0
    }
    .dg-wrapper {
        width: 100%;
        height: 316px;
        margin: 35px auto 0;
        overflow-x: hidden
    }
    .dg-wrapper a div {
        bottom: 18px
    }
    .flex-container {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        overflow: hidden;
        height: auto
    }
    .flex-about {
        opacity: 1 !important;
        color: #f1f1f1;
        position: relative;
        width: 86%;
        font-size: 15px;
        padding: 5%;
        top: 39%;
        padding: 17px !important;
        line-height: 1.3;
        margin: auto;
        text-align: left;
        transform: rotate(0);
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease
    }
    .footer-bg3 .widget-links {
        padding: 0 20px
    }
    .inner-banner2 {
        padding-bottom: 80px;
        background: #13314c;
        padding: 68px 0;
        background-size: cover
    }
    .dg-wrapper a div {
        left: -94px;
        width: 100% !important;
        padding: 12px 10px;
        font-size: 13px;
        outline: 0;
        max-width: -webkit-fill-available
    }
    .social-btns .btn {
        display: inline-block;
        background-color: #fff;
        width: 40px;
        height: 69px;
        line-height: 67px;
        margin: 5px 8px;
        text-align: center;
        position: relative;
        overflow: hidden;
        border-radius: 28%;
        box-shadow: 9px 9px 54px 11px rgba(0, 0, 0, 0.1);
        opacity: .99
    }
    .cont-info .col-md-4 {
        border-right: 0;
        height: 147px
    }
    .contact1 {
        background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
        background-size: cover;
        background-position: center center;
        padding: 87px 0
    }
    .inner-banner2 {
        padding-top: 136px;
        padding-bottom: 80px;
        background: #13314c;
        padding: 63px 0 !important;
        background-size: cover
    }
    .section_header2 img {
        float: left;
        width: 100%;
        margin-right: 30px;
        margin-bottom: 18px
    }
    .nav-t-holder ul.nav li.has-t-submenu>a>button {
        display: block;
        margin-top: -7px
    }
    .nav-t-holder .nav-t-footer ul.nav>li ul.submenu {
        position: absolute;
        width: 275px;
        opacity: 1;
        visibility: visible !important;
        z-index: 99999 !important;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16);
        -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16);
        -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16)
    }
    .inner-banner2 h2 {
        font: 600 4.3em/1em "Alegreya", serif;
        color: #fff;
        margin: 0;
        padding: 0;
        font-size: 23px;
        padding-top: 18px
    }
    .contact-us1 #form_wrap:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        background: 0;
        width: 517px;
        height: 260px
    }
    .contact-us1 #form_wrap:before {
        content: "";
        position: absolute;
        bottom: 128px;
        left: 0;
        background: 0;
        width: 530px;
        height: 316px
    }
    .contact-us1 form {
        background: #f7f2ec;
        position: relative;
        top: 0;
        overflow: hidden;
        height: 500px;
        width: 362px;
        margin: 0 auto;
        padding: 20px;
        border: 1px solid #fff;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        box-shadow: 0 0 3px #9d9d9d, inset 0 0 27px #fff;
        -moz-box-shadow: 0 0 3px #9d9d9d, inset 0 0 14px #fff;
        -webkit-box-shadow: 0 0 3px #9d9d9d, inset 0 0 27px #fff;
        -webkit-transition: all 1s ease-in-out .3s;
        -moz-transition: all 1s ease-in-out .3s;
        -o-transition: all 1s ease-in-out .3s;
        transition: all 1s ease-in-out .3s
    }
    .contact-us1 #wrap {
        width: 100%;
        margin: 20px auto 0;
        height: 1000px
    }
    .contact-us1 input[type=text],
    textarea {
        width: 82%
    }
    .contact-us1 #form_wrap input[type=submit] {
        position: relative;
        font-size: 24px;
        color: #7c7873;
        text-shadow: 0 1px 0 #fff;
        width: 82%;
        text-align: center;
        opacity: 1;
        background: 0;
        cursor: pointer;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: opacity .6s ease-in-out 0;
        -moz-transition: opacity .6s ease-in-out 0;
        -o-transition: opacity .6s ease-in-out 0;
        transition: opacity .6s ease-in-out 0
    }
    .contact-us1 #wrap {
        width: 100%;
        margin: -53px auto 0;
        height: 576px
    }
    .soc {
        background: #fff;
        position: relative;
        width: 100%;
        padding: -0 0;
        height: 222px
    }
}

.fadingEffect {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background: white;
    -moz-animation: showHide 5s ease-in alternate infinite;
    -webkit-animation: showHide 5s ease-in alternate infinite;
    -ms-animation: showHide 5s ease-in alternate infinite;
    -o-animation: showHide 5s ease-in alternate infinite;
    animation: showHide 5s ease-in alternate infinite
}

@-webkit-keyframes showHide {
    0%{
        width: 100%
    }
    40% {
        width: 0
    }
    60% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-moz-keyframes showHide {
    0% {
        width: 100%
    }
    40% {
        width: 0
    }
    60% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-ms-keyframes showHide {
    0% {
        width: 100%
    }
    40% {
        width: 0
    }
    60% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-o-keyframes showHide {
    0% {
        width: 100%
    }
    40% {
        width: 0
    }
    60% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@keyframes showHide {
    0% {
        width: 100%
    }
    40% {
        width: 0
    }
    60% {
        width: 0
    }
    100% {
        width: 100%
    }
}

.prod-desc p {
    margin: 0;
    color: #777;
    text-align: left;
    line-height: 26px
}

.prod-desc table {
    border: 1px solid #ddd
}

.prod-desc table {
    border: 1px solid #ddd
}

.prod-desc>tbody>tr:nth-child(odd)>td,
.prod-desc>tbody>tr:nth-child(odd)>th {
    background-color: #ddd
}

.prod-desc td {
    padding: 8px;
    line-height: 1.428571429
}

.panel-body .nav>li>a.active {
    color: #fab90a
}

.inner-banner2 h1 {
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: center
}

.img-left img {
    width: 100%;
    float: left;
    margin: 0;
    border: 1px solid #ddd;
    padding: 2px
}

.prod-desc {
    width: 43%;
    float: right
}

.prod-desc div {
    background: transparent !important;
    padding: 5px 10px;
    border: 1px solid #ccc
}

.pdimage {
    width: 836px
}

.pdtitle {
    color: #000;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    letter-spacing: .3px;
    margin: 1em 0 0
}

.pdtitle:before {
    content: "";
    width: 55px;
    height: 3px;
    display: inline-block;
    background: #fab90a;
    position: absolute;
    bottom: 0
}

.zoom-effect {
    animation: scale 1s ease-in-out
}

@keyframes scale {
    0% {
        transform: scale(0.5, 0.5)
    }
    50% {
        transform: scale(1.2, 1.2)
    }
}

.phone_lefts-side {
    position: relative
}

.phone_lefts-side a {
    position: fixed;
    bottom: 100px;
    background-color: #004960;
    animation: topBottom 4s infinite;
    z-index: 999;
    left: 20px;
    color: #fff;
    padding: 10px 16px;
    border-radius: 50%;
    font-size: 20px;
    animation: bounce 4s infinite alternate
}

.glow {
    font-size: 80px;
    color: #fff;
    text-align: center;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    -moz-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate
}

@-webkit-keyframes glow {
    from {
        text-shadow: 0 0 10px #f3fffd, 0 0 20px #f3fffd, 0 0 30px #f3fffd, 0 0 40px #f3fffd, 0 0 50px #f3fffd, 0 0 60px #f3fffd, 0 0 70px #f3fffd
    }
    to {
        text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd, 0 0 40px #f3fffd, 0 0 50px #016098, 0 0 60px #f3fffd, 0 0 70px #f3fffd, 0 0 80px #f3fffd
    }
}

@keyframes glow {
    from {
        text-shadow: 0 0 10px #f3fffd, 0 0 20px #f3fffd, 0 0 30px #f3fffd, 0 0 40px #f3fffd, 0 0 50px #f3fffd, 0 0 60px #f3fffd, 0 0 70px #f3fffd
    }
    to {
        text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd, 0 0 40px #f3fffd, 0 0 50px #016098, 0 0 60px #f3fffd, 0 0 70px #f3fffd, 0 0 80px #f3fffd
    }
}

.bounce {
    animation: bounce 965 1.6s ease infinite;
    transform-origin: 50% 50%
}

@keyframes bounce {
    0% {
        transform: translateY(0)
    }
    12.5% {
        transform: translateY(0)
    }
    25% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(-15px)
    }
    62.5% {
        transform: translateY(0)
    }
    75% {
        transform: translateY(-15px)
    }
    100% {
        transform: translateY(0)
    }
}

#whatsapp .wtsapp:focus {
    border: 0;
    outline: 0
}

#whatsapp .wtsapp {
    position: fixed;
    transition: all .5s ease;
    background: #25d366;
    display: block;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    border-radius: 50px;
    border-right: 0;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    bottom: 92px;
    left: 20px;
    border: 0;
    z-index: 99;
    width: 50px;
    height: 50px;
    line-height: 48px
}

#whatsapp .wtsapp:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    background: #25d366;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.enquiry {
    position: fixed;
    z-index: 1000;
    bottom: 15px;
    left: 20px;
    height: 50px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    cursor: pointer
}

.enquiry i {
    float: left;
    z-index: 999;
    position: absolute;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background: #ff7c35;
    transition: .5s;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4)
}

.enquiry strong {
    background: #f69a1d;
    line-height: 28px;
    color: #fff;
    padding: 10px 20px;
    border-radius: 0 30px 30px 0;
    height: 45px;
    float: left;
    font-size: 15px;
    margin-top: 3px;
    margin-left: 35px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4)
}

.enquiry i:hover {
    color: #fff
}

.enquiry strong:hover {
    color: #000;
    background: #eee
}

.modal-content {
    padding: 20px
}

span#exampleModalLabel {
    color: #fff;
    display: block;
    text-align: center;
    font-size: 22px;
    margin-bottom: 10px
}

p.send_p {
    color: #000;
    text-align: center;
    margin-bottom: 15px
}

.modal-content {
    background-color: #004960
}

button.modal_btn {
    width: 100%;
    border: 0;
    padding: 5px 0;
    background-color: #ff7c35;
    font-weight: 900
}

button.close {
    font-size: 30px;
    margin-top: 20px
}

.call-and-phone ul li {
    display: inline-block;
    margin-right: 12px;
}

.top-header {
    padding: 5px 0;
    background-color: #ff7c35
}

.call-and-phone ul li a {
    font-size: 15px;
    color: #000;
}

.call-and-phone ul li {
    color: #000;
}

ul.socialIcons {
    text-align: right
}

ul.socialIcons .fa-facebook {
    color: #fff;
    background: #3266a8;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50px
}

ul.socialIcons .fa-twitter {
    color: #fff;
    background: #00a4ed;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50px
}

ul.socialIcons .fa-instagram {
    color: #fff;
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50px
}

ul.socialIcons .fa-youtube {
    color: #fff;
    background: #e60023;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50px
}

ul.socialIcons .fa-linkedin {
    color: #fff;
    background: #0077b5;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50px
}

.t-logo img {
    background: #fff;
    /* padding: 10px; */
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 15px
}

.mb-0 {
    margin-bottom: 0
}

.text-white {
    color: #fff
}

.widget-contact ul li a {
    color: #000;
    line-height: 30px
}

.nav-t-footer {
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8px);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-backdrop-filter: blur(8px);
    padding: 0;
    margin-top: 20px
}

.indurial-solution-text2 p {
    color: #fff;
    margin-top: 20px;
    font-size: 16px
}

.indurial-solution-text2 p {
    width: 60%;
    margin: 0 auto;
    margin-top: 18px
}

.fixed .nav-t-holder .nav-t-footer ul.nav>li ul.submenu {
    background: rgba(0, 0, 0, 0.7)
}

.our-certifications-and-accedeitoin {
    padding: 50px 0;
    background: #f1f1f1
}

.our-certifications-and-accedeitoin h5 {
    font-size: 40px;
    color: #000
}

#owl-demo .item img {
    transition: .5s;
    /* padding: 10px; */
    background: #fff
}

#owl-demo .item img:hover {
    border: 1px solid #00543f;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15)
}

div#owl-demo .item {
    text-align: center
}

.default-padding {
    padding-top: 50px;
    padding-bottom: 50px
}

.contact-form-style-one {
    box-shadow: 0 15px 60px -10px rgb(109 117 143 / 33%);
    padding: 28px 35px;
    border-radius: 10px;
    position: relative;
    background: #fff
}

.sub-title {
    text-transform: uppercase;
    color: #096a75;
    font-weight: 800;
    display: inline-block;
    position: relative;
    z-index: 1
}

.contact-form-style-one button {
    display: inline-block;
    font-weight: 700;
    text-transform: capitalize;
    transition: all .35s ease-in-out;
    overflow: hidden;
    border-radius: 6px;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    font-size: 17px;
    letter-spacing: 0;
    position: relative;
    z-index: 1;
    color: #fff;
    border: 0;
    background: #ff7c35;
    padding: 16px 52px
}

.contact-form-style-one textarea {
    min-height: 180px
}

.contact-form-style-one input,
.contact-form-style-one textarea {
    margin-bottom: 15px;
    padding: 15px 20px;
    border: 0;
    background: #f8f8f8;
    font-size: 14px
}

.contact-style-one-info h2 {
    font-size: 40px;
    margin-bottom: 15px;
    line-height: 1
}

.contact-style-one-info p {
    color: #000;
    margin: 0 0 15px;
    text-transform: none;
    font-weight: 500
}

.contact-style-one-info li i {
    display: inline-block;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    background: #004960;
    border-radius: 50%;
    color: #ff7c35;
    font-size: 25px;
    margin-right: 20px
}

.contact-style-one-info li {
    display: flex;
    margin-top: 30px
}

.contact-area {
    background-size: 28%;
    background-repeat: no-repeat;
    background-position: 107% 98%
}

span.title {
    display: block;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 5px
}

.content a {
    color: #000;
    font-weight: 500
}

.info a {
    font-weight: 600;
    color: #000
}

.contact-form-style-one h2 {
    text-align: center;
    margin-bottom: 25px;
    font-size: 40px
}

#testi {
    text-align: center;
    padding: 15px 0;
    background: url(../images/social-media-bg.jpg);
    background-attachment: fixed;
    background-size: cover
}

.common-menu {
    margin-top: 18px
}

.common-menu ul {
    text-align: center
}

.common-menu ul li {
    display: inline-block;
    margin-right: 20px;
    font-size: 16px
}

.common-menu ul li a {
    color: #fff
}

.our-products {
    padding: 50px 0
}

.our-products h4 {
    font-size: 40px;
    color: #000
}

.grid {
    position: relative;
    margin: 0 auto;
    padding: 1em 0 4em;
    max-width: 1000px;
    list-style: none;
    text-align: center
}

.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    background: #3085a3;
    text-align: center
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%
}

.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none
}

.grid figure figcaption,
.grid figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.grid figure figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0
}

.grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300
}

.grid figure h2 span {
    font-weight: 800
}

.grid figure h2,
.grid figure p {
    margin: 0
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%
}

figure.effect-bubba {
    background: #004a5e
}

figure.effect-bubba img {
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    margin: 0 auto;
    width: 100%
}

figure.effect-bubba:hover img {
    opacity: .4
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}

figure.effect-bubba figcaption::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1)
}

figure.effect-bubba figcaption::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0)
}

figure.effect-bubba h2 {
    padding-top: 30%;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
}

figure.effect-bubba p {
    padding: 20px 2.5em;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.grid-btn a {
    background: #ff7c35;
    display: block;
    text-align: center;
    padding: 5px 0;
    float: left;
    width: 100%;
    color: #fff
}

.product-btn {
    text-align: center;
    margin-top: 28px
}

.product-btn a {
    text-align: center;
    margin-top: 28px;
    background: #004960;
    padding: 10px 30px;
    color: #fff
}

.our-products {
    background: url(../images/contact-bbbtm.webp)no-repeat;
    background-attachment: fixed;
    background-size: cover
}

.organic-oil {
    padding: 50px 0
}

.organic-oil .title h4 {
    font-size: 50px;
    text-align: center;
    color: #000
}

.caster_oil img {
    width: 100%
}

.middle-part img {
    width: 100%
}

.video-section {
    background-color: #006c74;
    padding: 30px 0;
    background: url(../images/bg-green.jpg);
    background-attachment: fixed
}

.certificate_img img {
    width: 100%;
    height: auto
}

.certificate_img-content h4 {
    text-align: center;
    font-size: 35px;
    margin-bottom: 25px;
    color: #fff
}

.certificate_img {
    margin-bottom: 30px
}

.middle-part h4 {
    color: #f59a95;
    font-size: 35px;
    text-align: center
}

.more-content-about {
    padding: 50px 0;
    background: #f1f1f1
}

.more-content-about_metter h3 {
    color: #096a75
}

.more-content-about_metter p {
    font-size: 16px;
    color: #000
}

.abt h2 {
    font-size: 29px
}

.abt {
    padding-bottom: 10px
}

.color-site {
    background-color: #004b5c
}

.sitema-links-item span {
    font-size: 22px;
    display: block;
    margin-bottom: 10px;
    text-align: center
}

.white-wrap {
    background-color: #004b5c
}

div#inner-frm span {
    font-size: 22px;
    padding-top: 15px;
    text-align: center;
    display: block
}

.submit-btn button {
    width: 100%;
    padding: 10px 0;
    background-color: #ff7c35;
    border: 0;
    font-family: 'Lora', sans-serif;
    color: #fff
}

div#inner-frm form {
    padding: 15px
}

.py-5 {
    padding: 50px 0
}

.color-site {
    padding: 10px 0;
    margin-bottom: 15px
}

.color-site a {
    color: #fff;
    font-weight: 600
}

.input_form input {
    width: 47%;
    float: left;
    margin-right: 15px
}

.touch_bg h2 {
    text-align: center
}

.touch_bg p {
    text-align: center
}

.map iframe {
    width: 100%;
    height: 300px;
    display: block
}

.touch_middle {
    margin-top: 50px
}

.full-width-type h3 {
    color: #fff;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px
}

.full-width-type {
    background-color: #ff7c35;
    margin-top: 20px;
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px
}

.inner-states a {
    color: #fff
}

.hvr-radial-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    background-color: #004b5c;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.inner-states a {
    width: 100%;
    display: block;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 15px
}

.qualiy-box p {
    margin-bottom: 15px;
    color: #000;
    text-align: justify;
    line-height: 28px;
    font-size: 15px
}

.qualiy-box small {
    font-family: 'Lora', sans-serif;
    margin-top: 20px;
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 14px
}

.qualiy-box ul li {
    margin-bottom: 18px;
    list-style-type: disc;
    font-size: 15px;
    color: #000
}

.qualiy-box span {
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
    font-size: 20px
}

.qualiy-box ul {
    padding-left: 15px
}

.certficate_page img {
    width: 100%;
    border: 1px solid #ccc;
    cursor: pointer
}

.certficate_page {
    margin-bottom: 30px
}

#customers {
    border-collapse: collapse;
    width: 100%;
    font-family: 'Lora', sans-serif
}

#customers td,
#customers th {
    border: 1px solid #ddd;
    padding: 8px
}

#customers tr:nth-child(even) {
    background-color: #f2f2f2
}

#customers tr:hover {
    background-color: #ddd
}

#customers th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #096a75;
    color: white
}

.mobile-menu {
    display: none
}

.ma5menu__container {
    z-index: 9999999 !important
}

.mobile-three-item {
    text-align: center;
    display: none;
    position: fixed;
    z-index: 999;
    bottom: 0;
    width: 100%
}

.mobile-three-item li {
    display: inline-block;
    margin-right: 0;
    padding: 10px 0;
    width: 48%
}

.mobile-three-item {
    text-align: center
}

.mobile-three-item li:first-child {
    background-color: #004b5c
}

.mobile-three-item li:nth-child(2) {
    background-color: #64b161
}

.mobile-three-item li:last-child {
    background-color: #ff7c35
}

.mobile-three-item a {
    color: #fff
}

.about1 h1 {
    text-align: center;
    color: #fff;
    font-size: 50px
}

.fennec-mobile-nav .navbar-nav {
    overflow-y: auto;
    height: 428px
}

.fennec-nav .navbar .navbar-nav .nav-item {
    position: relative;
    padding: 0
}

.fennec-nav .navbar .navbar-nav .nav-item a {
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    padding: 20px 12px;
    position: relative;
    z-index: 1;
    margin: 0
}

.fennec-nav .navbar .navbar-nav .nav-item a i {
    margin-left: 1px
}

.fennec-nav .navbar .navbar-nav .nav-item a i::before {
    font-size: 11px
}

.fennec-nav .navbar .navbar-nav .nav-item a:hover::before,
.fennec-nav .navbar .navbar-nav .nav-item a:focus::before,
.fennec-nav .navbar .navbar-nav .nav-item a.active::before {
    opacity: 1;
    visibility: visible
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(to right, #9020a7, #dc3672);
    position: absolute;
    border: 0;
    top: 80px;
    left: 0;
    width: 350px;
    z-index: 99;
    display: block;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 15px
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
    text-transform: capitalize;
    padding: 5px 15px;
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 600
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {
    display: none
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
    color: #fff;
    background-color: transparent
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after,
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after,
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {
    margin-top: 0
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
    left: 220px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: 220px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px
}

.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
    margin-top: 0
}

.navbar {
    padding: 0
}

.flex-about p {
    color: #fff
}

ul.submenu {
    column-count: 2
}

.snowfall_wrapper {
    position: relative;
    height: 100vh;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 2147483647
}

.snow {
    position: absolute;
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%
}

.snow:nth-child(1) {
    opacity: .2535;
    transform: translate(73.907vw, -10px) scale(0.0458);
    animation: fall-1 29s -25s linear infinite
}

@keyframes fall-1 {
    54.317% {
        transform: translate(76.866vw, 54.317vh) scale(0.0458)
    }
    to {
        transform: translate(75.3865vw, 100vh) scale(0.0458)
    }
}

.snow:nth-child(2) {
    opacity: .8979;
    transform: translate(92.4565vw, -10px) scale(0.2882);
    animation: fall-2 20s -7s linear infinite
}

@keyframes fall-2 {
    40.974% {
        transform: translate(84.0864vw, 40.974vh) scale(0.2882)
    }
    to {
        transform: translate(88.27145vw, 100vh) scale(0.2882)
    }
}

.snow:nth-child(3) {
    opacity: .3582;
    transform: translate(2.6884vw, -10px) scale(0.6139);
    animation: fall-3 21s -13s linear infinite
}

@keyframes fall-3 {
    54.118% {
        transform: translate(-6.001vw, 54.118vh) scale(0.6139)
    }
    to {
        transform: translate(-1.6563vw, 100vh) scale(0.6139)
    }
}

.snow:nth-child(4) {
    opacity: .0954;
    transform: translate(15.5107vw, -10px) scale(0.7496);
    animation: fall-4 16s -6s linear infinite
}

@keyframes fall-4 {
    48.095% {
        transform: translate(8.8721vw, 48.095vh) scale(0.7496)
    }
    to {
        transform: translate(12.1914vw, 100vh) scale(0.7496)
    }
}

.snow:nth-child(5) {
    opacity: .218;
    transform: translate(32.3642vw, -10px) scale(0.7391);
    animation: fall-5 14s -16s linear infinite
}

@keyframes fall-5 {
    45.299% {
        transform: translate(31.4625vw, 45.299vh) scale(0.7391)
    }
    to {
        transform: translate(31.91335vw, 100vh) scale(0.7391)
    }
}

.snow:nth-child(6) {
    opacity: .6936;
    transform: translate(90.6849vw, -10px) scale(0.0528);
    animation: fall-6 10s -26s linear infinite
}

@keyframes fall-6 {
    71.813% {
        transform: translate(90.118vw, 71.813vh) scale(0.0528)
    }
    to {
        transform: translate(90.40145vw, 100vh) scale(0.0528)
    }
}

.snow:nth-child(7) {
    opacity: .088;
    transform: translate(74.8652vw, -10px) scale(0.6207);
    animation: fall-7 25s -26s linear infinite
}

@keyframes fall-7 {
    65.828% {
        transform: translate(72.0403vw, 65.828vh) scale(0.6207)
    }
    to {
        transform: translate(73.45275vw, 100vh) scale(0.6207)
    }
}

.snow:nth-child(8) {
    opacity: .9027;
    transform: translate(1.0706vw, -10px) scale(0.2424);
    animation: fall-8 16s -5s linear infinite
}

@keyframes fall-8 {
    67.967% {
        transform: translate(5.9265vw, 67.967vh) scale(0.2424)
    }
    to {
        transform: translate(3.49855vw, 100vh) scale(0.2424)
    }
}

.snow:nth-child(9) {
    opacity: .7047;
    transform: translate(7.4897vw, -10px) scale(0.5081);
    animation: fall-9 23s -7s linear infinite
}

@keyframes fall-9 {
    41.743% {
        transform: translate(4.6207vw, 41.743vh) scale(0.5081)
    }
    to {
        transform: translate(6.0552vw, 100vh) scale(0.5081)
    }
}

.snow:nth-child(10) {
    opacity: .6171;
    transform: translate(17.9132vw, -10px) scale(0.4715);
    animation: fall-10 10s -5s linear infinite
}

@keyframes fall-10 {
    58.078% {
        transform: translate(16.5062vw, 58.078vh) scale(0.4715)
    }
    to {
        transform: translate(17.2097vw, 100vh) scale(0.4715)
    }
}

.snow:nth-child(11) {
    opacity: .8898;
    transform: translate(80.1006vw, -10px) scale(0.4846);
    animation: fall-11 21s -7s linear infinite
}

@keyframes fall-11 {
    39.123% {
        transform: translate(73.7455vw, 39.123vh) scale(0.4846)
    }
    to {
        transform: translate(76.92305vw, 100vh) scale(0.4846)
    }
}

.snow:nth-child(12) {
    opacity: .1691;
    transform: translate(17.7345vw, -10px) scale(0.8105);
    animation: fall-12 23s -30s linear infinite
}

@keyframes fall-12 {
    65.533% {
        transform: translate(9.9491vw, 65.533vh) scale(0.8105)
    }
    to {
        transform: translate(13.8418vw, 100vh) scale(0.8105)
    }
}

.snow:nth-child(13) {
    opacity: .1655;
    transform: translate(57.453vw, -10px) scale(0.4224);
    animation: fall-13 24s -28s linear infinite
}

@keyframes fall-13 {
    47.96% {
        transform: translate(47.648vw, 47.96vh) scale(0.4224)
    }
    to {
        transform: translate(52.5505vw, 100vh) scale(0.4224)
    }
}

.snow:nth-child(14) {
    opacity: .2796;
    transform: translate(71.522vw, -10px) scale(0.031);
    animation: fall-14 30s -6s linear infinite
}

@keyframes fall-14 {
    67.985% {
        transform: translate(65.1346vw, 67.985vh) scale(0.031)
    }
    to {
        transform: translate(68.3283vw, 100vh) scale(0.031)
    }
}

.snow:nth-child(15) {
    opacity: .3459;
    transform: translate(59.158vw, -10px) scale(0.164);
    animation: fall-15 15s -18s linear infinite
}

@keyframes fall-15 {
    70.502% {
        transform: translate(53.9246vw, 70.502vh) scale(0.164)
    }
    to {
        transform: translate(56.5413vw, 100vh) scale(0.164)
    }
}

.snow:nth-child(16) {
    opacity: .2691;
    transform: translate(39.4069vw, -10px) scale(0.7452);
    animation: fall-16 25s -30s linear infinite
}

@keyframes fall-16 {
    77.972% {
        transform: translate(48.8226vw, 77.972vh) scale(0.7452)
    }
    to {
        transform: translate(44.11475vw, 100vh) scale(0.7452)
    }
}

.snow:nth-child(17) {
    opacity: .1516;
    transform: translate(36.3244vw, -10px) scale(0.2254);
    animation: fall-17 23s -16s linear infinite
}

@keyframes fall-17 {
    56.66% {
        transform: translate(30.7032vw, 56.66vh) scale(0.2254)
    }
    to {
        transform: translate(33.5138vw, 100vh) scale(0.2254)
    }
}

.snow:nth-child(18) {
    opacity: .0526;
    transform: translate(69.2299vw, -10px) scale(0.3748);
    animation: fall-18 27s -6s linear infinite
}

@keyframes fall-18 {
    67.937% {
        transform: translate(66.2507vw, 67.937vh) scale(0.3748)
    }
    to {
        transform: translate(67.7403vw, 100vh) scale(0.3748)
    }
}

.snow:nth-child(19) {
    opacity: .2207;
    transform: translate(34.2113vw, -10px) scale(0.9116);
    animation: fall-19 21s -23s linear infinite
}

@keyframes fall-19 {
    61.271% {
        transform: translate(28.8203vw, 61.271vh) scale(0.9116)
    }
    to {
        transform: translate(31.5158vw, 100vh) scale(0.9116)
    }
}

.snow:nth-child(20) {
    opacity: .3575;
    transform: translate(26.3801vw, -10px) scale(0.5761);
    animation: fall-20 22s -23s linear infinite
}

@keyframes fall-20 {
    41.036% {
        transform: translate(27.1486vw, 41.036vh) scale(0.5761)
    }
    to {
        transform: translate(26.76435vw, 100vh) scale(0.5761)
    }
}

.snow:nth-child(21) {
    opacity: .341;
    transform: translate(79.0028vw, -10px) scale(0.9674);
    animation: fall-21 26s -13s linear infinite
}

@keyframes fall-21 {
    39.944% {
        transform: translate(86.467vw, 39.944vh) scale(0.9674)
    }
    to {
        transform: translate(82.7349vw, 100vh) scale(0.9674)
    }
}

.snow:nth-child(22) {
    opacity: .8184;
    transform: translate(67.5249vw, -10px) scale(0.2048);
    animation: fall-22 24s -2s linear infinite
}

@keyframes fall-22 {
    50.418% {
        transform: translate(64.8722vw, 50.418vh) scale(0.2048)
    }
    to {
        transform: translate(66.19855vw, 100vh) scale(0.2048)
    }
}

.snow:nth-child(23) {
    opacity: .3058;
    transform: translate(75.8969vw, -10px) scale(0.1643);
    animation: fall-23 17s -22s linear infinite
}

@keyframes fall-23 {
    55.175% {
        transform: translate(81.5933vw, 55.175vh) scale(0.1643)
    }
    to {
        transform: translate(78.7451vw, 100vh) scale(0.1643)
    }
}

.snow:nth-child(24) {
    opacity: .737;
    transform: translate(46.884vw, -10px) scale(0.5513);
    animation: fall-24 22s -26s linear infinite
}

@keyframes fall-24 {
    39.361% {
        transform: translate(56.6601vw, 39.361vh) scale(0.5513)
    }
    to {
        transform: translate(51.77205vw, 100vh) scale(0.5513)
    }
}

.snow:nth-child(25) {
    opacity: .5706;
    transform: translate(85.1793vw, -10px) scale(0.9445);
    animation: fall-25 15s -17s linear infinite
}

@keyframes fall-25 {
    78.095% {
        transform: translate(77.0364vw, 78.095vh) scale(0.9445)
    }
    to {
        transform: translate(81.10785vw, 100vh) scale(0.9445)
    }
}

.snow:nth-child(26) {
    opacity: .9929;
    transform: translate(12.8291vw, -10px) scale(0.4196);
    animation: fall-26 16s -8s linear infinite
}

@keyframes fall-26 {
    73.887% {
        transform: translate(8.5154vw, 73.887vh) scale(0.4196)
    }
    to {
        transform: translate(10.67225vw, 100vh) scale(0.4196)
    }
}

.snow:nth-child(27) {
    opacity: .9074;
    transform: translate(83.1104vw, -10px) scale(0.7121);
    animation: fall-27 15s -14s linear infinite
}

@keyframes fall-27 {
    68.653% {
        transform: translate(91.0046vw, 68.653vh) scale(0.7121)
    }
    to {
        transform: translate(87.0575vw, 100vh) scale(0.7121)
    }
}

.snow:nth-child(28) {
    opacity: .1929;
    transform: translate(71.9311vw, -10px) scale(0.2012);
    animation: fall-28 13s -30s linear infinite
}

@keyframes fall-28 {
    36.169% {
        transform: translate(65.7163vw, 36.169vh) scale(0.2012)
    }
    to {
        transform: translate(68.8237vw, 100vh) scale(0.2012)
    }
}

.snow:nth-child(29) {
    opacity: .9248;
    transform: translate(24.2654vw, -10px) scale(0.8294);
    animation: fall-29 29s -27s linear infinite
}

@keyframes fall-29 {
    58.246% {
        transform: translate(26.9728vw, 58.246vh) scale(0.8294)
    }
    to {
        transform: translate(25.6191vw, 100vh) scale(0.8294)
    }
}

.snow:nth-child(30) {
    opacity: .6974;
    transform: translate(41.525vw, -10px) scale(0.6511);
    animation: fall-30 11s -26s linear infinite
}

@keyframes fall-30 {
    59.281% {
        transform: translate(36.2007vw, 59.281vh) scale(0.6511)
    }
    to {
        transform: translate(38.86285vw, 100vh) scale(0.6511)
    }
}

.snow:nth-child(31) {
    opacity: .2129;
    transform: translate(65.2825vw, -10px) scale(0.8497);
    animation: fall-31 16s -19s linear infinite
}

@keyframes fall-31 {
    55.968% {
        transform: translate(59.3005vw, 55.968vh) scale(0.8497)
    }
    to {
        transform: translate(62.2915vw, 100vh) scale(0.8497)
    }
}

.snow:nth-child(32) {
    opacity: .3558;
    transform: translate(30.2017vw, -10px) scale(0.6286);
    animation: fall-32 27s -6s linear infinite
}

@keyframes fall-32 {
    74.793% {
        transform: translate(26.4879vw, 74.793vh) scale(0.6286)
    }
    to {
        transform: translate(28.3448vw, 100vh) scale(0.6286)
    }
}

.snow:nth-child(33) {
    opacity: .0496;
    transform: translate(18.6057vw, -10px) scale(0.7051);
    animation: fall-33 12s -3s linear infinite
}

@keyframes fall-33 {
    64.8% {
        transform: translate(18.204vw, 64.8vh) scale(0.7051)
    }
    to {
        transform: translate(18.40485vw, 100vh) scale(0.7051)
    }
}

.snow:nth-child(34) {
    opacity: .5896;
    transform: translate(44.1307vw, -10px) scale(0.5615);
    animation: fall-34 13s -23s linear infinite
}

@keyframes fall-34 {
    63.85% {
        transform: translate(35.6626vw, 63.85vh) scale(0.5615)
    }
    to {
        transform: translate(39.89665vw, 100vh) scale(0.5615)
    }
}

.snow:nth-child(35) {
    opacity: .7402;
    transform: translate(10.3066vw, -10px) scale(0.3034);
    animation: fall-35 18s -13s linear infinite
}

@keyframes fall-35 {
    70.552% {
        transform: translate(15.1652vw, 70.552vh) scale(0.3034)
    }
    to {
        transform: translate(12.7359vw, 100vh) scale(0.3034)
    }
}

.snow:nth-child(36) {
    opacity: .3273;
    transform: translate(33.2573vw, -10px) scale(0.6775);
    animation: fall-36 16s -5s linear infinite
}

@keyframes fall-36 {
    40.991% {
        transform: translate(24.6013vw, 40.991vh) scale(0.6775)
    }
    to {
        transform: translate(28.9293vw, 100vh) scale(0.6775)
    }
}

.snow:nth-child(37) {
    opacity: .0743;
    transform: translate(52.663vw, -10px) scale(0.2567);
    animation: fall-37 14s -20s linear infinite
}

@keyframes fall-37 {
    53.271% {
        transform: translate(58.4837vw, 53.271vh) scale(0.2567)
    }
    to {
        transform: translate(55.57335vw, 100vh) scale(0.2567)
    }
}

.snow:nth-child(38) {
    opacity: .0708;
    transform: translate(10.8743vw, -10px) scale(0.6374);
    animation: fall-38 27s -4s linear infinite
}

@keyframes fall-38 {
    42.021% {
        transform: translate(3.6609vw, 42.021vh) scale(0.6374)
    }
    to {
        transform: translate(7.2676vw, 100vh) scale(0.6374)
    }
}

.snow:nth-child(39) {
    opacity: .3311;
    transform: translate(80.5658vw, -10px) scale(0.8531);
    animation: fall-39 11s -24s linear infinite
}

@keyframes fall-39 {
    62.809% {
        transform: translate(81.512vw, 62.809vh) scale(0.8531)
    }
    to {
        transform: translate(81.0389vw, 100vh) scale(0.8531)
    }
}

.snow:nth-child(40) {
    opacity: .882;
    transform: translate(10.7261vw, -10px) scale(0.772);
    animation: fall-40 21s -10s linear infinite
}

@keyframes fall-40 {
    77.955% {
        transform: translate(19.7671vw, 77.955vh) scale(0.772)
    }
    to {
        transform: translate(15.2466vw, 100vh) scale(0.772)
    }
}

.snow:nth-child(41) {
    opacity: .7039;
    transform: translate(85.3186vw, -10px) scale(0.2106);
    animation: fall-41 21s -5s linear infinite
}

@keyframes fall-41 {
    32.977% {
        transform: translate(91.9315vw, 32.977vh) scale(0.2106)
    }
    to {
        transform: translate(88.62505vw, 100vh) scale(0.2106)
    }
}

.snow:nth-child(42) {
    opacity: .8596;
    transform: translate(70.5095vw, -10px) scale(0.4027);
    animation: fall-42 28s -23s linear infinite
}

@keyframes fall-42 {
    45.772% {
        transform: translate(75.604vw, 45.772vh) scale(0.4027)
    }
    to {
        transform: translate(73.05675vw, 100vh) scale(0.4027)
    }
}

.snow:nth-child(43) {
    opacity: .2682;
    transform: translate(20.7881vw, -10px) scale(0.0719);
    animation: fall-43 10s -2s linear infinite
}

@keyframes fall-43 {
    45.908% {
        transform: translate(18.9126vw, 45.908vh) scale(0.0719)
    }
    to {
        transform: translate(19.85035vw, 100vh) scale(0.0719)
    }
}

.snow:nth-child(44) {
    opacity: .7275;
    transform: translate(63.4559vw, -10px) scale(0.9037);
    animation: fall-44 18s -24s linear infinite
}

@keyframes fall-44 {
    31.852% {
        transform: translate(72.0356vw, 31.852vh) scale(0.9037)
    }
    to {
        transform: translate(67.74575vw, 100vh) scale(0.9037)
    }
}

.snow:nth-child(45) {
    opacity: .6048;
    transform: translate(65.4669vw, -10px) scale(0.4181);
    animation: fall-45 17s -18s linear infinite
}

@keyframes fall-45 {
    63.234% {
        transform: translate(65.5066vw, 63.234vh) scale(0.4181)
    }
    to {
        transform: translate(65.48675vw, 100vh) scale(0.4181)
    }
}

.snow:nth-child(46) {
    opacity: .4965;
    transform: translate(71.0843vw, -10px) scale(0.8657);
    animation: fall-46 17s -4s linear infinite
}

@keyframes fall-46 {
    57.402% {
        transform: translate(70.6282vw, 57.402vh) scale(0.8657)
    }
    to {
        transform: translate(70.85625vw, 100vh) scale(0.8657)
    }
}

.snow:nth-child(47) {
    opacity: .3971;
    transform: translate(33.3162vw, -10px) scale(0.9073);
    animation: fall-47 21s -11s linear infinite
}

@keyframes fall-47 {
    49.808% {
        transform: translate(41.0029vw, 49.808vh) scale(0.9073)
    }
    to {
        transform: translate(37.15955vw, 100vh) scale(0.9073)
    }
}

.snow:nth-child(48) {
    opacity: .2907;
    transform: translate(74.3911vw, -10px) scale(0.1787);
    animation: fall-48 29s -4s linear infinite
}

@keyframes fall-48 {
    61.137% {
        transform: translate(65.7347vw, 61.137vh) scale(0.1787)
    }
    to {
        transform: translate(70.0629vw, 100vh) scale(0.1787)
    }
}

.snow:nth-child(49) {
    opacity: .2947;
    transform: translate(55.0825vw, -10px) scale(0.7779);
    animation: fall-49 30s -15s linear infinite
}

@keyframes fall-49 {
    32.785% {
        transform: translate(51.7265vw, 32.785vh) scale(0.7779)
    }
    to {
        transform: translate(53.4045vw, 100vh) scale(0.7779)
    }
}

.snow:nth-child(50) {
    opacity: .0611;
    transform: translate(29.6721vw, -10px) scale(0.8409);
    animation: fall-50 20s -9s linear infinite
}

@keyframes fall-50 {
    50.725% {
        transform: translate(38.4421vw, 50.725vh) scale(0.8409)
    }
    to {
        transform: translate(34.0571vw, 100vh) scale(0.8409)
    }
}

.snow:nth-child(51) {
    opacity: .9628;
    transform: translate(62.8088vw, -10px) scale(0.1425);
    animation: fall-51 16s -15s linear infinite
}

@keyframes fall-51 {
    38.198% {
        transform: translate(53.913vw, 38.198vh) scale(0.1425)
    }
    to {
        transform: translate(58.3609vw, 100vh) scale(0.1425)
    }
}

.snow:nth-child(52) {
    opacity: .9111;
    transform: translate(68.7347vw, -10px) scale(0.3394);
    animation: fall-52 16s -7s linear infinite
}

@keyframes fall-52 {
    62.588% {
        transform: translate(62.5277vw, 62.588vh) scale(0.3394)
    }
    to {
        transform: translate(65.6312vw, 100vh) scale(0.3394)
    }
}

.snow:nth-child(53) {
    opacity: .0151;
    transform: translate(64.5088vw, -10px) scale(0.5031);
    animation: fall-53 13s -15s linear infinite
}

@keyframes fall-53 {
    50.82% {
        transform: translate(66.7766vw, 50.82vh) scale(0.5031)
    }
    to {
        transform: translate(65.6427vw, 100vh) scale(0.5031)
    }
}

.snow:nth-child(54) {
    opacity: .2272;
    transform: translate(97.2192vw, -10px) scale(0.9566);
    animation: fall-54 17s -9s linear infinite
}

@keyframes fall-54 {
    78.885% {
        transform: translate(94.2713vw, 78.885vh) scale(0.9566)
    }
    to {
        transform: translate(95.74525vw, 100vh) scale(0.9566)
    }
}

.snow:nth-child(55) {
    opacity: .2251;
    transform: translate(42.8456vw, -10px) scale(0.9875);
    animation: fall-55 22s -26s linear infinite
}

@keyframes fall-55 {
    66.47% {
        transform: translate(40.4704vw, 66.47vh) scale(0.9875)
    }
    to {
        transform: translate(41.658vw, 100vh) scale(0.9875)
    }
}

.snow:nth-child(56) {
    opacity: .3151;
    transform: translate(17.9917vw, -10px) scale(0.9337);
    animation: fall-56 17s -10s linear infinite
}

@keyframes fall-56 {
    31.589% {
        transform: translate(8.6149vw, 31.589vh) scale(0.9337)
    }
    to {
        transform: translate(13.3033vw, 100vh) scale(0.9337)
    }
}

.snow:nth-child(57) {
    opacity: .3385;
    transform: translate(11.1292vw, -10px) scale(0.3292);
    animation: fall-57 25s -12s linear infinite
}

@keyframes fall-57 {
    74.737% {
        transform: translate(7.6129vw, 74.737vh) scale(0.3292)
    }
    to {
        transform: translate(9.37105vw, 100vh) scale(0.3292)
    }
}

.snow:nth-child(58) {
    opacity: .2007;
    transform: translate(77.4894vw, -10px) scale(0.2873);
    animation: fall-58 25s -2s linear infinite
}

@keyframes fall-58 {
    64.324% {
        transform: translate(81.9659vw, 64.324vh) scale(0.2873)
    }
    to {
        transform: translate(79.72765vw, 100vh) scale(0.2873)
    }
}

.snow:nth-child(59) {
    opacity: .9396;
    transform: translate(94.2503vw, -10px) scale(0.9714);
    animation: fall-59 24s -2s linear infinite
}

@keyframes fall-59 {
    35.854% {
        transform: translate(101.661vw, 35.854vh) scale(0.9714)
    }
    to {
        transform: translate(97.95565vw, 100vh) scale(0.9714)
    }
}

.snow:nth-child(60) {
    opacity: .3051;
    transform: translate(76.2244vw, -10px) scale(0.9929);
    animation: fall-60 10s -25s linear infinite
}

@keyframes fall-60 {
    61.575% {
        transform: translate(73.1556vw, 61.575vh) scale(0.9929)
    }
    to {
        transform: translate(74.69vw, 100vh) scale(0.9929)
    }
}

.snow:nth-child(61) {
    opacity: .9314;
    transform: translate(27.9645vw, -10px) scale(0.4751);
    animation: fall-61 26s -7s linear infinite
}

@keyframes fall-61 {
    68.256% {
        transform: translate(29.4227vw, 68.256vh) scale(0.4751)
    }
    to {
        transform: translate(28.6936vw, 100vh) scale(0.4751)
    }
}

.snow:nth-child(62) {
    opacity: .4511;
    transform: translate(8.7879vw, -10px) scale(0.8022);
    animation: fall-62 29s -1s linear infinite
}

@keyframes fall-62 {
    72.961% {
        transform: translate(15.6597vw, 72.961vh) scale(0.8022)
    }
    to {
        transform: translate(12.2238vw, 100vh) scale(0.8022)
    }
}

.snow:nth-child(63) {
    opacity: .9119;
    transform: translate(6.7985vw, -10px) scale(0.6068);
    animation: fall-63 22s -11s linear infinite
}

@keyframes fall-63 {
    45.775% {
        transform: translate(15.023vw, 45.775vh) scale(0.6068)
    }
    to {
        transform: translate(10.91075vw, 100vh) scale(0.6068)
    }
}

.snow:nth-child(64) {
    opacity: .2016;
    transform: translate(12.642vw, -10px) scale(0.0095);
    animation: fall-64 20s -13s linear infinite
}

@keyframes fall-64 {
    70.808% {
        transform: translate(6.2807vw, 70.808vh) scale(0.0095)
    }
    to {
        transform: translate(9.46135vw, 100vh) scale(0.0095)
    }
}

.snow:nth-child(65) {
    opacity: .0136;
    transform: translate(4.9931vw, -10px) scale(0.8574);
    animation: fall-65 29s -21s linear infinite
}

@keyframes fall-65 {
    44.531% {
        transform: translate(-1.0465vw, 44.531vh) scale(0.8574)
    }
    to {
        transform: translate(1.9733vw, 100vh) scale(0.8574)
    }
}

.snow:nth-child(66) {
    opacity: .9106;
    transform: translate(51.4256vw, -10px) scale(0.1242);
    animation: fall-66 14s -27s linear infinite
}

@keyframes fall-66 {
    52.482% {
        transform: translate(52.5907vw, 52.482vh) scale(0.1242)
    }
    to {
        transform: translate(52.00815vw, 100vh) scale(0.1242)
    }
}

.snow:nth-child(67) {
    opacity: .6838;
    transform: translate(73.5776vw, -10px) scale(0.8941);
    animation: fall-67 26s -26s linear infinite
}

@keyframes fall-67 {
    51.825% {
        transform: translate(68.2714vw, 51.825vh) scale(0.8941)
    }
    to {
        transform: translate(70.9245vw, 100vh) scale(0.8941)
    }
}

.snow:nth-child(68) {
    opacity: .7598;
    transform: translate(94.3262vw, -10px) scale(0.062);
    animation: fall-68 19s -21s linear infinite
}

@keyframes fall-68 {
    53.799% {
        transform: translate(102.0723vw, 53.799vh) scale(0.062)
    }
    to {
        transform: translate(98.19925vw, 100vh) scale(0.062)
    }
}

.snow:nth-child(69) {
    opacity: .6452;
    transform: translate(50.1418vw, -10px) scale(0.4446);
    animation: fall-69 25s -4s linear infinite
}

@keyframes fall-69 {
    73.683% {
        transform: translate(58.9533vw, 73.683vh) scale(0.4446)
    }
    to {
        transform: translate(54.54755vw, 100vh) scale(0.4446)
    }
}

.snow:nth-child(70) {
    opacity: .6486;
    transform: translate(43.4531vw, -10px) scale(0.8593);
    animation: fall-70 23s -23s linear infinite
}

@keyframes fall-70 {
    53.832% {
        transform: translate(35.6751vw, 53.832vh) scale(0.8593)
    }
    to {
        transform: translate(39.5641vw, 100vh) scale(0.8593)
    }
}

.snow:nth-child(71) {
    opacity: .1068;
    transform: translate(35.0334vw, -10px) scale(0.7183);
    animation: fall-71 23s -16s linear infinite
}

@keyframes fall-71 {
    32.788% {
        transform: translate(27.1851vw, 32.788vh) scale(0.7183)
    }
    to {
        transform: translate(31.10925vw, 100vh) scale(0.7183)
    }
}

.snow:nth-child(72) {
    opacity: .2027;
    transform: translate(99.2662vw, -10px) scale(0.0792);
    animation: fall-72 19s -3s linear infinite
}

@keyframes fall-72 {
    61.557% {
        transform: translate(89.6225vw, 61.557vh) scale(0.0792)
    }
    to {
        transform: translate(94.44435vw, 100vh) scale(0.0792)
    }
}

.snow:nth-child(73) {
    opacity: .2638;
    transform: translate(23.2586vw, -10px) scale(0.5281);
    animation: fall-73 30s -8s linear infinite
}

@keyframes fall-73 {
    68.11% {
        transform: translate(28.5841vw, 68.11vh) scale(0.5281)
    }
    to {
        transform: translate(25.92135vw, 100vh) scale(0.5281)
    }
}

.snow:nth-child(74) {
    opacity: .8552;
    transform: translate(17.7422vw, -10px) scale(0.451);
    animation: fall-74 10s -10s linear infinite
}

@keyframes fall-74 {
    62.431% {
        transform: translate(14.0175vw, 62.431vh) scale(0.451)
    }
    to {
        transform: translate(15.87985vw, 100vh) scale(0.451)
    }
}

.snow:nth-child(75) {
    opacity: .7533;
    transform: translate(84.0693vw, -10px) scale(0.1407);
    animation: fall-75 15s -4s linear infinite
}

@keyframes fall-75 {
    39.765% {
        transform: translate(74.3825vw, 39.765vh) scale(0.1407)
    }
    to {
        transform: translate(79.2259vw, 100vh) scale(0.1407)
    }
}

.snow:nth-child(76) {
    opacity: .7352;
    transform: translate(69.4939vw, -10px) scale(0.0522);
    animation: fall-76 24s -4s linear infinite
}

@keyframes fall-76 {
    53.977% {
        transform: translate(73.0285vw, 53.977vh) scale(0.0522)
    }
    to {
        transform: translate(71.2612vw, 100vh) scale(0.0522)
    }
}

.snow:nth-child(77) {
    opacity: .1006;
    transform: translate(96.0027vw, -10px) scale(0.433);
    animation: fall-77 22s -29s linear infinite
}

@keyframes fall-77 {
    72.162% {
        transform: translate(97.8576vw, 72.162vh) scale(0.433)
    }
    to {
        transform: translate(96.93015vw, 100vh) scale(0.433)
    }
}

.snow:nth-child(78) {
    opacity: .6361;
    transform: translate(1.124vw, -10px) scale(0.0703);
    animation: fall-78 21s -6s linear infinite
}

@keyframes fall-78 {
    66.085% {
        transform: translate(-2.0573vw, 66.085vh) scale(0.0703)
    }
    to {
        transform: translate(-0.46665vw, 100vh) scale(0.0703)
    }
}

.snow:nth-child(79) {
    opacity: .0398;
    transform: translate(22.6599vw, -10px) scale(0.2103);
    animation: fall-79 14s -16s linear infinite
}

@keyframes fall-79 {
    50.22% {
        transform: translate(26.9652vw, 50.22vh) scale(0.2103)
    }
    to {
        transform: translate(24.81255vw, 100vh) scale(0.2103)
    }
}

.snow:nth-child(80) {
    opacity: .7512;
    transform: translate(31.3665vw, -10px) scale(0.5569);
    animation: fall-80 15s -2s linear infinite
}

@keyframes fall-80 {
    31.009% {
        transform: translate(38.7298vw, 31.009vh) scale(0.5569)
    }
    to {
        transform: translate(35.04815vw, 100vh) scale(0.5569)
    }
}

.snow:nth-child(81) {
    opacity: .6565;
    transform: translate(85.5037vw, -10px) scale(0.7832);
    animation: fall-81 21s -16s linear infinite
}

@keyframes fall-81 {
    68.1% {
        transform: translate(79.8511vw, 68.1vh) scale(0.7832)
    }
    to {
        transform: translate(82.6774vw, 100vh) scale(0.7832)
    }
}

.snow:nth-child(82) {
    opacity: .0737;
    transform: translate(80.9561vw, -10px) scale(0.5878);
    animation: fall-82 16s -4s linear infinite
}

@keyframes fall-82 {
    71.562% {
        transform: translate(73.6996vw, 71.562vh) scale(0.5878)
    }
    to {
        transform: translate(77.32785vw, 100vh) scale(0.5878)
    }
}

.snow:nth-child(83) {
    opacity: .4302;
    transform: translate(67.9879vw, -10px) scale(0.2263);
    animation: fall-83 26s -14s linear infinite
}

@keyframes fall-83 {
    44.943% {
        transform: translate(76.9101vw, 44.943vh) scale(0.2263)
    }
    to {
        transform: translate(72.449vw, 100vh) scale(0.2263)
    }
}

.snow:nth-child(84) {
    opacity: .9284;
    transform: translate(8.8984vw, -10px) scale(0.2692);
    animation: fall-84 28s -9s linear infinite
}

@keyframes fall-84 {
    56.742% {
        transform: translate(1.2908vw, 56.742vh) scale(0.2692)
    }
    to {
        transform: translate(5.0946vw, 100vh) scale(0.2692)
    }
}

.snow:nth-child(85) {
    opacity: .3338;
    transform: translate(64.6049vw, -10px) scale(0.8259);
    animation: fall-85 13s -27s linear infinite
}

@keyframes fall-85 {
    67.679% {
        transform: translate(56.9017vw, 67.679vh) scale(0.8259)
    }
    to {
        transform: translate(60.7533vw, 100vh) scale(0.8259)
    }
}

.snow:nth-child(86) {
    opacity: .0735;
    transform: translate(76.3987vw, -10px) scale(0.787);
    animation: fall-86 18s -26s linear infinite
}

@keyframes fall-86 {
    74.266% {
        transform: translate(68.5825vw, 74.266vh) scale(0.787)
    }
    to {
        transform: translate(72.4906vw, 100vh) scale(0.787)
    }
}

.snow:nth-child(87) {
    opacity: .0811;
    transform: translate(17.9584vw, -10px) scale(0.9486);
    animation: fall-87 29s -10s linear infinite
}

@keyframes fall-87 {
    35.988% {
        transform: translate(26.0251vw, 35.988vh) scale(0.9486)
    }
    to {
        transform: translate(21.99175vw, 100vh) scale(0.9486)
    }
}

.snow:nth-child(88) {
    opacity: .7618;
    transform: translate(41.4503vw, -10px) scale(0.8297);
    animation: fall-88 28s -26s linear infinite
}

@keyframes fall-88 {
    58.87% {
        transform: translate(33.242vw, 58.87vh) scale(0.8297)
    }
    to {
        transform: translate(37.34615vw, 100vh) scale(0.8297)
    }
}

.snow:nth-child(89) {
    opacity: .2305;
    transform: translate(33.8235vw, -10px) scale(0.9286);
    animation: fall-89 13s -22s linear infinite
}

@keyframes fall-89 {
    75.808% {
        transform: translate(29.6772vw, 75.808vh) scale(0.9286)
    }
    to {
        transform: translate(31.75035vw, 100vh) scale(0.9286)
    }
}

.snow:nth-child(90) {
    opacity: .6542;
    transform: translate(99.8998vw, -10px) scale(0.3527);
    animation: fall-90 29s -24s linear infinite
}

@keyframes fall-90 {
    69.887% {
        transform: translate(102.7517vw, 69.887vh) scale(0.3527)
    }
    to {
        transform: translate(101.32575vw, 100vh) scale(0.3527)
    }
}

.snow:nth-child(91) {
    opacity: .3823;
    transform: translate(88.1222vw, -10px) scale(0.4945);
    animation: fall-91 15s -5s linear infinite
}

@keyframes fall-91 {
    77.07% {
        transform: translate(95.5541vw, 77.07vh) scale(0.4945)
    }
    to {
        transform: translate(91.83815vw, 100vh) scale(0.4945)
    }
}

.snow:nth-child(92) {
    opacity: .7653;
    transform: translate(22.1504vw, -10px) scale(0.1468);
    animation: fall-92 15s -3s linear infinite
}

@keyframes fall-92 {
    56.37% {
        transform: translate(30.0169vw, 56.37vh) scale(0.1468)
    }
    to {
        transform: translate(26.08365vw, 100vh) scale(0.1468)
    }
}

.snow:nth-child(93) {
    opacity: .8681;
    transform: translate(18.7276vw, -10px) scale(0.214);
    animation: fall-93 12s -26s linear infinite
}

@keyframes fall-93 {
    47.777% {
        transform: translate(20.5194vw, 47.777vh) scale(0.214)
    }
    to {
        transform: translate(19.6235vw, 100vh) scale(0.214)
    }
}

.snow:nth-child(94) {
    opacity: .9279;
    transform: translate(52.2178vw, -10px) scale(0.4413);
    animation: fall-94 24s -21s linear infinite
}

@keyframes fall-94 {
    38.666% {
        transform: translate(57.5451vw, 38.666vh) scale(0.4413)
    }
    to {
        transform: translate(54.88145vw, 100vh) scale(0.4413)
    }
}

.snow:nth-child(95) {
    opacity: .0345;
    transform: translate(79.1652vw, -10px) scale(0.1017);
    animation: fall-95 22s -11s linear infinite
}

@keyframes fall-95 {
    46.105% {
        transform: translate(82.2903vw, 46.105vh) scale(0.1017)
    }
    to {
        transform: translate(80.72775vw, 100vh) scale(0.1017)
    }
}

.snow:nth-child(96) {
    opacity: .902;
    transform: translate(73.3986vw, -10px) scale(0.981);
    animation: fall-96 29s -21s linear infinite
}

@keyframes fall-96 {
    56.056% {
        transform: translate(80.0799vw, 56.056vh) scale(0.981)
    }
    to {
        transform: translate(76.73925vw, 100vh) scale(0.981)
    }
}

.snow:nth-child(97) {
    opacity: .6094;
    transform: translate(44.0127vw, -10px) scale(0.5236);
    animation: fall-97 20s -7s linear infinite
}

@keyframes fall-97 {
    70.548% {
        transform: translate(43.8402vw, 70.548vh) scale(0.5236)
    }
    to {
        transform: translate(43.92645vw, 100vh) scale(0.5236)
    }
}

.snow:nth-child(98) {
    opacity: .1126;
    transform: translate(94.0964vw, -10px) scale(0.6274);
    animation: fall-98 24s -11s linear infinite
}

@keyframes fall-98 {
    65.389% {
        transform: translate(92.6869vw, 65.389vh) scale(0.6274)
    }
    to {
        transform: translate(93.39165vw, 100vh) scale(0.6274)
    }
}

.snow:nth-child(99) {
    opacity: .8677;
    transform: translate(87.9919vw, -10px) scale(0.9923);
    animation: fall-99 14s -22s linear infinite
}

@keyframes fall-99 {
    51.648% {
        transform: translate(83.3594vw, 51.648vh) scale(0.9923)
    }
    to {
        transform: translate(85.67565vw, 100vh) scale(0.9923)
    }
}

.snow:nth-child(100) {
    opacity: .1425;
    transform: translate(72.4442vw, -10px) scale(0.9849);
    animation: fall-100 30s -2s linear infinite
}

@keyframes fall-100 {
    78.219% {
        transform: translate(67.2501vw, 78.219vh) scale(0.9849)
    }
    to {
        transform: translate(69.84715vw, 100vh) scale(0.9849)
    }
}

.snow:nth-child(101) {
    opacity: .0445;
    transform: translate(8.904vw, -10px) scale(0.7165);
    animation: fall-101 20s -3s linear infinite
}

@keyframes fall-101 {
    48.379% {
        transform: translate(18.02vw, 48.379vh) scale(0.7165)
    }
    to {
        transform: translate(13.462vw, 100vh) scale(0.7165)
    }
}

.snow:nth-child(102) {
    opacity: .401;
    transform: translate(19.508vw, -10px) scale(0.1843);
    animation: fall-102 21s -16s linear infinite
}

@keyframes fall-102 {
    65.812% {
        transform: translate(23.7512vw, 65.812vh) scale(0.1843)
    }
    to {
        transform: translate(21.6296vw, 100vh) scale(0.1843)
    }
}

.snow:nth-child(103) {
    opacity: .9734;
    transform: translate(92.0374vw, -10px) scale(0.0149);
    animation: fall-103 23s -30s linear infinite
}

@keyframes fall-103 {
    35.896% {
        transform: translate(83.7905vw, 35.896vh) scale(0.0149)
    }
    to {
        transform: translate(87.91395vw, 100vh) scale(0.0149)
    }
}

.snow:nth-child(104) {
    opacity: .218;
    transform: translate(27.5535vw, -10px) scale(0.199);
    animation: fall-104 16s -29s linear infinite
}

@keyframes fall-104 {
    78.368% {
        transform: translate(36.2472vw, 78.368vh) scale(0.199)
    }
    to {
        transform: translate(31.90035vw, 100vh) scale(0.199)
    }
}

.snow:nth-child(105) {
    opacity: .6403;
    transform: translate(74.6507vw, -10px) scale(0.3813);
    animation: fall-105 10s -5s linear infinite
}

@keyframes fall-105 {
    68.473% {
        transform: translate(72.4842vw, 68.473vh) scale(0.3813)
    }
    to {
        transform: translate(73.56745vw, 100vh) scale(0.3813)
    }
}

.snow:nth-child(106) {
    opacity: .191;
    transform: translate(70.5261vw, -10px) scale(0.8608);
    animation: fall-106 13s -12s linear infinite
}

@keyframes fall-106 {
    67.738% {
        transform: translate(70.7877vw, 67.738vh) scale(0.8608)
    }
    to {
        transform: translate(70.6569vw, 100vh) scale(0.8608)
    }
}

.snow:nth-child(107) {
    opacity: .7655;
    transform: translate(74.4733vw, -10px) scale(0.2542);
    animation: fall-107 24s -4s linear infinite
}

@keyframes fall-107 {
    77.873% {
        transform: translate(78.9581vw, 77.873vh) scale(0.2542)
    }
    to {
        transform: translate(76.7157vw, 100vh) scale(0.2542)
    }
}

.snow:nth-child(108) {
    opacity: .8737;
    transform: translate(67.0556vw, -10px) scale(0.9969);
    animation: fall-108 26s -6s linear infinite
}

@keyframes fall-108 {
    31.786% {
        transform: translate(65.8583vw, 31.786vh) scale(0.9969)
    }
    to {
        transform: translate(66.45695vw, 100vh) scale(0.9969)
    }
}

.snow:nth-child(109) {
    opacity: .2324;
    transform: translate(97.1659vw, -10px) scale(0.9336);
    animation: fall-109 21s -17s linear infinite
}

@keyframes fall-109 {
    63.735% {
        transform: translate(103.3115vw, 63.735vh) scale(0.9336)
    }
    to {
        transform: translate(100.2387vw, 100vh) scale(0.9336)
    }
}

.snow:nth-child(110) {
    opacity: .7615;
    transform: translate(18.1674vw, -10px) scale(0.9311);
    animation: fall-110 18s -18s linear infinite
}

@keyframes fall-110 {
    78.782% {
        transform: translate(24.7324vw, 78.782vh) scale(0.9311)
    }
    to {
        transform: translate(21.4499vw, 100vh) scale(0.9311)
    }
}

.snow:nth-child(111) {
    opacity: .1056;
    transform: translate(76.2405vw, -10px) scale(0.5522);
    animation: fall-111 16s -28s linear infinite
}

@keyframes fall-111 {
    73.834% {
        transform: translate(76.7518vw, 73.834vh) scale(0.5522)
    }
    to {
        transform: translate(76.49615vw, 100vh) scale(0.5522)
    }
}

.snow:nth-child(112) {
    opacity: .5638;
    transform: translate(26.512vw, -10px) scale(0.8571);
    animation: fall-112 24s -1s linear infinite
}

@keyframes fall-112 {
    65.759% {
        transform: translate(30.9127vw, 65.759vh) scale(0.8571)
    }
    to {
        transform: translate(28.71235vw, 100vh) scale(0.8571)
    }
}

.snow:nth-child(113) {
    opacity: .3084;
    transform: translate(56.3652vw, -10px) scale(0.3431);
    animation: fall-113 17s -11s linear infinite
}

@keyframes fall-113 {
    65.584% {
        transform: translate(62.3945vw, 65.584vh) scale(0.3431)
    }
    to {
        transform: translate(59.37985vw, 100vh) scale(0.3431)
    }
}

.snow:nth-child(114) {
    opacity: .7811;
    transform: translate(69.559vw, -10px) scale(0.2243);
    animation: fall-114 20s -23s linear infinite
}

@keyframes fall-114 {
    77.819% {
        transform: translate(75.5457vw, 77.819vh) scale(0.2243)
    }
    to {
        transform: translate(72.55235vw, 100vh) scale(0.2243)
    }
}

.snow:nth-child(115) {
    opacity: .9547;
    transform: translate(85.3039vw, -10px) scale(0.6443);
    animation: fall-115 24s -8s linear infinite
}

@keyframes fall-115 {
    66.231% {
        transform: translate(90.8148vw, 66.231vh) scale(0.6443)
    }
    to {
        transform: translate(88.05935vw, 100vh) scale(0.6443)
    }
}

.snow:nth-child(116) {
    opacity: .5607;
    transform: translate(26.7731vw, -10px) scale(0.6458);
    animation: fall-116 12s -11s linear infinite
}

@keyframes fall-116 {
    72.823% {
        transform: translate(23.4402vw, 72.823vh) scale(0.6458)
    }
    to {
        transform: translate(25.10665vw, 100vh) scale(0.6458)
    }
}

.snow:nth-child(117) {
    opacity: .5478;
    transform: translate(76.5313vw, -10px) scale(0.4931);
    animation: fall-117 17s -25s linear infinite
}

@keyframes fall-117 {
    62.267% {
        transform: translate(76.9752vw, 62.267vh) scale(0.4931)
    }
    to {
        transform: translate(76.75325vw, 100vh) scale(0.4931)
    }
}

.snow:nth-child(118) {
    opacity: .8031;
    transform: translate(88.5633vw, -10px) scale(0.2965);
    animation: fall-118 19s -17s linear infinite
}

@keyframes fall-118 {
    37.22% {
        transform: translate(91.7041vw, 37.22vh) scale(0.2965)
    }
    to {
        transform: translate(90.1337vw, 100vh) scale(0.2965)
    }
}

.snow:nth-child(119) {
    opacity: .7586;
    transform: translate(52.4525vw, -10px) scale(0.1953);
    animation: fall-119 23s -19s linear infinite
}

@keyframes fall-119 {
    60.446% {
        transform: translate(61.7172vw, 60.446vh) scale(0.1953)
    }
    to {
        transform: translate(57.08485vw, 100vh) scale(0.1953)
    }
}

.snow:nth-child(120) {
    opacity: .1961;
    transform: translate(63.1728vw, -10px) scale(0.4642);
    animation: fall-120 15s -10s linear infinite
}

@keyframes fall-120 {
    50.11% {
        transform: translate(70.0821vw, 50.11vh) scale(0.4642)
    }
    to {
        transform: translate(66.62745vw, 100vh) scale(0.4642)
    }
}

.snow:nth-child(121) {
    opacity: .6056;
    transform: translate(1.3246vw, -10px) scale(0.434);
    animation: fall-121 11s -5s linear infinite
}

@keyframes fall-121 {
    37.245% {
        transform: translate(-3.853vw, 37.245vh) scale(0.434)
    }
    to {
        transform: translate(-1.2642vw, 100vh) scale(0.434)
    }
}

.snow:nth-child(122) {
    opacity: .9949;
    transform: translate(20.8006vw, -10px) scale(0.1933);
    animation: fall-122 30s -2s linear infinite
}

@keyframes fall-122 {
    50.063% {
        transform: translate(19.4692vw, 50.063vh) scale(0.1933)
    }
    to {
        transform: translate(20.1349vw, 100vh) scale(0.1933)
    }
}

.snow:nth-child(123) {
    opacity: .1275;
    transform: translate(68.7359vw, -10px) scale(0.6655);
    animation: fall-123 17s -24s linear infinite
}

@keyframes fall-123 {
    65.751% {
        transform: translate(77.2571vw, 65.751vh) scale(0.6655)
    }
    to {
        transform: translate(72.9965vw, 100vh) scale(0.6655)
    }
}

.snow:nth-child(124) {
    opacity: .0418;
    transform: translate(95.7393vw, -10px) scale(0.8818);
    animation: fall-124 24s -11s linear infinite
}

@keyframes fall-124 {
    52.071% {
        transform: translate(99.7711vw, 52.071vh) scale(0.8818)
    }
    to {
        transform: translate(97.7552vw, 100vh) scale(0.8818)
    }
}

.snow:nth-child(125) {
    opacity: .2493;
    transform: translate(91.329vw, -10px) scale(0.9008);
    animation: fall-125 26s -7s linear infinite
}

@keyframes fall-125 {
    61.708% {
        transform: translate(99.7381vw, 61.708vh) scale(0.9008)
    }
    to {
        transform: translate(95.53355vw, 100vh) scale(0.9008)
    }
}

.snow:nth-child(126) {
    opacity: .6987;
    transform: translate(5.3163vw, -10px) scale(0.9898);
    animation: fall-126 29s -10s linear infinite
}

@keyframes fall-126 {
    77.886% {
        transform: translate(12.6661vw, 77.886vh) scale(0.9898)
    }
    to {
        transform: translate(8.9912vw, 100vh) scale(0.9898)
    }
}

.snow:nth-child(127) {
    opacity: .3291;
    transform: translate(79.1562vw, -10px) scale(0.0046);
    animation: fall-127 20s -10s linear infinite
}

@keyframes fall-127 {
    69.899% {
        transform: translate(77.6201vw, 69.899vh) scale(0.0046)
    }
    to {
        transform: translate(78.38815vw, 100vh) scale(0.0046)
    }
}

.snow:nth-child(128) {
    opacity: .9624;
    transform: translate(55.2428vw, -10px) scale(0.8138);
    animation: fall-128 10s -24s linear infinite
}

@keyframes fall-128 {
    54.474% {
        transform: translate(53.0942vw, 54.474vh) scale(0.8138)
    }
    to {
        transform: translate(54.1685vw, 100vh) scale(0.8138)
    }
}

.snow:nth-child(129) {
    opacity: .2973;
    transform: translate(21.8302vw, -10px) scale(0.4026);
    animation: fall-129 19s -7s linear infinite
}

@keyframes fall-129 {
    45.765% {
        transform: translate(14.06vw, 45.765vh) scale(0.4026)
    }
    to {
        transform: translate(17.9451vw, 100vh) scale(0.4026)
    }
}

.snow:nth-child(130) {
    opacity: .5417;
    transform: translate(67.3633vw, -10px) scale(0.6638);
    animation: fall-130 22s -18s linear infinite
}

@keyframes fall-130 {
    37.116% {
        transform: translate(72.3495vw, 37.116vh) scale(0.6638)
    }
    to {
        transform: translate(69.8564vw, 100vh) scale(0.6638)
    }
}

.snow:nth-child(131) {
    opacity: .3353;
    transform: translate(3.1288vw, -10px) scale(0.8799);
    animation: fall-131 23s -24s linear infinite
}

@keyframes fall-131 {
    62.048% {
        transform: translate(4.3729vw, 62.048vh) scale(0.8799)
    }
    to {
        transform: translate(3.75085vw, 100vh) scale(0.8799)
    }
}

.snow:nth-child(132) {
    opacity: .3722;
    transform: translate(74.3928vw, -10px) scale(0.7248);
    animation: fall-132 21s -9s linear infinite
}

@keyframes fall-132 {
    33.99% {
        transform: translate(78.3951vw, 33.99vh) scale(0.7248)
    }
    to {
        transform: translate(76.39395vw, 100vh) scale(0.7248)
    }
}

.snow:nth-child(133) {
    opacity: .2468;
    transform: translate(45.3533vw, -10px) scale(0.9102);
    animation: fall-133 11s -5s linear infinite
}

@keyframes fall-133 {
    47.374% {
        transform: translate(54.4269vw, 47.374vh) scale(0.9102)
    }
    to {
        transform: translate(49.8901vw, 100vh) scale(0.9102)
    }
}

.snow:nth-child(134) {
    opacity: .291;
    transform: translate(60.3097vw, -10px) scale(0.1708);
    animation: fall-134 19s -13s linear infinite
}

@keyframes fall-134 {
    46.815% {
        transform: translate(64.1047vw, 46.815vh) scale(0.1708)
    }
    to {
        transform: translate(62.2072vw, 100vh) scale(0.1708)
    }
}

.snow:nth-child(135) {
    opacity: .5044;
    transform: translate(2.483vw, -10px) scale(0.5291);
    animation: fall-135 25s -27s linear infinite
}

@keyframes fall-135 {
    45.793% {
        transform: translate(-1.8389vw, 45.793vh) scale(0.5291)
    }
    to {
        transform: translate(0.32205vw, 100vh) scale(0.5291)
    }
}

.snow:nth-child(136) {
    opacity: .8061;
    transform: translate(32.3301vw, -10px) scale(0.8189);
    animation: fall-136 22s -19s linear infinite
}

@keyframes fall-136 {
    78.221% {
        transform: translate(35.0999vw, 78.221vh) scale(0.8189)
    }
    to {
        transform: translate(33.715vw, 100vh) scale(0.8189)
    }
}

.snow:nth-child(137) {
    opacity: .8613;
    transform: translate(1.1119vw, -10px) scale(0.0733);
    animation: fall-137 10s -8s linear infinite
}

@keyframes fall-137 {
    67.312% {
        transform: translate(1.0351vw, 67.312vh) scale(0.0733)
    }
    to {
        transform: translate(1.0735vw, 100vh) scale(0.0733)
    }
}

.snow:nth-child(138) {
    opacity: .0931;
    transform: translate(45.33vw, -10px) scale(0.7826);
    animation: fall-138 26s -1s linear infinite
}

@keyframes fall-138 {
    46.695% {
        transform: translate(42.2187vw, 46.695vh) scale(0.7826)
    }
    to {
        transform: translate(43.77435vw, 100vh) scale(0.7826)
    }
}

.snow:nth-child(139) {
    opacity: .5492;
    transform: translate(82.6932vw, -10px) scale(0.644);
    animation: fall-139 19s -19s linear infinite
}

@keyframes fall-139 {
    64.461% {
        transform: translate(74.0645vw, 64.461vh) scale(0.644)
    }
    to {
        transform: translate(78.37885vw, 100vh) scale(0.644)
    }
}

.snow:nth-child(140) {
    opacity: .4631;
    transform: translate(37.1548vw, -10px) scale(0.6679);
    animation: fall-140 29s -16s linear infinite
}

@keyframes fall-140 {
    37.828% {
        transform: translate(31.3223vw, 37.828vh) scale(0.6679)
    }
    to {
        transform: translate(34.23855vw, 100vh) scale(0.6679)
    }
}

.snow:nth-child(141) {
    opacity: .5275;
    transform: translate(44.51vw, -10px) scale(0.2853);
    animation: fall-141 10s -30s linear infinite
}

@keyframes fall-141 {
    69.904% {
        transform: translate(50.768vw, 69.904vh) scale(0.2853)
    }
    to {
        transform: translate(47.639vw, 100vh) scale(0.2853)
    }
}

.snow:nth-child(142) {
    opacity: .3314;
    transform: translate(30.671vw, -10px) scale(0.1089);
    animation: fall-142 24s -13s linear infinite
}

@keyframes fall-142 {
    47.662% {
        transform: translate(22.1439vw, 47.662vh) scale(0.1089)
    }
    to {
        transform: translate(26.40745vw, 100vh) scale(0.1089)
    }
}

.snow:nth-child(143) {
    opacity: .5684;
    transform: translate(52.4423vw, -10px) scale(0.788);
    animation: fall-143 21s -27s linear infinite
}

@keyframes fall-143 {
    44.125% {
        transform: translate(50.1513vw, 44.125vh) scale(0.788)
    }
    to {
        transform: translate(51.2968vw, 100vh) scale(0.788)
    }
}

.snow:nth-child(144) {
    opacity: .6597;
    transform: translate(71.98vw, -10px) scale(0.8577);
    animation: fall-144 24s -15s linear infinite
}

@keyframes fall-144 {
    49.853% {
        transform: translate(76.7242vw, 49.853vh) scale(0.8577)
    }
    to {
        transform: translate(74.3521vw, 100vh) scale(0.8577)
    }
}

.snow:nth-child(145) {
    opacity: .2943;
    transform: translate(34.5484vw, -10px) scale(0.1513);
    animation: fall-145 23s -29s linear infinite
}

@keyframes fall-145 {
    68.579% {
        transform: translate(31.4981vw, 68.579vh) scale(0.1513)
    }
    to {
        transform: translate(33.02325vw, 100vh) scale(0.1513)
    }
}

.snow:nth-child(146) {
    opacity: .0318;
    transform: translate(16.1692vw, -10px) scale(0.1567);
    animation: fall-146 13s -13s linear infinite
}

@keyframes fall-146 {
    35.8% {
        transform: translate(20.7863vw, 35.8vh) scale(0.1567)
    }
    to {
        transform: translate(18.47775vw, 100vh) scale(0.1567)
    }
}

.snow:nth-child(147) {
    opacity: .2907;
    transform: translate(66.0577vw, -10px) scale(0.6777);
    animation: fall-147 10s -1s linear infinite
}

@keyframes fall-147 {
    72.038% {
        transform: translate(66.6631vw, 72.038vh) scale(0.6777)
    }
    to {
        transform: translate(66.3604vw, 100vh) scale(0.6777)
    }
}

.snow:nth-child(148) {
    opacity: .3688;
    transform: translate(79.3549vw, -10px) scale(0.2925);
    animation: fall-148 20s -24s linear infinite
}

@keyframes fall-148 {
    32.065% {
        transform: translate(81.3483vw, 32.065vh) scale(0.2925)
    }
    to {
        transform: translate(80.3516vw, 100vh) scale(0.2925)
    }
}

.snow:nth-child(149) {
    opacity: .6684;
    transform: translate(86.4037vw, -10px) scale(0.0169);
    animation: fall-149 11s -16s linear infinite
}

@keyframes fall-149 {
    54.398% {
        transform: translate(94.7706vw, 54.398vh) scale(0.0169)
    }
    to {
        transform: translate(90.58715vw, 100vh) scale(0.0169)
    }
}

.snow:nth-child(150) {
    opacity: .524;
    transform: translate(92.1348vw, -10px) scale(0.598);
    animation: fall-150 20s -13s linear infinite
}

@keyframes fall-150 {
    52.235% {
        transform: translate(99.1079vw, 52.235vh) scale(0.598)
    }
    to {
        transform: translate(95.62135vw, 100vh) scale(0.598)
    }
}

.snow:nth-child(151) {
    opacity: .8237;
    transform: translate(77.9792vw, -10px) scale(0.4149);
    animation: fall-151 29s -24s linear infinite
}

@keyframes fall-151 {
    45.07% {
        transform: translate(78.3757vw, 45.07vh) scale(0.4149)
    }
    to {
        transform: translate(78.17745vw, 100vh) scale(0.4149)
    }
}

.snow:nth-child(152) {
    opacity: .506;
    transform: translate(65.4627vw, -10px) scale(0.0585);
    animation: fall-152 30s -1s linear infinite
}

@keyframes fall-152 {
    74.974% {
        transform: translate(72.978vw, 74.974vh) scale(0.0585)
    }
    to {
        transform: translate(69.22035vw, 100vh) scale(0.0585)
    }
}

.snow:nth-child(153) {
    opacity: .9428;
    transform: translate(70.8041vw, -10px) scale(0.3287);
    animation: fall-153 11s -24s linear infinite
}

@keyframes fall-153 {
    76.462% {
        transform: translate(70.0741vw, 76.462vh) scale(0.3287)
    }
    to {
        transform: translate(70.4391vw, 100vh) scale(0.3287)
    }
}

.snow:nth-child(154) {
    opacity: .4302;
    transform: translate(69.8163vw, -10px) scale(0.7879);
    animation: fall-154 14s -26s linear infinite
}

@keyframes fall-154 {
    60.737% {
        transform: translate(71.1667vw, 60.737vh) scale(0.7879)
    }
    to {
        transform: translate(70.4915vw, 100vh) scale(0.7879)
    }
}

.snow:nth-child(155) {
    opacity: .962;
    transform: translate(51.5086vw, -10px) scale(0.4169);
    animation: fall-155 22s -22s linear infinite
}

@keyframes fall-155 {
    48.543% {
        transform: translate(58.626vw, 48.543vh) scale(0.4169)
    }
    to {
        transform: translate(55.0673vw, 100vh) scale(0.4169)
    }
}

.snow:nth-child(156) {
    opacity: .0603;
    transform: translate(95.5544vw, -10px) scale(0.7943);
    animation: fall-156 16s -9s linear infinite
}

@keyframes fall-156 {
    33.023% {
        transform: translate(102.5678vw, 33.023vh) scale(0.7943)
    }
    to {
        transform: translate(99.0611vw, 100vh) scale(0.7943)
    }
}

.snow:nth-child(157) {
    opacity: .6616;
    transform: translate(78.5788vw, -10px) scale(0.2596);
    animation: fall-157 19s -9s linear infinite
}

@keyframes fall-157 {
    36.735% {
        transform: translate(75.2595vw, 36.735vh) scale(0.2596)
    }
    to {
        transform: translate(76.91915vw, 100vh) scale(0.2596)
    }
}

.snow:nth-child(158) {
    opacity: .205;
    transform: translate(28.0254vw, -10px) scale(0.5062);
    animation: fall-158 29s -22s linear infinite
}

@keyframes fall-158 {
    46.364% {
        transform: translate(30.7916vw, 46.364vh) scale(0.5062)
    }
    to {
        transform: translate(29.4085vw, 100vh) scale(0.5062)
    }
}

.snow:nth-child(159) {
    opacity: .947;
    transform: translate(25.9421vw, -10px) scale(0.0634);
    animation: fall-159 10s -12s linear infinite
}

@keyframes fall-159 {
    49.912% {
        transform: translate(23.0699vw, 49.912vh) scale(0.0634)
    }
    to {
        transform: translate(24.506vw, 100vh) scale(0.0634)
    }
}

.snow:nth-child(160) {
    opacity: .2817;
    transform: translate(34.8675vw, -10px) scale(0.3805);
    animation: fall-160 27s -10s linear infinite
}

@keyframes fall-160 {
    58.792% {
        transform: translate(26.7877vw, 58.792vh) scale(0.3805)
    }
    to {
        transform: translate(30.8276vw, 100vh) scale(0.3805)
    }
}

.snow:nth-child(161) {
    opacity: .7184;
    transform: translate(61.5395vw, -10px) scale(0.5911);
    animation: fall-161 30s -2s linear infinite
}

@keyframes fall-161 {
    59.43% {
        transform: translate(54.3335vw, 59.43vh) scale(0.5911)
    }
    to {
        transform: translate(57.9365vw, 100vh) scale(0.5911)
    }
}

.snow:nth-child(162) {
    opacity: .6997;
    transform: translate(99.0364vw, -10px) scale(0.2515);
    animation: fall-162 16s -23s linear infinite
}

@keyframes fall-162 {
    70.282% {
        transform: translate(102.6195vw, 70.282vh) scale(0.2515)
    }
    to {
        transform: translate(100.82795vw, 100vh) scale(0.2515)
    }
}

.snow:nth-child(163) {
    opacity: .947;
    transform: translate(99.9239vw, -10px) scale(0.3009);
    animation: fall-163 10s -26s linear infinite
}

@keyframes fall-163 {
    56.382% {
        transform: translate(106.6278vw, 56.382vh) scale(0.3009)
    }
    to {
        transform: translate(103.27585vw, 100vh) scale(0.3009)
    }
}

.snow:nth-child(164) {
    opacity: .2531;
    transform: translate(24.7771vw, -10px) scale(0.4797);
    animation: fall-164 27s -1s linear infinite
}

@keyframes fall-164 {
    67.654% {
        transform: translate(15.7667vw, 67.654vh) scale(0.4797)
    }
    to {
        transform: translate(20.2719vw, 100vh) scale(0.4797)
    }
}

.snow:nth-child(165) {
    opacity: .9017;
    transform: translate(0.3558vw, -10px) scale(0.9192);
    animation: fall-165 12s -21s linear infinite
}

@keyframes fall-165 {
    39.461% {
        transform: translate(-8.1168vw, 39.461vh) scale(0.9192)
    }
    to {
        transform: translate(-3.8805vw, 100vh) scale(0.9192)
    }
}

.snow:nth-child(166) {
    opacity: .529;
    transform: translate(63.5051vw, -10px) scale(0.6064);
    animation: fall-166 23s -12s linear infinite
}

@keyframes fall-166 {
    74.445% {
        transform: translate(55.2281vw, 74.445vh) scale(0.6064)
    }
    to {
        transform: translate(59.3666vw, 100vh) scale(0.6064)
    }
}

.snow:nth-child(167) {
    opacity: .677;
    transform: translate(75.225vw, -10px) scale(0.3978);
    animation: fall-167 27s -21s linear infinite
}

@keyframes fall-167 {
    70.11% {
        transform: translate(73.5716vw, 70.11vh) scale(0.3978)
    }
    to {
        transform: translate(74.3983vw, 100vh) scale(0.3978)
    }
}

.snow:nth-child(168) {
    opacity: .8801;
    transform: translate(99.2025vw, -10px) scale(0.7725);
    animation: fall-168 18s -15s linear infinite
}

@keyframes fall-168 {
    66.928% {
        transform: translate(94.7585vw, 66.928vh) scale(0.7725)
    }
    to {
        transform: translate(96.9805vw, 100vh) scale(0.7725)
    }
}

.snow:nth-child(169) {
    opacity: .5094;
    transform: translate(31.7021vw, -10px) scale(0.3295);
    animation: fall-169 22s -16s linear infinite
}

@keyframes fall-169 {
    64.605% {
        transform: translate(35.8419vw, 64.605vh) scale(0.3295)
    }
    to {
        transform: translate(33.772vw, 100vh) scale(0.3295)
    }
}

.snow:nth-child(170) {
    opacity: .3798;
    transform: translate(16.1442vw, -10px) scale(0.5559);
    animation: fall-170 10s -27s linear infinite
}

@keyframes fall-170 {
    44.171% {
        transform: translate(15.0676vw, 44.171vh) scale(0.5559)
    }
    to {
        transform: translate(15.6059vw, 100vh) scale(0.5559)
    }
}

.snow:nth-child(171) {
    opacity: .2123;
    transform: translate(34.2539vw, -10px) scale(0.9772);
    animation: fall-171 10s -23s linear infinite
}

@keyframes fall-171 {
    42.758% {
        transform: translate(36.0983vw, 42.758vh) scale(0.9772)
    }
    to {
        transform: translate(35.1761vw, 100vh) scale(0.9772)
    }
}

.snow:nth-child(172) {
    opacity: .1618;
    transform: translate(56.5838vw, -10px) scale(0.589);
    animation: fall-172 11s -2s linear infinite
}

@keyframes fall-172 {
    48.603% {
        transform: translate(59.3427vw, 48.603vh) scale(0.589)
    }
    to {
        transform: translate(57.96325vw, 100vh) scale(0.589)
    }
}

.snow:nth-child(173) {
    opacity: .0932;
    transform: translate(44.3977vw, -10px) scale(0.4621);
    animation: fall-173 20s -1s linear infinite
}

@keyframes fall-173 {
    42.48% {
        transform: translate(36.8508vw, 42.48vh) scale(0.4621)
    }
    to {
        transform: translate(40.62425vw, 100vh) scale(0.4621)
    }
}

.snow:nth-child(174) {
    opacity: .2359;
    transform: translate(49.5386vw, -10px) scale(0.4422);
    animation: fall-174 11s -8s linear infinite
}

@keyframes fall-174 {
    71.881% {
        transform: translate(51.5642vw, 71.881vh) scale(0.4422)
    }
    to {
        transform: translate(50.5514vw, 100vh) scale(0.4422)
    }
}

.snow:nth-child(175) {
    opacity: .8559;
    transform: translate(20.484vw, -10px) scale(0.8771);
    animation: fall-175 10s -30s linear infinite
}

@keyframes fall-175 {
    68.17% {
        transform: translate(26.6839vw, 68.17vh) scale(0.8771)
    }
    to {
        transform: translate(23.58395vw, 100vh) scale(0.8771)
    }
}

.snow:nth-child(176) {
    opacity: .3879;
    transform: translate(79.4641vw, -10px) scale(0.8279);
    animation: fall-176 27s -7s linear infinite
}

@keyframes fall-176 {
    77.157% {
        transform: translate(73.9128vw, 77.157vh) scale(0.8279)
    }
    to {
        transform: translate(76.68845vw, 100vh) scale(0.8279)
    }
}

.snow:nth-child(177) {
    opacity: .4728;
    transform: translate(61.3508vw, -10px) scale(0.1319);
    animation: fall-177 15s -18s linear infinite
}

@keyframes fall-177 {
    53.73% {
        transform: translate(52.071vw, 53.73vh) scale(0.1319)
    }
    to {
        transform: translate(56.7109vw, 100vh) scale(0.1319)
    }
}

.snow:nth-child(178) {
    opacity: .2393;
    transform: translate(2.7787vw, -10px) scale(0.6734);
    animation: fall-178 21s -6s linear infinite
}

@keyframes fall-178 {
    30.193% {
        transform: translate(2.2822vw, 30.193vh) scale(0.6734)
    }
    to {
        transform: translate(2.53045vw, 100vh) scale(0.6734)
    }
}

.snow:nth-child(179) {
    opacity: .2996;
    transform: translate(12.3419vw, -10px) scale(0.2882);
    animation: fall-179 21s -2s linear infinite
}

@keyframes fall-179 {
    76.164% {
        transform: translate(18.5916vw, 76.164vh) scale(0.2882)
    }
    to {
        transform: translate(15.46675vw, 100vh) scale(0.2882)
    }
}

.snow:nth-child(180) {
    opacity: .9018;
    transform: translate(37.604vw, -10px) scale(0.3462);
    animation: fall-180 18s -24s linear infinite
}

@keyframes fall-180 {
    57.624% {
        transform: translate(29.5458vw, 57.624vh) scale(0.3462)
    }
    to {
        transform: translate(33.5749vw, 100vh) scale(0.3462)
    }
}

.snow:nth-child(181) {
    opacity: .0325;
    transform: translate(97.3209vw, -10px) scale(0.2849);
    animation: fall-181 27s -19s linear infinite
}

@keyframes fall-181 {
    54.109% {
        transform: translate(104.2835vw, 54.109vh) scale(0.2849)
    }
    to {
        transform: translate(100.8022vw, 100vh) scale(0.2849)
    }
}

.snow:nth-child(182) {
    opacity: .9037;
    transform: translate(28.7052vw, -10px) scale(0.0517);
    animation: fall-182 15s -13s linear infinite
}

@keyframes fall-182 {
    40.957% {
        transform: translate(26.7335vw, 40.957vh) scale(0.0517)
    }
    to {
        transform: translate(27.71935vw, 100vh) scale(0.0517)
    }
}

.snow:nth-child(183) {
    opacity: .9446;
    transform: translate(91.3173vw, -10px) scale(0.1334);
    animation: fall-183 23s -15s linear infinite
}

@keyframes fall-183 {
    68.366% {
        transform: translate(96.8871vw, 68.366vh) scale(0.1334)
    }
    to {
        transform: translate(94.1022vw, 100vh) scale(0.1334)
    }
}

.snow:nth-child(184) {
    opacity: .332;
    transform: translate(21.2328vw, -10px) scale(0.9705);
    animation: fall-184 21s -24s linear infinite
}

@keyframes fall-184 {
    71.332% {
        transform: translate(27.0678vw, 71.332vh) scale(0.9705)
    }
    to {
        transform: translate(24.1503vw, 100vh) scale(0.9705)
    }
}

.snow:nth-child(185) {
    opacity: .3968;
    transform: translate(8.7133vw, -10px) scale(0.8833);
    animation: fall-185 28s -13s linear infinite
}

@keyframes fall-185 {
    55.24% {
        transform: translate(8.8941vw, 55.24vh) scale(0.8833)
    }
    to {
        transform: translate(8.8037vw, 100vh) scale(0.8833)
    }
}

.snow:nth-child(186) {
    opacity: .0414;
    transform: translate(11.4762vw, -10px) scale(0.6558);
    animation: fall-186 29s -21s linear infinite
}

@keyframes fall-186 {
    76.592% {
        transform: translate(5.7226vw, 76.592vh) scale(0.6558)
    }
    to {
        transform: translate(8.5994vw, 100vh) scale(0.6558)
    }
}

.snow:nth-child(187) {
    opacity: .2374;
    transform: translate(82.7296vw, -10px) scale(0.7081);
    animation: fall-187 13s -13s linear infinite
}

@keyframes fall-187 {
    36.803% {
        transform: translate(83.0333vw, 36.803vh) scale(0.7081)
    }
    to {
        transform: translate(82.88145vw, 100vh) scale(0.7081)
    }
}

.snow:nth-child(188) {
    opacity: .2864;
    transform: translate(58.2862vw, -10px) scale(0.1155);
    animation: fall-188 17s -3s linear infinite
}

@keyframes fall-188 {
    79.11% {
        transform: translate(66.7502vw, 79.11vh) scale(0.1155)
    }
    to {
        transform: translate(62.5182vw, 100vh) scale(0.1155)
    }
}

.snow:nth-child(189) {
    opacity: .2196;
    transform: translate(80.005vw, -10px) scale(0.918);
    animation: fall-189 14s -12s linear infinite
}

@keyframes fall-189 {
    74.864% {
        transform: translate(77.6801vw, 74.864vh) scale(0.918)
    }
    to {
        transform: translate(78.84255vw, 100vh) scale(0.918)
    }
}

.snow:nth-child(190) {
    opacity: .9158;
    transform: translate(8.5313vw, -10px) scale(0.0473);
    animation: fall-190 28s -13s linear infinite
}

@keyframes fall-190 {
    32.311% {
        transform: translate(8.1845vw, 32.311vh) scale(0.0473)
    }
    to {
        transform: translate(8.3579vw, 100vh) scale(0.0473)
    }
}

.snow:nth-child(191) {
    opacity: .1802;
    transform: translate(80.5704vw, -10px) scale(0.1058);
    animation: fall-191 21s -8s linear infinite
}

@keyframes fall-191 {
    67.879% {
        transform: translate(89.9574vw, 67.879vh) scale(0.1058)
    }
    to {
        transform: translate(85.2639vw, 100vh) scale(0.1058)
    }
}

.snow:nth-child(192) {
    opacity: .6669;
    transform: translate(51.6763vw, -10px) scale(0.7059);
    animation: fall-192 22s -23s linear infinite
}

@keyframes fall-192 {
    77.814% {
        transform: translate(57.462vw, 77.814vh) scale(0.7059)
    }
    to {
        transform: translate(54.56915vw, 100vh) scale(0.7059)
    }
}

.snow:nth-child(193) {
    opacity: .7221;
    transform: translate(1.6639vw, -10px) scale(0.7708);
    animation: fall-193 28s -20s linear infinite
}

@keyframes fall-193 {
    57.068% {
        transform: translate(4.9929vw, 57.068vh) scale(0.7708)
    }
    to {
        transform: translate(3.3284vw, 100vh) scale(0.7708)
    }
}

.snow:nth-child(194) {
    opacity: .6725;
    transform: translate(20.4807vw, -10px) scale(0.6793);
    animation: fall-194 12s -22s linear infinite
}

@keyframes fall-194 {
    70.816% {
        transform: translate(13.2114vw, 70.816vh) scale(0.6793)
    }
    to {
        transform: translate(16.84605vw, 100vh) scale(0.6793)
    }
}

.snow:nth-child(195) {
    opacity: .0654;
    transform: translate(90.1498vw, -10px) scale(0.1552);
    animation: fall-195 26s -13s linear infinite
}

@keyframes fall-195 {
    36.29% {
        transform: translate(83.0212vw, 36.29vh) scale(0.1552)
    }
    to {
        transform: translate(86.5855vw, 100vh) scale(0.1552)
    }
}

.snow:nth-child(196) {
    opacity: .9995;
    transform: translate(98.0031vw, -10px) scale(0.8206);
    animation: fall-196 25s -23s linear infinite
}

@keyframes fall-196 {
    46.673% {
        transform: translate(93.5623vw, 46.673vh) scale(0.8206)
    }
    to {
        transform: translate(95.7827vw, 100vh) scale(0.8206)
    }
}

.snow:nth-child(197) {
    opacity: .2132;
    transform: translate(15.4779vw, -10px) scale(0.2587);
    animation: fall-197 14s -20s linear infinite
}

@keyframes fall-197 {
    48.792% {
        transform: translate(24.1931vw, 48.792vh) scale(0.2587)
    }
    to {
        transform: translate(19.8355vw, 100vh) scale(0.2587)
    }
}

.snow:nth-child(198) {
    opacity: .2213;
    transform: translate(10.416vw, -10px) scale(0.0811);
    animation: fall-198 27s -10s linear infinite
}

@keyframes fall-198 {
    33.283% {
        transform: translate(4.2981vw, 33.283vh) scale(0.0811)
    }
    to {
        transform: translate(7.35705vw, 100vh) scale(0.0811)
    }
}

.snow:nth-child(199) {
    opacity: .7781;
    transform: translate(67.2094vw, -10px) scale(0.0952);
    animation: fall-199 19s -14s linear infinite
}

@keyframes fall-199 {
    41.408% {
        transform: translate(75.1955vw, 41.408vh) scale(0.0952)
    }
    to {
        transform: translate(71.20245vw, 100vh) scale(0.0952)
    }
}

.snow:nth-child(200) {
    opacity: .6437;
    transform: translate(31.5574vw, -10px) scale(0.4334);
    animation: fall-200 28s -16s linear infinite
}

@keyframes fall-200 {
    55.617% {
        transform: translate(23.3621vw, 55.617vh) scale(0.4334)
    }
    to {
        transform: translate(27.45975vw, 100vh) scale(0.4334)
    }
}

ul.tnit-social-links li {
    display: inline-block;
    margin-right: 5px
}

.bg-item-footer {
    position: absolute;
    right: 0;
    top: 5px
}

.widget-contact p {
    position: relative;
    z-index: 999;
    font-size: 15px;
    color: #000
}

.pro-det-img img {
    border: 2px solid #ff7c35;
    padding: 15px
}

a.btn-read {
    font-weight: 700;
    color: #000
}

.message_content {
    position: relative;
    float: left;
    width: 100%;
    padding: 24px 0 25px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    height: 60vh
}

.message_content .bg_img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 32%;
    text-align: center
}

.message_content .send_column {
    background: #ff7c35;
    border-radius: 0;
    padding: 25px;
    text-align: center;
    position: absolute;
    z-index: 9;
    margin-top: 133px;
    width: 40%;
    margin: 0 auto;
    height: 50vh;
    left: 30%;
}

.message_content .send_column .main_title {
    margin-bottom: 20px
}

.message_content .send_column .main_title em {
    font-size: 28px;
    line-height: 32px;
    color: #fff;
    font-family: "Oswald", serif
}

.message_content .send_column .main_title .line {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    margin-top: 11px;
    margin-bottom: 9px
}

.message_content .send_column .main_title .text {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0
}

.message_content .send_column ul li input {
    height: 40px;
    line-height: 40px;
    border: 0
}

.message_content .send_column ul {
    margin: 0 -0.05rem
}

.message_content .send_column ul li {
    margin-bottom: 10px;
    padding: 5px
}

.message_content .send_column ul li textarea {
    height: 60px;
    max-height: 60px;
    min-height: 60px;
    border: 0;
    font-family: "Lora", serif;
    color: #000
}

.message_content .send_column .send {
    height: 40px;
    line-height: 40px;
    background: #fff;
    width: 100%;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.message_content .send_column .send:after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 12px;
    margin-left: .2rem
}

.message_content .send_column .send:hover {
    background: #1a1a1a;
    color: #fff
}

.message_content .send_column .send:hover:after {
    filter: brightness(100)
}

@media only screen and (max-width:1299px) {
    .message_content .send_column {
        margin-left: 270px;
        padding: 20px 15px;
        width: 400px
    }
}

@media only screen and (max-width:1099px) {
    .message_content {
        padding: 45px 0
    }
}

@media only screen and (max-width:992px) {
    .message_content {
        padding: 35px 0
    }
    .message_content {
        background-position: left center
    }
    .message_content .send_column {
        margin: auto
    }
    .message_content .bg_img {
        max-width: 30%
    }
}

@media only screen and (max-width:592px) {
    .message_content .send_column {
        width: 100%
    }
}

.message_content .send_column ul li textarea {
    height: 60px;
    max-height: 60px;
    min-height: 60px;
    border: 0
}

.bg_img img {
    /* width: 85%; */
    margin: 0 auto;
    text-align: center
}

.meText textarea {
    background: #fff;
    border-radius: 0;
    padding-top: 5px
}

button.submit-now {
    background: #004a5e;
    padding: 10px 30px;
    border: 0;
    color: #fff
}

.why-choose-us-1 {
    position: relative;
    z-index: 1;
    background-color: #004960
}

.why-choose-us-image {
    background-image: url(../images/whyus-2.webp);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 75vh
}

.why-choose-us-image img {
    display: none
}

.why-choose-us-content {
    max-width: 565px;
    margin-left: 30px
}

.why-choose-us-content .section-title {
    margin-bottom: 20px
}

.why-choose-us-content .section-title h2 {
    color: #fff;
    font-weight: 600;
    font-size: 29px
}

.why-choose-us-content .section-title .bar {
    background: #fff
}

.why-choose-us-content .section-title span {
    color: #fff;
    font-weight: 500;
    font-size: 17px
}

.why-choose-us-content p {
    margin-bottom: 0;
    color: #fff
}

.why-choose-us-content .single-inner-box {
    position: relative;
    margin-top: 30px;
    padding-left: 70px;
    margin-bottom: 0;
    min-height: 150px
}

.why-choose-us-content .single-inner-box .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 50%
}

.why-choose-us-content .single-inner-box .icon i::before {
    font-size: 25px
}

.why-choose-us-content .single-inner-box h3 {
    color: #fff;
    font-size: 19px;
    text-transform: capitalize;
    margin-bottom: 8px;
    font-weight: 500
}

.why-choose-us-content .single-inner-box p {
    color: #f6f6e2;
    font-size: 14px;
    text-align: justify
}

.why-choose-content .section-title {
    margin-bottom: 10px
}

.why-choose-content .single-inner-box {
    margin-top: 30px
}

.why-choose-content .single-inner-box .icon {
    width: 55px;
    height: 55px;
    line-height: 55px;
    background: #e5e5e5;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: .5s;
    transition: .5s;
    color: #ff5202
}

.why-choose-content .single-inner-box .icon i::before {
    font-size: 25px
}

.why-choose-content .single-inner-box h3 {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 8px
}

.why-choose-content .single-inner-box:hover .icon {
    background: #ff5202;
    color: #fff
}

.more-btn {
    padding-top: 5px
}

.centred {
    text-align: center
}

.theme-btn-1 {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
    background: #00afef;
    text-align: center;
    padding: 13px 37px;
    text-transform: uppercase;
    z-index: 1;
    transition: all 500ms ease;
    border-radius: 0;
    box-shadow: 2px 3px 10px #ccc
}

.form-img-design {
    padding: 0
}

.padding-design {
    padding-top: 35px
}

/* .content-side-img img {
    width: 100%
} */

.content-side {
    margin-top: 100px
}

.content-side span {
    font-size: 22px;
    display: block;
    margin-bottom: 10px
}

.read-btn a {
    background: #ff7c35;
    color: #fff;
    padding: 10px 30px
}

.read-btn a:hover {
    background: #004960
}

.read-btn {
    margin-top: 32px
}

.content-side p {
    text-align: justify
}

.snowfall_wrapper {
    position: relative;
    height: 100vh;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 2147483647
}

.snow {
    position: absolute;
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%
}

.snow:nth-child(1) {
    opacity: .2535;
    transform: translate(73.907vw, -10px) scale(0.0458);
    animation: fall-1 29s -25s linear infinite
}

@keyframes fall-1 {
    54.317% {
        transform: translate(76.866vw, 54.317vh) scale(0.0458)
    }
    to {
        transform: translate(75.3865vw, 100vh) scale(0.0458)
    }
}

.snow:nth-child(2) {
    opacity: .8979;
    transform: translate(92.4565vw, -10px) scale(0.2882);
    animation: fall-2 20s -7s linear infinite
}

@keyframes fall-2 {
    40.974% {
        transform: translate(84.0864vw, 40.974vh) scale(0.2882)
    }
    to {
        transform: translate(88.27145vw, 100vh) scale(0.2882)
    }
}

.snow:nth-child(3) {
    opacity: .3582;
    transform: translate(2.6884vw, -10px) scale(0.6139);
    animation: fall-3 21s -13s linear infinite
}

@keyframes fall-3 {
    54.118% {
        transform: translate(-6.001vw, 54.118vh) scale(0.6139)
    }
    to {
        transform: translate(-1.6563vw, 100vh) scale(0.6139)
    }
}

.snow:nth-child(4) {
    opacity: .0954;
    transform: translate(15.5107vw, -10px) scale(0.7496);
    animation: fall-4 16s -6s linear infinite
}

@keyframes fall-4 {
    48.095% {
        transform: translate(8.8721vw, 48.095vh) scale(0.7496)
    }
    to {
        transform: translate(12.1914vw, 100vh) scale(0.7496)
    }
}

.snow:nth-child(5) {
    opacity: .218;
    transform: translate(32.3642vw, -10px) scale(0.7391);
    animation: fall-5 14s -16s linear infinite
}

@keyframes fall-5 {
    45.299% {
        transform: translate(31.4625vw, 45.299vh) scale(0.7391)
    }
    to {
        transform: translate(31.91335vw, 100vh) scale(0.7391)
    }
}

.snow:nth-child(6) {
    opacity: .6936;
    transform: translate(90.6849vw, -10px) scale(0.0528);
    animation: fall-6 10s -26s linear infinite
}

@keyframes fall-6 {
    71.813% {
        transform: translate(90.118vw, 71.813vh) scale(0.0528)
    }
    to {
        transform: translate(90.40145vw, 100vh) scale(0.0528)
    }
}

.snow:nth-child(7) {
    opacity: .088;
    transform: translate(74.8652vw, -10px) scale(0.6207);
    animation: fall-7 25s -26s linear infinite
}

@keyframes fall-7 {
    65.828% {
        transform: translate(72.0403vw, 65.828vh) scale(0.6207)
    }
    to {
        transform: translate(73.45275vw, 100vh) scale(0.6207)
    }
}

.snow:nth-child(8) {
    opacity: .9027;
    transform: translate(1.0706vw, -10px) scale(0.2424);
    animation: fall-8 16s -5s linear infinite
}

@keyframes fall-8 {
    67.967% {
        transform: translate(5.9265vw, 67.967vh) scale(0.2424)
    }
    to {
        transform: translate(3.49855vw, 100vh) scale(0.2424)
    }
}

.snow:nth-child(9) {
    opacity: .7047;
    transform: translate(7.4897vw, -10px) scale(0.5081);
    animation: fall-9 23s -7s linear infinite
}

@keyframes fall-9 {
    41.743% {
        transform: translate(4.6207vw, 41.743vh) scale(0.5081)
    }
    to {
        transform: translate(6.0552vw, 100vh) scale(0.5081)
    }
}

.snow:nth-child(10) {
    opacity: .6171;
    transform: translate(17.9132vw, -10px) scale(0.4715);
    animation: fall-10 10s -5s linear infinite
}

@keyframes fall-10 {
    58.078% {
        transform: translate(16.5062vw, 58.078vh) scale(0.4715)
    }
    to {
        transform: translate(17.2097vw, 100vh) scale(0.4715)
    }
}

.snow:nth-child(11) {
    opacity: .8898;
    transform: translate(80.1006vw, -10px) scale(0.4846);
    animation: fall-11 21s -7s linear infinite
}

@keyframes fall-11 {
    39.123% {
        transform: translate(73.7455vw, 39.123vh) scale(0.4846)
    }
    to {
        transform: translate(76.92305vw, 100vh) scale(0.4846)
    }
}

.snow:nth-child(12) {
    opacity: .1691;
    transform: translate(17.7345vw, -10px) scale(0.8105);
    animation: fall-12 23s -30s linear infinite
}

@keyframes fall-12 {
    65.533% {
        transform: translate(9.9491vw, 65.533vh) scale(0.8105)
    }
    to {
        transform: translate(13.8418vw, 100vh) scale(0.8105)
    }
}

.snow:nth-child(13) {
    opacity: .1655;
    transform: translate(57.453vw, -10px) scale(0.4224);
    animation: fall-13 24s -28s linear infinite
}

@keyframes fall-13 {
    47.96% {
        transform: translate(47.648vw, 47.96vh) scale(0.4224)
    }
    to {
        transform: translate(52.5505vw, 100vh) scale(0.4224)
    }
}

.snow:nth-child(14) {
    opacity: .2796;
    transform: translate(71.522vw, -10px) scale(0.031);
    animation: fall-14 30s -6s linear infinite
}

@keyframes fall-14 {
    67.985% {
        transform: translate(65.1346vw, 67.985vh) scale(0.031)
    }
    to {
        transform: translate(68.3283vw, 100vh) scale(0.031)
    }
}

.snow:nth-child(15) {
    opacity: .3459;
    transform: translate(59.158vw, -10px) scale(0.164);
    animation: fall-15 15s -18s linear infinite
}

@keyframes fall-15 {
    70.502% {
        transform: translate(53.9246vw, 70.502vh) scale(0.164)
    }
    to {
        transform: translate(56.5413vw, 100vh) scale(0.164)
    }
}

.snow:nth-child(16) {
    opacity: .2691;
    transform: translate(39.4069vw, -10px) scale(0.7452);
    animation: fall-16 25s -30s linear infinite
}

@keyframes fall-16 {
    77.972% {
        transform: translate(48.8226vw, 77.972vh) scale(0.7452)
    }
    to {
        transform: translate(44.11475vw, 100vh) scale(0.7452)
    }
}

.snow:nth-child(17) {
    opacity: .1516;
    transform: translate(36.3244vw, -10px) scale(0.2254);
    animation: fall-17 23s -16s linear infinite
}

@keyframes fall-17 {
    56.66% {
        transform: translate(30.7032vw, 56.66vh) scale(0.2254)
    }
    to {
        transform: translate(33.5138vw, 100vh) scale(0.2254)
    }
}

.snow:nth-child(18) {
    opacity: .0526;
    transform: translate(69.2299vw, -10px) scale(0.3748);
    animation: fall-18 27s -6s linear infinite
}

@keyframes fall-18 {
    67.937% {
        transform: translate(66.2507vw, 67.937vh) scale(0.3748)
    }
    to {
        transform: translate(67.7403vw, 100vh) scale(0.3748)
    }
}

.snow:nth-child(19) {
    opacity: .2207;
    transform: translate(34.2113vw, -10px) scale(0.9116);
    animation: fall-19 21s -23s linear infinite
}

@keyframes fall-19 {
    61.271% {
        transform: translate(28.8203vw, 61.271vh) scale(0.9116)
    }
    to {
        transform: translate(31.5158vw, 100vh) scale(0.9116)
    }
}

.snow:nth-child(20) {
    opacity: .3575;
    transform: translate(26.3801vw, -10px) scale(0.5761);
    animation: fall-20 22s -23s linear infinite
}

@keyframes fall-20 {
    41.036% {
        transform: translate(27.1486vw, 41.036vh) scale(0.5761)
    }
    to {
        transform: translate(26.76435vw, 100vh) scale(0.5761)
    }
}

.snow:nth-child(21) {
    opacity: .341;
    transform: translate(79.0028vw, -10px) scale(0.9674);
    animation: fall-21 26s -13s linear infinite
}

@keyframes fall-21 {
    39.944% {
        transform: translate(86.467vw, 39.944vh) scale(0.9674)
    }
    to {
        transform: translate(82.7349vw, 100vh) scale(0.9674)
    }
}

.snow:nth-child(22) {
    opacity: .8184;
    transform: translate(67.5249vw, -10px) scale(0.2048);
    animation: fall-22 24s -2s linear infinite
}

@keyframes fall-22 {
    50.418% {
        transform: translate(64.8722vw, 50.418vh) scale(0.2048)
    }
    to {
        transform: translate(66.19855vw, 100vh) scale(0.2048)
    }
}

.snow:nth-child(23) {
    opacity: .3058;
    transform: translate(75.8969vw, -10px) scale(0.1643);
    animation: fall-23 17s -22s linear infinite
}

@keyframes fall-23 {
    55.175% {
        transform: translate(81.5933vw, 55.175vh) scale(0.1643)
    }
    to {
        transform: translate(78.7451vw, 100vh) scale(0.1643)
    }
}

.snow:nth-child(24) {
    opacity: .737;
    transform: translate(46.884vw, -10px) scale(0.5513);
    animation: fall-24 22s -26s linear infinite
}

@keyframes fall-24 {
    39.361% {
        transform: translate(56.6601vw, 39.361vh) scale(0.5513)
    }
    to {
        transform: translate(51.77205vw, 100vh) scale(0.5513)
    }
}

.snow:nth-child(25) {
    opacity: .5706;
    transform: translate(85.1793vw, -10px) scale(0.9445);
    animation: fall-25 15s -17s linear infinite
}

@keyframes fall-25 {
    78.095% {
        transform: translate(77.0364vw, 78.095vh) scale(0.9445)
    }
    to {
        transform: translate(81.10785vw, 100vh) scale(0.9445)
    }
}

.snow:nth-child(26) {
    opacity: .9929;
    transform: translate(12.8291vw, -10px) scale(0.4196);
    animation: fall-26 16s -8s linear infinite
}

@keyframes fall-26 {
    73.887% {
        transform: translate(8.5154vw, 73.887vh) scale(0.4196)
    }
    to {
        transform: translate(10.67225vw, 100vh) scale(0.4196)
    }
}

.snow:nth-child(27) {
    opacity: .9074;
    transform: translate(83.1104vw, -10px) scale(0.7121);
    animation: fall-27 15s -14s linear infinite
}

@keyframes fall-27 {
    68.653% {
        transform: translate(91.0046vw, 68.653vh) scale(0.7121)
    }
    to {
        transform: translate(87.0575vw, 100vh) scale(0.7121)
    }
}

.snow:nth-child(28) {
    opacity: .1929;
    transform: translate(71.9311vw, -10px) scale(0.2012);
    animation: fall-28 13s -30s linear infinite
}

@keyframes fall-28 {
    36.169% {
        transform: translate(65.7163vw, 36.169vh) scale(0.2012)
    }
    to {
        transform: translate(68.8237vw, 100vh) scale(0.2012)
    }
}

.snow:nth-child(29) {
    opacity: .9248;
    transform: translate(24.2654vw, -10px) scale(0.8294);
    animation: fall-29 29s -27s linear infinite
}

@keyframes fall-29 {
    58.246% {
        transform: translate(26.9728vw, 58.246vh) scale(0.8294)
    }
    to {
        transform: translate(25.6191vw, 100vh) scale(0.8294)
    }
}

.snow:nth-child(30) {
    opacity: .6974;
    transform: translate(41.525vw, -10px) scale(0.6511);
    animation: fall-30 11s -26s linear infinite
}

@keyframes fall-30 {
    59.281% {
        transform: translate(36.2007vw, 59.281vh) scale(0.6511)
    }
    to {
        transform: translate(38.86285vw, 100vh) scale(0.6511)
    }
}

.snow:nth-child(31) {
    opacity: .2129;
    transform: translate(65.2825vw, -10px) scale(0.8497);
    animation: fall-31 16s -19s linear infinite
}

@keyframes fall-31 {
    55.968% {
        transform: translate(59.3005vw, 55.968vh) scale(0.8497)
    }
    to {
        transform: translate(62.2915vw, 100vh) scale(0.8497)
    }
}

.snow:nth-child(32) {
    opacity: .3558;
    transform: translate(30.2017vw, -10px) scale(0.6286);
    animation: fall-32 27s -6s linear infinite
}

@keyframes fall-32 {
    74.793% {
        transform: translate(26.4879vw, 74.793vh) scale(0.6286)
    }
    to {
        transform: translate(28.3448vw, 100vh) scale(0.6286)
    }
}

.snow:nth-child(33) {
    opacity: .0496;
    transform: translate(18.6057vw, -10px) scale(0.7051);
    animation: fall-33 12s -3s linear infinite
}

@keyframes fall-33 {
    64.8% {
        transform: translate(18.204vw, 64.8vh) scale(0.7051)
    }
    to {
        transform: translate(18.40485vw, 100vh) scale(0.7051)
    }
}

.snow:nth-child(34) {
    opacity: .5896;
    transform: translate(44.1307vw, -10px) scale(0.5615);
    animation: fall-34 13s -23s linear infinite
}

@keyframes fall-34 {
    63.85% {
        transform: translate(35.6626vw, 63.85vh) scale(0.5615)
    }
    to {
        transform: translate(39.89665vw, 100vh) scale(0.5615)
    }
}

.snow:nth-child(35) {
    opacity: .7402;
    transform: translate(10.3066vw, -10px) scale(0.3034);
    animation: fall-35 18s -13s linear infinite
}

@keyframes fall-35 {
    70.552% {
        transform: translate(15.1652vw, 70.552vh) scale(0.3034)
    }
    to {
        transform: translate(12.7359vw, 100vh) scale(0.3034)
    }
}

.snow:nth-child(36) {
    opacity: .3273;
    transform: translate(33.2573vw, -10px) scale(0.6775);
    animation: fall-36 16s -5s linear infinite
}

@keyframes fall-36 {
    40.991% {
        transform: translate(24.6013vw, 40.991vh) scale(0.6775)
    }
    to {
        transform: translate(28.9293vw, 100vh) scale(0.6775)
    }
}

.snow:nth-child(37) {
    opacity: .0743;
    transform: translate(52.663vw, -10px) scale(0.2567);
    animation: fall-37 14s -20s linear infinite
}

@keyframes fall-37 {
    53.271% {
        transform: translate(58.4837vw, 53.271vh) scale(0.2567)
    }
    to {
        transform: translate(55.57335vw, 100vh) scale(0.2567)
    }
}

.snow:nth-child(38) {
    opacity: .0708;
    transform: translate(10.8743vw, -10px) scale(0.6374);
    animation: fall-38 27s -4s linear infinite
}

@keyframes fall-38 {
    42.021% {
        transform: translate(3.6609vw, 42.021vh) scale(0.6374)
    }
    to {
        transform: translate(7.2676vw, 100vh) scale(0.6374)
    }
}

.snow:nth-child(39) {
    opacity: .3311;
    transform: translate(80.5658vw, -10px) scale(0.8531);
    animation: fall-39 11s -24s linear infinite
}

@keyframes fall-39 {
    62.809% {
        transform: translate(81.512vw, 62.809vh) scale(0.8531)
    }
    to {
        transform: translate(81.0389vw, 100vh) scale(0.8531)
    }
}

.snow:nth-child(40) {
    opacity: .882;
    transform: translate(10.7261vw, -10px) scale(0.772);
    animation: fall-40 21s -10s linear infinite
}

@keyframes fall-40 {
    77.955% {
        transform: translate(19.7671vw, 77.955vh) scale(0.772)
    }
    to {
        transform: translate(15.2466vw, 100vh) scale(0.772)
    }
}

.snow:nth-child(41) {
    opacity: .7039;
    transform: translate(85.3186vw, -10px) scale(0.2106);
    animation: fall-41 21s -5s linear infinite
}

@keyframes fall-41 {
    32.977% {
        transform: translate(91.9315vw, 32.977vh) scale(0.2106)
    }
    to {
        transform: translate(88.62505vw, 100vh) scale(0.2106)
    }
}

.snow:nth-child(42) {
    opacity: .8596;
    transform: translate(70.5095vw, -10px) scale(0.4027);
    animation: fall-42 28s -23s linear infinite
}

@keyframes fall-42 {
    45.772% {
        transform: translate(75.604vw, 45.772vh) scale(0.4027)
    }
    to {
        transform: translate(73.05675vw, 100vh) scale(0.4027)
    }
}

.snow:nth-child(43) {
    opacity: .2682;
    transform: translate(20.7881vw, -10px) scale(0.0719);
    animation: fall-43 10s -2s linear infinite
}

@keyframes fall-43 {
    45.908% {
        transform: translate(18.9126vw, 45.908vh) scale(0.0719)
    }
    to {
        transform: translate(19.85035vw, 100vh) scale(0.0719)
    }
}

.snow:nth-child(44) {
    opacity: .7275;
    transform: translate(63.4559vw, -10px) scale(0.9037);
    animation: fall-44 18s -24s linear infinite
}

@keyframes fall-44 {
    31.852% {
        transform: translate(72.0356vw, 31.852vh) scale(0.9037)
    }
    to {
        transform: translate(67.74575vw, 100vh) scale(0.9037)
    }
}

.snow:nth-child(45) {
    opacity: .6048;
    transform: translate(65.4669vw, -10px) scale(0.4181);
    animation: fall-45 17s -18s linear infinite
}

@keyframes fall-45 {
    63.234% {
        transform: translate(65.5066vw, 63.234vh) scale(0.4181)
    }
    to {
        transform: translate(65.48675vw, 100vh) scale(0.4181)
    }
}

.snow:nth-child(46) {
    opacity: .4965;
    transform: translate(71.0843vw, -10px) scale(0.8657);
    animation: fall-46 17s -4s linear infinite
}

@keyframes fall-46 {
    57.402% {
        transform: translate(70.6282vw, 57.402vh) scale(0.8657)
    }
    to {
        transform: translate(70.85625vw, 100vh) scale(0.8657)
    }
}

.snow:nth-child(47) {
    opacity: .3971;
    transform: translate(33.3162vw, -10px) scale(0.9073);
    animation: fall-47 21s -11s linear infinite
}

@keyframes fall-47 {
    49.808% {
        transform: translate(41.0029vw, 49.808vh) scale(0.9073)
    }
    to {
        transform: translate(37.15955vw, 100vh) scale(0.9073)
    }
}

.snow:nth-child(48) {
    opacity: .2907;
    transform: translate(74.3911vw, -10px) scale(0.1787);
    animation: fall-48 29s -4s linear infinite
}

@keyframes fall-48 {
    61.137% {
        transform: translate(65.7347vw, 61.137vh) scale(0.1787)
    }
    to {
        transform: translate(70.0629vw, 100vh) scale(0.1787)
    }
}

.snow:nth-child(49) {
    opacity: .2947;
    transform: translate(55.0825vw, -10px) scale(0.7779);
    animation: fall-49 30s -15s linear infinite
}

@keyframes fall-49 {
    32.785% {
        transform: translate(51.7265vw, 32.785vh) scale(0.7779)
    }
    to {
        transform: translate(53.4045vw, 100vh) scale(0.7779)
    }
}

.snow:nth-child(50) {
    opacity: .0611;
    transform: translate(29.6721vw, -10px) scale(0.8409);
    animation: fall-50 20s -9s linear infinite
}

@keyframes fall-50 {
    50.725% {
        transform: translate(38.4421vw, 50.725vh) scale(0.8409)
    }
    to {
        transform: translate(34.0571vw, 100vh) scale(0.8409)
    }
}

.snow:nth-child(51) {
    opacity: .9628;
    transform: translate(62.8088vw, -10px) scale(0.1425);
    animation: fall-51 16s -15s linear infinite
}

@keyframes fall-51 {
    38.198% {
        transform: translate(53.913vw, 38.198vh) scale(0.1425)
    }
    to {
        transform: translate(58.3609vw, 100vh) scale(0.1425)
    }
}

.snow:nth-child(52) {
    opacity: .9111;
    transform: translate(68.7347vw, -10px) scale(0.3394);
    animation: fall-52 16s -7s linear infinite
}

@keyframes fall-52 {
    62.588% {
        transform: translate(62.5277vw, 62.588vh) scale(0.3394)
    }
    to {
        transform: translate(65.6312vw, 100vh) scale(0.3394)
    }
}

.snow:nth-child(53) {
    opacity: .0151;
    transform: translate(64.5088vw, -10px) scale(0.5031);
    animation: fall-53 13s -15s linear infinite
}

@keyframes fall-53 {
    50.82% {
        transform: translate(66.7766vw, 50.82vh) scale(0.5031)
    }
    to {
        transform: translate(65.6427vw, 100vh) scale(0.5031)
    }
}

.snow:nth-child(54) {
    opacity: .2272;
    transform: translate(97.2192vw, -10px) scale(0.9566);
    animation: fall-54 17s -9s linear infinite
}

@keyframes fall-54 {
    78.885% {
        transform: translate(94.2713vw, 78.885vh) scale(0.9566)
    }
    to {
        transform: translate(95.74525vw, 100vh) scale(0.9566)
    }
}

.snow:nth-child(55) {
    opacity: .2251;
    transform: translate(42.8456vw, -10px) scale(0.9875);
    animation: fall-55 22s -26s linear infinite
}

@keyframes fall-55 {
    66.47% {
        transform: translate(40.4704vw, 66.47vh) scale(0.9875)
    }
    to {
        transform: translate(41.658vw, 100vh) scale(0.9875)
    }
}

.snow:nth-child(56) {
    opacity: .3151;
    transform: translate(17.9917vw, -10px) scale(0.9337);
    animation: fall-56 17s -10s linear infinite
}

@keyframes fall-56 {
    31.589% {
        transform: translate(8.6149vw, 31.589vh) scale(0.9337)
    }
    to {
        transform: translate(13.3033vw, 100vh) scale(0.9337)
    }
}

.snow:nth-child(57) {
    opacity: .3385;
    transform: translate(11.1292vw, -10px) scale(0.3292);
    animation: fall-57 25s -12s linear infinite
}

@keyframes fall-57 {
    74.737% {
        transform: translate(7.6129vw, 74.737vh) scale(0.3292)
    }
    to {
        transform: translate(9.37105vw, 100vh) scale(0.3292)
    }
}

.snow:nth-child(58) {
    opacity: .2007;
    transform: translate(77.4894vw, -10px) scale(0.2873);
    animation: fall-58 25s -2s linear infinite
}

@keyframes fall-58 {
    64.324% {
        transform: translate(81.9659vw, 64.324vh) scale(0.2873)
    }
    to {
        transform: translate(79.72765vw, 100vh) scale(0.2873)
    }
}

.snow:nth-child(59) {
    opacity: .9396;
    transform: translate(94.2503vw, -10px) scale(0.9714);
    animation: fall-59 24s -2s linear infinite
}

@keyframes fall-59 {
    35.854% {
        transform: translate(101.661vw, 35.854vh) scale(0.9714)
    }
    to {
        transform: translate(97.95565vw, 100vh) scale(0.9714)
    }
}

.snow:nth-child(60) {
    opacity: .3051;
    transform: translate(76.2244vw, -10px) scale(0.9929);
    animation: fall-60 10s -25s linear infinite
}

@keyframes fall-60 {
    61.575% {
        transform: translate(73.1556vw, 61.575vh) scale(0.9929)
    }
    to {
        transform: translate(74.69vw, 100vh) scale(0.9929)
    }
}

.snow:nth-child(61) {
    opacity: .9314;
    transform: translate(27.9645vw, -10px) scale(0.4751);
    animation: fall-61 26s -7s linear infinite
}

@keyframes fall-61 {
    68.256% {
        transform: translate(29.4227vw, 68.256vh) scale(0.4751)
    }
    to {
        transform: translate(28.6936vw, 100vh) scale(0.4751)
    }
}

.snow:nth-child(62) {
    opacity: .4511;
    transform: translate(8.7879vw, -10px) scale(0.8022);
    animation: fall-62 29s -1s linear infinite
}

@keyframes fall-62 {
    72.961% {
        transform: translate(15.6597vw, 72.961vh) scale(0.8022)
    }
    to {
        transform: translate(12.2238vw, 100vh) scale(0.8022)
    }
}

.snow:nth-child(63) {
    opacity: .9119;
    transform: translate(6.7985vw, -10px) scale(0.6068);
    animation: fall-63 22s -11s linear infinite
}

@keyframes fall-63 {
    45.775% {
        transform: translate(15.023vw, 45.775vh) scale(0.6068)
    }
    to {
        transform: translate(10.91075vw, 100vh) scale(0.6068)
    }
}

.snow:nth-child(64) {
    opacity: .2016;
    transform: translate(12.642vw, -10px) scale(0.0095);
    animation: fall-64 20s -13s linear infinite
}

@keyframes fall-64 {
    70.808% {
        transform: translate(6.2807vw, 70.808vh) scale(0.0095)
    }
    to {
        transform: translate(9.46135vw, 100vh) scale(0.0095)
    }
}

.snow:nth-child(65) {
    opacity: .0136;
    transform: translate(4.9931vw, -10px) scale(0.8574);
    animation: fall-65 29s -21s linear infinite
}

@keyframes fall-65 {
    44.531% {
        transform: translate(-1.0465vw, 44.531vh) scale(0.8574)
    }
    to {
        transform: translate(1.9733vw, 100vh) scale(0.8574)
    }
}

.snow:nth-child(66) {
    opacity: .9106;
    transform: translate(51.4256vw, -10px) scale(0.1242);
    animation: fall-66 14s -27s linear infinite
}

@keyframes fall-66 {
    52.482% {
        transform: translate(52.5907vw, 52.482vh) scale(0.1242)
    }
    to {
        transform: translate(52.00815vw, 100vh) scale(0.1242)
    }
}

.snow:nth-child(67) {
    opacity: .6838;
    transform: translate(73.5776vw, -10px) scale(0.8941);
    animation: fall-67 26s -26s linear infinite
}

@keyframes fall-67 {
    51.825% {
        transform: translate(68.2714vw, 51.825vh) scale(0.8941)
    }
    to {
        transform: translate(70.9245vw, 100vh) scale(0.8941)
    }
}

.snow:nth-child(68) {
    opacity: .7598;
    transform: translate(94.3262vw, -10px) scale(0.062);
    animation: fall-68 19s -21s linear infinite
}

@keyframes fall-68 {
    53.799% {
        transform: translate(102.0723vw, 53.799vh) scale(0.062)
    }
    to {
        transform: translate(98.19925vw, 100vh) scale(0.062)
    }
}

.snow:nth-child(69) {
    opacity: .6452;
    transform: translate(50.1418vw, -10px) scale(0.4446);
    animation: fall-69 25s -4s linear infinite
}

@keyframes fall-69 {
    73.683% {
        transform: translate(58.9533vw, 73.683vh) scale(0.4446)
    }
    to {
        transform: translate(54.54755vw, 100vh) scale(0.4446)
    }
}

.snow:nth-child(70) {
    opacity: .6486;
    transform: translate(43.4531vw, -10px) scale(0.8593);
    animation: fall-70 23s -23s linear infinite
}

@keyframes fall-70 {
    53.832% {
        transform: translate(35.6751vw, 53.832vh) scale(0.8593)
    }
    to {
        transform: translate(39.5641vw, 100vh) scale(0.8593)
    }
}

.snow:nth-child(71) {
    opacity: .1068;
    transform: translate(35.0334vw, -10px) scale(0.7183);
    animation: fall-71 23s -16s linear infinite
}

@keyframes fall-71 {
    32.788% {
        transform: translate(27.1851vw, 32.788vh) scale(0.7183)
    }
    to {
        transform: translate(31.10925vw, 100vh) scale(0.7183)
    }
}

.snow:nth-child(72) {
    opacity: .2027;
    transform: translate(99.2662vw, -10px) scale(0.0792);
    animation: fall-72 19s -3s linear infinite
}

@keyframes fall-72 {
    61.557% {
        transform: translate(89.6225vw, 61.557vh) scale(0.0792)
    }
    to {
        transform: translate(94.44435vw, 100vh) scale(0.0792)
    }
}

.snow:nth-child(73) {
    opacity: .2638;
    transform: translate(23.2586vw, -10px) scale(0.5281);
    animation: fall-73 30s -8s linear infinite
}

@keyframes fall-73 {
    68.11% {
        transform: translate(28.5841vw, 68.11vh) scale(0.5281)
    }
    to {
        transform: translate(25.92135vw, 100vh) scale(0.5281)
    }
}

.snow:nth-child(74) {
    opacity: .8552;
    transform: translate(17.7422vw, -10px) scale(0.451);
    animation: fall-74 10s -10s linear infinite
}

@keyframes fall-74 {
    62.431% {
        transform: translate(14.0175vw, 62.431vh) scale(0.451)
    }
    to {
        transform: translate(15.87985vw, 100vh) scale(0.451)
    }
}

.snow:nth-child(75) {
    opacity: .7533;
    transform: translate(84.0693vw, -10px) scale(0.1407);
    animation: fall-75 15s -4s linear infinite
}

@keyframes fall-75 {
    39.765% {
        transform: translate(74.3825vw, 39.765vh) scale(0.1407)
    }
    to {
        transform: translate(79.2259vw, 100vh) scale(0.1407)
    }
}

.snow:nth-child(76) {
    opacity: .7352;
    transform: translate(69.4939vw, -10px) scale(0.0522);
    animation: fall-76 24s -4s linear infinite
}

@keyframes fall-76 {
    53.977% {
        transform: translate(73.0285vw, 53.977vh) scale(0.0522)
    }
    to {
        transform: translate(71.2612vw, 100vh) scale(0.0522)
    }
}

.snow:nth-child(77) {
    opacity: .1006;
    transform: translate(96.0027vw, -10px) scale(0.433);
    animation: fall-77 22s -29s linear infinite
}

@keyframes fall-77 {
    72.162% {
        transform: translate(97.8576vw, 72.162vh) scale(0.433)
    }
    to {
        transform: translate(96.93015vw, 100vh) scale(0.433)
    }
}

.snow:nth-child(78) {
    opacity: .6361;
    transform: translate(1.124vw, -10px) scale(0.0703);
    animation: fall-78 21s -6s linear infinite
}

@keyframes fall-78 {
    66.085% {
        transform: translate(-2.0573vw, 66.085vh) scale(0.0703)
    }
    to {
        transform: translate(-0.46665vw, 100vh) scale(0.0703)
    }
}

.snow:nth-child(79) {
    opacity: .0398;
    transform: translate(22.6599vw, -10px) scale(0.2103);
    animation: fall-79 14s -16s linear infinite
}

@keyframes fall-79 {
    50.22% {
        transform: translate(26.9652vw, 50.22vh) scale(0.2103)
    }
    to {
        transform: translate(24.81255vw, 100vh) scale(0.2103)
    }
}

.snow:nth-child(80) {
    opacity: .7512;
    transform: translate(31.3665vw, -10px) scale(0.5569);
    animation: fall-80 15s -2s linear infinite
}

@keyframes fall-80 {
    31.009% {
        transform: translate(38.7298vw, 31.009vh) scale(0.5569)
    }
    to {
        transform: translate(35.04815vw, 100vh) scale(0.5569)
    }
}

.snow:nth-child(81) {
    opacity: .6565;
    transform: translate(85.5037vw, -10px) scale(0.7832);
    animation: fall-81 21s -16s linear infinite
}

@keyframes fall-81 {
    68.1% {
        transform: translate(79.8511vw, 68.1vh) scale(0.7832)
    }
    to {
        transform: translate(82.6774vw, 100vh) scale(0.7832)
    }
}

.snow:nth-child(82) {
    opacity: .0737;
    transform: translate(80.9561vw, -10px) scale(0.5878);
    animation: fall-82 16s -4s linear infinite
}

@keyframes fall-82 {
    71.562% {
        transform: translate(73.6996vw, 71.562vh) scale(0.5878)
    }
    to {
        transform: translate(77.32785vw, 100vh) scale(0.5878)
    }
}

.snow:nth-child(83) {
    opacity: .4302;
    transform: translate(67.9879vw, -10px) scale(0.2263);
    animation: fall-83 26s -14s linear infinite
}

@keyframes fall-83 {
    44.943% {
        transform: translate(76.9101vw, 44.943vh) scale(0.2263)
    }
    to {
        transform: translate(72.449vw, 100vh) scale(0.2263)
    }
}

.snow:nth-child(84) {
    opacity: .9284;
    transform: translate(8.8984vw, -10px) scale(0.2692);
    animation: fall-84 28s -9s linear infinite
}

@keyframes fall-84 {
    56.742% {
        transform: translate(1.2908vw, 56.742vh) scale(0.2692)
    }
    to {
        transform: translate(5.0946vw, 100vh) scale(0.2692)
    }
}

.snow:nth-child(85) {
    opacity: .3338;
    transform: translate(64.6049vw, -10px) scale(0.8259);
    animation: fall-85 13s -27s linear infinite
}

@keyframes fall-85 {
    67.679% {
        transform: translate(56.9017vw, 67.679vh) scale(0.8259)
    }
    to {
        transform: translate(60.7533vw, 100vh) scale(0.8259)
    }
}

.snow:nth-child(86) {
    opacity: .0735;
    transform: translate(76.3987vw, -10px) scale(0.787);
    animation: fall-86 18s -26s linear infinite
}

@keyframes fall-86 {
    74.266% {
        transform: translate(68.5825vw, 74.266vh) scale(0.787)
    }
    to {
        transform: translate(72.4906vw, 100vh) scale(0.787)
    }
}

.snow:nth-child(87) {
    opacity: .0811;
    transform: translate(17.9584vw, -10px) scale(0.9486);
    animation: fall-87 29s -10s linear infinite
}

@keyframes fall-87 {
    35.988% {
        transform: translate(26.0251vw, 35.988vh) scale(0.9486)
    }
    to {
        transform: translate(21.99175vw, 100vh) scale(0.9486)
    }
}

.snow:nth-child(88) {
    opacity: .7618;
    transform: translate(41.4503vw, -10px) scale(0.8297);
    animation: fall-88 28s -26s linear infinite
}

@keyframes fall-88 {
    58.87% {
        transform: translate(33.242vw, 58.87vh) scale(0.8297)
    }
    to {
        transform: translate(37.34615vw, 100vh) scale(0.8297)
    }
}

.snow:nth-child(89) {
    opacity: .2305;
    transform: translate(33.8235vw, -10px) scale(0.9286);
    animation: fall-89 13s -22s linear infinite
}

@keyframes fall-89 {
    75.808% {
        transform: translate(29.6772vw, 75.808vh) scale(0.9286)
    }
    to {
        transform: translate(31.75035vw, 100vh) scale(0.9286)
    }
}

.snow:nth-child(90) {
    opacity: .6542;
    transform: translate(99.8998vw, -10px) scale(0.3527);
    animation: fall-90 29s -24s linear infinite
}

@keyframes fall-90 {
    69.887% {
        transform: translate(102.7517vw, 69.887vh) scale(0.3527)
    }
    to {
        transform: translate(101.32575vw, 100vh) scale(0.3527)
    }
}

.snow:nth-child(91) {
    opacity: .3823;
    transform: translate(88.1222vw, -10px) scale(0.4945);
    animation: fall-91 15s -5s linear infinite
}

@keyframes fall-91 {
    77.07% {
        transform: translate(95.5541vw, 77.07vh) scale(0.4945)
    }
    to {
        transform: translate(91.83815vw, 100vh) scale(0.4945)
    }
}

.snow:nth-child(92) {
    opacity: .7653;
    transform: translate(22.1504vw, -10px) scale(0.1468);
    animation: fall-92 15s -3s linear infinite
}

@keyframes fall-92 {
    56.37% {
        transform: translate(30.0169vw, 56.37vh) scale(0.1468)
    }
    to {
        transform: translate(26.08365vw, 100vh) scale(0.1468)
    }
}

.snow:nth-child(93) {
    opacity: .8681;
    transform: translate(18.7276vw, -10px) scale(0.214);
    animation: fall-93 12s -26s linear infinite
}

@keyframes fall-93 {
    47.777% {
        transform: translate(20.5194vw, 47.777vh) scale(0.214)
    }
    to {
        transform: translate(19.6235vw, 100vh) scale(0.214)
    }
}

.snow:nth-child(94) {
    opacity: .9279;
    transform: translate(52.2178vw, -10px) scale(0.4413);
    animation: fall-94 24s -21s linear infinite
}

@keyframes fall-94 {
    38.666% {
        transform: translate(57.5451vw, 38.666vh) scale(0.4413)
    }
    to {
        transform: translate(54.88145vw, 100vh) scale(0.4413)
    }
}

.snow:nth-child(95) {
    opacity: .0345;
    transform: translate(79.1652vw, -10px) scale(0.1017);
    animation: fall-95 22s -11s linear infinite
}

@keyframes fall-95 {
    46.105% {
        transform: translate(82.2903vw, 46.105vh) scale(0.1017)
    }
    to {
        transform: translate(80.72775vw, 100vh) scale(0.1017)
    }
}

.snow:nth-child(96) {
    opacity: .902;
    transform: translate(73.3986vw, -10px) scale(0.981);
    animation: fall-96 29s -21s linear infinite
}

@keyframes fall-96 {
    56.056% {
        transform: translate(80.0799vw, 56.056vh) scale(0.981)
    }
    to {
        transform: translate(76.73925vw, 100vh) scale(0.981)
    }
}

.snow:nth-child(97) {
    opacity: .6094;
    transform: translate(44.0127vw, -10px) scale(0.5236);
    animation: fall-97 20s -7s linear infinite
}

@keyframes fall-97 {
    70.548% {
        transform: translate(43.8402vw, 70.548vh) scale(0.5236)
    }
    to {
        transform: translate(43.92645vw, 100vh) scale(0.5236)
    }
}

.snow:nth-child(98) {
    opacity: .1126;
    transform: translate(94.0964vw, -10px) scale(0.6274);
    animation: fall-98 24s -11s linear infinite
}

@keyframes fall-98 {
    65.389% {
        transform: translate(92.6869vw, 65.389vh) scale(0.6274)
    }
    to {
        transform: translate(93.39165vw, 100vh) scale(0.6274)
    }
}

.snow:nth-child(99) {
    opacity: .8677;
    transform: translate(87.9919vw, -10px) scale(0.9923);
    animation: fall-99 14s -22s linear infinite
}

@keyframes fall-99 {
    51.648% {
        transform: translate(83.3594vw, 51.648vh) scale(0.9923)
    }
    to {
        transform: translate(85.67565vw, 100vh) scale(0.9923)
    }
}

.snow:nth-child(100) {
    opacity: .1425;
    transform: translate(72.4442vw, -10px) scale(0.9849);
    animation: fall-100 30s -2s linear infinite
}

@keyframes fall-100 {
    78.219% {
        transform: translate(67.2501vw, 78.219vh) scale(0.9849)
    }
    to {
        transform: translate(69.84715vw, 100vh) scale(0.9849)
    }
}

.snow:nth-child(101) {
    opacity: .0445;
    transform: translate(8.904vw, -10px) scale(0.7165);
    animation: fall-101 20s -3s linear infinite
}

@keyframes fall-101 {
    48.379% {
        transform: translate(18.02vw, 48.379vh) scale(0.7165)
    }
    to {
        transform: translate(13.462vw, 100vh) scale(0.7165)
    }
}

.snow:nth-child(102) {
    opacity: .401;
    transform: translate(19.508vw, -10px) scale(0.1843);
    animation: fall-102 21s -16s linear infinite
}

@keyframes fall-102 {
    65.812% {
        transform: translate(23.7512vw, 65.812vh) scale(0.1843)
    }
    to {
        transform: translate(21.6296vw, 100vh) scale(0.1843)
    }
}

.snow:nth-child(103) {
    opacity: .9734;
    transform: translate(92.0374vw, -10px) scale(0.0149);
    animation: fall-103 23s -30s linear infinite
}

@keyframes fall-103 {
    35.896% {
        transform: translate(83.7905vw, 35.896vh) scale(0.0149)
    }
    to {
        transform: translate(87.91395vw, 100vh) scale(0.0149)
    }
}

.snow:nth-child(104) {
    opacity: .218;
    transform: translate(27.5535vw, -10px) scale(0.199);
    animation: fall-104 16s -29s linear infinite
}

@keyframes fall-104 {
    78.368% {
        transform: translate(36.2472vw, 78.368vh) scale(0.199)
    }
    to {
        transform: translate(31.90035vw, 100vh) scale(0.199)
    }
}

.snow:nth-child(105) {
    opacity: .6403;
    transform: translate(74.6507vw, -10px) scale(0.3813);
    animation: fall-105 10s -5s linear infinite
}

@keyframes fall-105 {
    68.473% {
        transform: translate(72.4842vw, 68.473vh) scale(0.3813)
    }
    to {
        transform: translate(73.56745vw, 100vh) scale(0.3813)
    }
}

.snow:nth-child(106) {
    opacity: .191;
    transform: translate(70.5261vw, -10px) scale(0.8608);
    animation: fall-106 13s -12s linear infinite
}

@keyframes fall-106 {
    67.738% {
        transform: translate(70.7877vw, 67.738vh) scale(0.8608)
    }
    to {
        transform: translate(70.6569vw, 100vh) scale(0.8608)
    }
}

.snow:nth-child(107) {
    opacity: .7655;
    transform: translate(74.4733vw, -10px) scale(0.2542);
    animation: fall-107 24s -4s linear infinite
}

@keyframes fall-107 {
    77.873% {
        transform: translate(78.9581vw, 77.873vh) scale(0.2542)
    }
    to {
        transform: translate(76.7157vw, 100vh) scale(0.2542)
    }
}

.snow:nth-child(108) {
    opacity: .8737;
    transform: translate(67.0556vw, -10px) scale(0.9969);
    animation: fall-108 26s -6s linear infinite
}

@keyframes fall-108 {
    31.786% {
        transform: translate(65.8583vw, 31.786vh) scale(0.9969)
    }
    to {
        transform: translate(66.45695vw, 100vh) scale(0.9969)
    }
}

.snow:nth-child(109) {
    opacity: .2324;
    transform: translate(97.1659vw, -10px) scale(0.9336);
    animation: fall-109 21s -17s linear infinite
}

@keyframes fall-109 {
    63.735% {
        transform: translate(103.3115vw, 63.735vh) scale(0.9336)
    }
    to {
        transform: translate(100.2387vw, 100vh) scale(0.9336)
    }
}

.snow:nth-child(110) {
    opacity: .7615;
    transform: translate(18.1674vw, -10px) scale(0.9311);
    animation: fall-110 18s -18s linear infinite
}

@keyframes fall-110 {
    78.782% {
        transform: translate(24.7324vw, 78.782vh) scale(0.9311)
    }
    to {
        transform: translate(21.4499vw, 100vh) scale(0.9311)
    }
}

.snow:nth-child(111) {
    opacity: .1056;
    transform: translate(76.2405vw, -10px) scale(0.5522);
    animation: fall-111 16s -28s linear infinite
}

@keyframes fall-111 {
    73.834% {
        transform: translate(76.7518vw, 73.834vh) scale(0.5522)
    }
    to {
        transform: translate(76.49615vw, 100vh) scale(0.5522)
    }
}

.snow:nth-child(112) {
    opacity: .5638;
    transform: translate(26.512vw, -10px) scale(0.8571);
    animation: fall-112 24s -1s linear infinite
}

@keyframes fall-112 {
    65.759% {
        transform: translate(30.9127vw, 65.759vh) scale(0.8571)
    }
    to {
        transform: translate(28.71235vw, 100vh) scale(0.8571)
    }
}

.snow:nth-child(113) {
    opacity: .3084;
    transform: translate(56.3652vw, -10px) scale(0.3431);
    animation: fall-113 17s -11s linear infinite
}

@keyframes fall-113 {
    65.584% {
        transform: translate(62.3945vw, 65.584vh) scale(0.3431)
    }
    to {
        transform: translate(59.37985vw, 100vh) scale(0.3431)
    }
}

.snow:nth-child(114) {
    opacity: .7811;
    transform: translate(69.559vw, -10px) scale(0.2243);
    animation: fall-114 20s -23s linear infinite
}

@keyframes fall-114 {
    77.819% {
        transform: translate(75.5457vw, 77.819vh) scale(0.2243)
    }
    to {
        transform: translate(72.55235vw, 100vh) scale(0.2243)
    }
}

.snow:nth-child(115) {
    opacity: .9547;
    transform: translate(85.3039vw, -10px) scale(0.6443);
    animation: fall-115 24s -8s linear infinite
}

@keyframes fall-115 {
    66.231% {
        transform: translate(90.8148vw, 66.231vh) scale(0.6443)
    }
    to {
        transform: translate(88.05935vw, 100vh) scale(0.6443)
    }
}

.snow:nth-child(116) {
    opacity: .5607;
    transform: translate(26.7731vw, -10px) scale(0.6458);
    animation: fall-116 12s -11s linear infinite
}

@keyframes fall-116 {
    72.823% {
        transform: translate(23.4402vw, 72.823vh) scale(0.6458)
    }
    to {
        transform: translate(25.10665vw, 100vh) scale(0.6458)
    }
}

.snow:nth-child(117) {
    opacity: .5478;
    transform: translate(76.5313vw, -10px) scale(0.4931);
    animation: fall-117 17s -25s linear infinite
}

@keyframes fall-117 {
    62.267% {
        transform: translate(76.9752vw, 62.267vh) scale(0.4931)
    }
    to {
        transform: translate(76.75325vw, 100vh) scale(0.4931)
    }
}

.snow:nth-child(118) {
    opacity: .8031;
    transform: translate(88.5633vw, -10px) scale(0.2965);
    animation: fall-118 19s -17s linear infinite
}

@keyframes fall-118 {
    37.22% {
        transform: translate(91.7041vw, 37.22vh) scale(0.2965)
    }
    to {
        transform: translate(90.1337vw, 100vh) scale(0.2965)
    }
}

.snow:nth-child(119) {
    opacity: .7586;
    transform: translate(52.4525vw, -10px) scale(0.1953);
    animation: fall-119 23s -19s linear infinite
}

@keyframes fall-119 {
    60.446% {
        transform: translate(61.7172vw, 60.446vh) scale(0.1953)
    }
    to {
        transform: translate(57.08485vw, 100vh) scale(0.1953)
    }
}

.snow:nth-child(120) {
    opacity: .1961;
    transform: translate(63.1728vw, -10px) scale(0.4642);
    animation: fall-120 15s -10s linear infinite
}

@keyframes fall-120 {
    50.11% {
        transform: translate(70.0821vw, 50.11vh) scale(0.4642)
    }
    to {
        transform: translate(66.62745vw, 100vh) scale(0.4642)
    }
}

.snow:nth-child(121) {
    opacity: .6056;
    transform: translate(1.3246vw, -10px) scale(0.434);
    animation: fall-121 11s -5s linear infinite
}

@keyframes fall-121 {
    37.245% {
        transform: translate(-3.853vw, 37.245vh) scale(0.434)
    }
    to {
        transform: translate(-1.2642vw, 100vh) scale(0.434)
    }
}

.snow:nth-child(122) {
    opacity: .9949;
    transform: translate(20.8006vw, -10px) scale(0.1933);
    animation: fall-122 30s -2s linear infinite
}

@keyframes fall-122 {
    50.063% {
        transform: translate(19.4692vw, 50.063vh) scale(0.1933)
    }
    to {
        transform: translate(20.1349vw, 100vh) scale(0.1933)
    }
}

.snow:nth-child(123) {
    opacity: .1275;
    transform: translate(68.7359vw, -10px) scale(0.6655);
    animation: fall-123 17s -24s linear infinite
}

@keyframes fall-123 {
    65.751% {
        transform: translate(77.2571vw, 65.751vh) scale(0.6655)
    }
    to {
        transform: translate(72.9965vw, 100vh) scale(0.6655)
    }
}

.snow:nth-child(124) {
    opacity: .0418;
    transform: translate(95.7393vw, -10px) scale(0.8818);
    animation: fall-124 24s -11s linear infinite
}

@keyframes fall-124 {
    52.071% {
        transform: translate(99.7711vw, 52.071vh) scale(0.8818)
    }
    to {
        transform: translate(97.7552vw, 100vh) scale(0.8818)
    }
}

.snow:nth-child(125) {
    opacity: .2493;
    transform: translate(91.329vw, -10px) scale(0.9008);
    animation: fall-125 26s -7s linear infinite
}

@keyframes fall-125 {
    61.708% {
        transform: translate(99.7381vw, 61.708vh) scale(0.9008)
    }
    to {
        transform: translate(95.53355vw, 100vh) scale(0.9008)
    }
}

.snow:nth-child(126) {
    opacity: .6987;
    transform: translate(5.3163vw, -10px) scale(0.9898);
    animation: fall-126 29s -10s linear infinite
}

@keyframes fall-126 {
    77.886% {
        transform: translate(12.6661vw, 77.886vh) scale(0.9898)
    }
    to {
        transform: translate(8.9912vw, 100vh) scale(0.9898)
    }
}

.snow:nth-child(127) {
    opacity: .3291;
    transform: translate(79.1562vw, -10px) scale(0.0046);
    animation: fall-127 20s -10s linear infinite
}

@keyframes fall-127 {
    69.899% {
        transform: translate(77.6201vw, 69.899vh) scale(0.0046)
    }
    to {
        transform: translate(78.38815vw, 100vh) scale(0.0046)
    }
}

.snow:nth-child(128) {
    opacity: .9624;
    transform: translate(55.2428vw, -10px) scale(0.8138);
    animation: fall-128 10s -24s linear infinite
}

@keyframes fall-128 {
    54.474% {
        transform: translate(53.0942vw, 54.474vh) scale(0.8138)
    }
    to {
        transform: translate(54.1685vw, 100vh) scale(0.8138)
    }
}

.snow:nth-child(129) {
    opacity: .2973;
    transform: translate(21.8302vw, -10px) scale(0.4026);
    animation: fall-129 19s -7s linear infinite
}

@keyframes fall-129 {
    45.765% {
        transform: translate(14.06vw, 45.765vh) scale(0.4026)
    }
    to {
        transform: translate(17.9451vw, 100vh) scale(0.4026)
    }
}

.snow:nth-child(130) {
    opacity: .5417;
    transform: translate(67.3633vw, -10px) scale(0.6638);
    animation: fall-130 22s -18s linear infinite
}

@keyframes fall-130 {
    37.116% {
        transform: translate(72.3495vw, 37.116vh) scale(0.6638)
    }
    to {
        transform: translate(69.8564vw, 100vh) scale(0.6638)
    }
}

.snow:nth-child(131) {
    opacity: .3353;
    transform: translate(3.1288vw, -10px) scale(0.8799);
    animation: fall-131 23s -24s linear infinite
}

@keyframes fall-131 {
    62.048% {
        transform: translate(4.3729vw, 62.048vh) scale(0.8799)
    }
    to {
        transform: translate(3.75085vw, 100vh) scale(0.8799)
    }
}

.snow:nth-child(132) {
    opacity: .3722;
    transform: translate(74.3928vw, -10px) scale(0.7248);
    animation: fall-132 21s -9s linear infinite
}

@keyframes fall-132 {
    33.99% {
        transform: translate(78.3951vw, 33.99vh) scale(0.7248)
    }
    to {
        transform: translate(76.39395vw, 100vh) scale(0.7248)
    }
}

.snow:nth-child(133) {
    opacity: .2468;
    transform: translate(45.3533vw, -10px) scale(0.9102);
    animation: fall-133 11s -5s linear infinite
}

@keyframes fall-133 {
    47.374% {
        transform: translate(54.4269vw, 47.374vh) scale(0.9102)
    }
    to {
        transform: translate(49.8901vw, 100vh) scale(0.9102)
    }
}

.snow:nth-child(134) {
    opacity: .291;
    transform: translate(60.3097vw, -10px) scale(0.1708);
    animation: fall-134 19s -13s linear infinite
}

@keyframes fall-134 {
    46.815% {
        transform: translate(64.1047vw, 46.815vh) scale(0.1708)
    }
    to {
        transform: translate(62.2072vw, 100vh) scale(0.1708)
    }
}

.snow:nth-child(135) {
    opacity: .5044;
    transform: translate(2.483vw, -10px) scale(0.5291);
    animation: fall-135 25s -27s linear infinite
}

@keyframes fall-135 {
    45.793% {
        transform: translate(-1.8389vw, 45.793vh) scale(0.5291)
    }
    to {
        transform: translate(0.32205vw, 100vh) scale(0.5291)
    }
}

.snow:nth-child(136) {
    opacity: .8061;
    transform: translate(32.3301vw, -10px) scale(0.8189);
    animation: fall-136 22s -19s linear infinite
}

@keyframes fall-136 {
    78.221% {
        transform: translate(35.0999vw, 78.221vh) scale(0.8189)
    }
    to {
        transform: translate(33.715vw, 100vh) scale(0.8189)
    }
}

.snow:nth-child(137) {
    opacity: .8613;
    transform: translate(1.1119vw, -10px) scale(0.0733);
    animation: fall-137 10s -8s linear infinite
}

@keyframes fall-137 {
    67.312% {
        transform: translate(1.0351vw, 67.312vh) scale(0.0733)
    }
    to {
        transform: translate(1.0735vw, 100vh) scale(0.0733)
    }
}

.snow:nth-child(138) {
    opacity: .0931;
    transform: translate(45.33vw, -10px) scale(0.7826);
    animation: fall-138 26s -1s linear infinite
}

@keyframes fall-138 {
    46.695% {
        transform: translate(42.2187vw, 46.695vh) scale(0.7826)
    }
    to {
        transform: translate(43.77435vw, 100vh) scale(0.7826)
    }
}

.snow:nth-child(139) {
    opacity: .5492;
    transform: translate(82.6932vw, -10px) scale(0.644);
    animation: fall-139 19s -19s linear infinite
}

@keyframes fall-139 {
    64.461% {
        transform: translate(74.0645vw, 64.461vh) scale(0.644)
    }
    to {
        transform: translate(78.37885vw, 100vh) scale(0.644)
    }
}

.snow:nth-child(140) {
    opacity: .4631;
    transform: translate(37.1548vw, -10px) scale(0.6679);
    animation: fall-140 29s -16s linear infinite
}

@keyframes fall-140 {
    37.828% {
        transform: translate(31.3223vw, 37.828vh) scale(0.6679)
    }
    to {
        transform: translate(34.23855vw, 100vh) scale(0.6679)
    }
}

.snow:nth-child(141) {
    opacity: .5275;
    transform: translate(44.51vw, -10px) scale(0.2853);
    animation: fall-141 10s -30s linear infinite
}

@keyframes fall-141 {
    69.904% {
        transform: translate(50.768vw, 69.904vh) scale(0.2853)
    }
    to {
        transform: translate(47.639vw, 100vh) scale(0.2853)
    }
}

.snow:nth-child(142) {
    opacity: .3314;
    transform: translate(30.671vw, -10px) scale(0.1089);
    animation: fall-142 24s -13s linear infinite
}

@keyframes fall-142 {
    47.662% {
        transform: translate(22.1439vw, 47.662vh) scale(0.1089)
    }
    to {
        transform: translate(26.40745vw, 100vh) scale(0.1089)
    }
}

.snow:nth-child(143) {
    opacity: .5684;
    transform: translate(52.4423vw, -10px) scale(0.788);
    animation: fall-143 21s -27s linear infinite
}

@keyframes fall-143 {
    44.125% {
        transform: translate(50.1513vw, 44.125vh) scale(0.788)
    }
    to {
        transform: translate(51.2968vw, 100vh) scale(0.788)
    }
}

.snow:nth-child(144) {
    opacity: .6597;
    transform: translate(71.98vw, -10px) scale(0.8577);
    animation: fall-144 24s -15s linear infinite
}

@keyframes fall-144 {
    49.853% {
        transform: translate(76.7242vw, 49.853vh) scale(0.8577)
    }
    to {
        transform: translate(74.3521vw, 100vh) scale(0.8577)
    }
}

.snow:nth-child(145) {
    opacity: .2943;
    transform: translate(34.5484vw, -10px) scale(0.1513);
    animation: fall-145 23s -29s linear infinite
}

@keyframes fall-145 {
    68.579% {
        transform: translate(31.4981vw, 68.579vh) scale(0.1513)
    }
    to {
        transform: translate(33.02325vw, 100vh) scale(0.1513)
    }
}

.snow:nth-child(146) {
    opacity: .0318;
    transform: translate(16.1692vw, -10px) scale(0.1567);
    animation: fall-146 13s -13s linear infinite
}

@keyframes fall-146 {
    35.8% {
        transform: translate(20.7863vw, 35.8vh) scale(0.1567)
    }
    to {
        transform: translate(18.47775vw, 100vh) scale(0.1567)
    }
}

.snow:nth-child(147) {
    opacity: .2907;
    transform: translate(66.0577vw, -10px) scale(0.6777);
    animation: fall-147 10s -1s linear infinite
}

@keyframes fall-147 {
    72.038% {
        transform: translate(66.6631vw, 72.038vh) scale(0.6777)
    }
    to {
        transform: translate(66.3604vw, 100vh) scale(0.6777)
    }
}

.snow:nth-child(148) {
    opacity: .3688;
    transform: translate(79.3549vw, -10px) scale(0.2925);
    animation: fall-148 20s -24s linear infinite
}

@keyframes fall-148 {
    32.065% {
        transform: translate(81.3483vw, 32.065vh) scale(0.2925)
    }
    to {
        transform: translate(80.3516vw, 100vh) scale(0.2925)
    }
}

.snow:nth-child(149) {
    opacity: .6684;
    transform: translate(86.4037vw, -10px) scale(0.0169);
    animation: fall-149 11s -16s linear infinite
}

@keyframes fall-149 {
    54.398% {
        transform: translate(94.7706vw, 54.398vh) scale(0.0169)
    }
    to {
        transform: translate(90.58715vw, 100vh) scale(0.0169)
    }
}

.snow:nth-child(150) {
    opacity: .524;
    transform: translate(92.1348vw, -10px) scale(0.598);
    animation: fall-150 20s -13s linear infinite
}

@keyframes fall-150 {
    52.235% {
        transform: translate(99.1079vw, 52.235vh) scale(0.598)
    }
    to {
        transform: translate(95.62135vw, 100vh) scale(0.598)
    }
}

.snow:nth-child(151) {
    opacity: .8237;
    transform: translate(77.9792vw, -10px) scale(0.4149);
    animation: fall-151 29s -24s linear infinite
}

@keyframes fall-151 {
    45.07% {
        transform: translate(78.3757vw, 45.07vh) scale(0.4149)
    }
    to {
        transform: translate(78.17745vw, 100vh) scale(0.4149)
    }
}

.snow:nth-child(152) {
    opacity: .506;
    transform: translate(65.4627vw, -10px) scale(0.0585);
    animation: fall-152 30s -1s linear infinite
}

@keyframes fall-152 {
    74.974% {
        transform: translate(72.978vw, 74.974vh) scale(0.0585)
    }
    to {
        transform: translate(69.22035vw, 100vh) scale(0.0585)
    }
}

.snow:nth-child(153) {
    opacity: .9428;
    transform: translate(70.8041vw, -10px) scale(0.3287);
    animation: fall-153 11s -24s linear infinite
}

@keyframes fall-153 {
    76.462% {
        transform: translate(70.0741vw, 76.462vh) scale(0.3287)
    }
    to {
        transform: translate(70.4391vw, 100vh) scale(0.3287)
    }
}

.snow:nth-child(154) {
    opacity: .4302;
    transform: translate(69.8163vw, -10px) scale(0.7879);
    animation: fall-154 14s -26s linear infinite
}

@keyframes fall-154 {
    60.737% {
        transform: translate(71.1667vw, 60.737vh) scale(0.7879)
    }
    to {
        transform: translate(70.4915vw, 100vh) scale(0.7879)
    }
}

.snow:nth-child(155) {
    opacity: .962;
    transform: translate(51.5086vw, -10px) scale(0.4169);
    animation: fall-155 22s -22s linear infinite
}

@keyframes fall-155 {
    48.543% {
        transform: translate(58.626vw, 48.543vh) scale(0.4169)
    }
    to {
        transform: translate(55.0673vw, 100vh) scale(0.4169)
    }
}

.snow:nth-child(156) {
    opacity: .0603;
    transform: translate(95.5544vw, -10px) scale(0.7943);
    animation: fall-156 16s -9s linear infinite
}

@keyframes fall-156 {
    33.023% {
        transform: translate(102.5678vw, 33.023vh) scale(0.7943)
    }
    to {
        transform: translate(99.0611vw, 100vh) scale(0.7943)
    }
}

.snow:nth-child(157) {
    opacity: .6616;
    transform: translate(78.5788vw, -10px) scale(0.2596);
    animation: fall-157 19s -9s linear infinite
}

@keyframes fall-157 {
    36.735% {
        transform: translate(75.2595vw, 36.735vh) scale(0.2596)
    }
    to {
        transform: translate(76.91915vw, 100vh) scale(0.2596)
    }
}

.snow:nth-child(158) {
    opacity: .205;
    transform: translate(28.0254vw, -10px) scale(0.5062);
    animation: fall-158 29s -22s linear infinite
}

@keyframes fall-158 {
    46.364% {
        transform: translate(30.7916vw, 46.364vh) scale(0.5062)
    }
    to {
        transform: translate(29.4085vw, 100vh) scale(0.5062)
    }
}

.snow:nth-child(159) {
    opacity: .947;
    transform: translate(25.9421vw, -10px) scale(0.0634);
    animation: fall-159 10s -12s linear infinite
}

@keyframes fall-159 {
    49.912% {
        transform: translate(23.0699vw, 49.912vh) scale(0.0634)
    }
    to {
        transform: translate(24.506vw, 100vh) scale(0.0634)
    }
}

.snow:nth-child(160) {
    opacity: .2817;
    transform: translate(34.8675vw, -10px) scale(0.3805);
    animation: fall-160 27s -10s linear infinite
}

@keyframes fall-160 {
    58.792% {
        transform: translate(26.7877vw, 58.792vh) scale(0.3805)
    }
    to {
        transform: translate(30.8276vw, 100vh) scale(0.3805)
    }
}

.snow:nth-child(161) {
    opacity: .7184;
    transform: translate(61.5395vw, -10px) scale(0.5911);
    animation: fall-161 30s -2s linear infinite
}

@keyframes fall-161 {
    59.43% {
        transform: translate(54.3335vw, 59.43vh) scale(0.5911)
    }
    to {
        transform: translate(57.9365vw, 100vh) scale(0.5911)
    }
}

.snow:nth-child(162) {
    opacity: .6997;
    transform: translate(99.0364vw, -10px) scale(0.2515);
    animation: fall-162 16s -23s linear infinite
}

@keyframes fall-162 {
    70.282% {
        transform: translate(102.6195vw, 70.282vh) scale(0.2515)
    }
    to {
        transform: translate(100.82795vw, 100vh) scale(0.2515)
    }
}

.snow:nth-child(163) {
    opacity: .947;
    transform: translate(99.9239vw, -10px) scale(0.3009);
    animation: fall-163 10s -26s linear infinite
}

@keyframes fall-163 {
    56.382% {
        transform: translate(106.6278vw, 56.382vh) scale(0.3009)
    }
    to {
        transform: translate(103.27585vw, 100vh) scale(0.3009)
    }
}

.snow:nth-child(164) {
    opacity: .2531;
    transform: translate(24.7771vw, -10px) scale(0.4797);
    animation: fall-164 27s -1s linear infinite
}

@keyframes fall-164 {
    67.654% {
        transform: translate(15.7667vw, 67.654vh) scale(0.4797)
    }
    to {
        transform: translate(20.2719vw, 100vh) scale(0.4797)
    }
}

.snow:nth-child(165) {
    opacity: .9017;
    transform: translate(0.3558vw, -10px) scale(0.9192);
    animation: fall-165 12s -21s linear infinite
}

@keyframes fall-165 {
    39.461% {
        transform: translate(-8.1168vw, 39.461vh) scale(0.9192)
    }
    to {
        transform: translate(-3.8805vw, 100vh) scale(0.9192)
    }
}

.snow:nth-child(166) {
    opacity: .529;
    transform: translate(63.5051vw, -10px) scale(0.6064);
    animation: fall-166 23s -12s linear infinite
}

@keyframes fall-166 {
    74.445% {
        transform: translate(55.2281vw, 74.445vh) scale(0.6064)
    }
    to {
        transform: translate(59.3666vw, 100vh) scale(0.6064)
    }
}

.snow:nth-child(167) {
    opacity: .677;
    transform: translate(75.225vw, -10px) scale(0.3978);
    animation: fall-167 27s -21s linear infinite
}

@keyframes fall-167 {
    70.11% {
        transform: translate(73.5716vw, 70.11vh) scale(0.3978)
    }
    to {
        transform: translate(74.3983vw, 100vh) scale(0.3978)
    }
}

.snow:nth-child(168) {
    opacity: .8801;
    transform: translate(99.2025vw, -10px) scale(0.7725);
    animation: fall-168 18s -15s linear infinite
}

@keyframes fall-168 {
    66.928% {
        transform: translate(94.7585vw, 66.928vh) scale(0.7725)
    }
    to {
        transform: translate(96.9805vw, 100vh) scale(0.7725)
    }
}

.snow:nth-child(169) {
    opacity: .5094;
    transform: translate(31.7021vw, -10px) scale(0.3295);
    animation: fall-169 22s -16s linear infinite
}

@keyframes fall-169 {
    64.605% {
        transform: translate(35.8419vw, 64.605vh) scale(0.3295)
    }
    to {
        transform: translate(33.772vw, 100vh) scale(0.3295)
    }
}

.snow:nth-child(170) {
    opacity: .3798;
    transform: translate(16.1442vw, -10px) scale(0.5559);
    animation: fall-170 10s -27s linear infinite
}

@keyframes fall-170 {
    44.171% {
        transform: translate(15.0676vw, 44.171vh) scale(0.5559)
    }
    to {
        transform: translate(15.6059vw, 100vh) scale(0.5559)
    }
}

.snow:nth-child(171) {
    opacity: .2123;
    transform: translate(34.2539vw, -10px) scale(0.9772);
    animation: fall-171 10s -23s linear infinite
}

@keyframes fall-171 {
    42.758% {
        transform: translate(36.0983vw, 42.758vh) scale(0.9772)
    }
    to {
        transform: translate(35.1761vw, 100vh) scale(0.9772)
    }
}

.snow:nth-child(172) {
    opacity: .1618;
    transform: translate(56.5838vw, -10px) scale(0.589);
    animation: fall-172 11s -2s linear infinite
}

@keyframes fall-172 {
    48.603% {
        transform: translate(59.3427vw, 48.603vh) scale(0.589)
    }
    to {
        transform: translate(57.96325vw, 100vh) scale(0.589)
    }
}

.snow:nth-child(173) {
    opacity: .0932;
    transform: translate(44.3977vw, -10px) scale(0.4621);
    animation: fall-173 20s -1s linear infinite
}

@keyframes fall-173 {
    42.48% {
        transform: translate(36.8508vw, 42.48vh) scale(0.4621)
    }
    to {
        transform: translate(40.62425vw, 100vh) scale(0.4621)
    }
}

.snow:nth-child(174) {
    opacity: .2359;
    transform: translate(49.5386vw, -10px) scale(0.4422);
    animation: fall-174 11s -8s linear infinite
}

@keyframes fall-174 {
    71.881% {
        transform: translate(51.5642vw, 71.881vh) scale(0.4422)
    }
    to {
        transform: translate(50.5514vw, 100vh) scale(0.4422)
    }
}

.snow:nth-child(175) {
    opacity: .8559;
    transform: translate(20.484vw, -10px) scale(0.8771);
    animation: fall-175 10s -30s linear infinite
}

@keyframes fall-175 {
    68.17% {
        transform: translate(26.6839vw, 68.17vh) scale(0.8771)
    }
    to {
        transform: translate(23.58395vw, 100vh) scale(0.8771)
    }
}

.snow:nth-child(176) {
    opacity: .3879;
    transform: translate(79.4641vw, -10px) scale(0.8279);
    animation: fall-176 27s -7s linear infinite
}

@keyframes fall-176 {
    77.157% {
        transform: translate(73.9128vw, 77.157vh) scale(0.8279)
    }
    to {
        transform: translate(76.68845vw, 100vh) scale(0.8279)
    }
}

.snow:nth-child(177) {
    opacity: .4728;
    transform: translate(61.3508vw, -10px) scale(0.1319);
    animation: fall-177 15s -18s linear infinite
}

@keyframes fall-177 {
    53.73% {
        transform: translate(52.071vw, 53.73vh) scale(0.1319)
    }
    to {
        transform: translate(56.7109vw, 100vh) scale(0.1319)
    }
}

.snow:nth-child(178) {
    opacity: .2393;
    transform: translate(2.7787vw, -10px) scale(0.6734);
    animation: fall-178 21s -6s linear infinite
}

@keyframes fall-178 {
    30.193% {
        transform: translate(2.2822vw, 30.193vh) scale(0.6734)
    }
    to {
        transform: translate(2.53045vw, 100vh) scale(0.6734)
    }
}

.snow:nth-child(179) {
    opacity: .2996;
    transform: translate(12.3419vw, -10px) scale(0.2882);
    animation: fall-179 21s -2s linear infinite
}

@keyframes fall-179 {
    76.164% {
        transform: translate(18.5916vw, 76.164vh) scale(0.2882)
    }
    to {
        transform: translate(15.46675vw, 100vh) scale(0.2882)
    }
}

.snow:nth-child(180) {
    opacity: .9018;
    transform: translate(37.604vw, -10px) scale(0.3462);
    animation: fall-180 18s -24s linear infinite
}

@keyframes fall-180 {
    57.624% {
        transform: translate(29.5458vw, 57.624vh) scale(0.3462)
    }
    to {
        transform: translate(33.5749vw, 100vh) scale(0.3462)
    }
}

.snow:nth-child(181) {
    opacity: .0325;
    transform: translate(97.3209vw, -10px) scale(0.2849);
    animation: fall-181 27s -19s linear infinite
}

@keyframes fall-181 {
    54.109% {
        transform: translate(104.2835vw, 54.109vh) scale(0.2849)
    }
    to {
        transform: translate(100.8022vw, 100vh) scale(0.2849)
    }
}

.snow:nth-child(182) {
    opacity: .9037;
    transform: translate(28.7052vw, -10px) scale(0.0517);
    animation: fall-182 15s -13s linear infinite
}

@keyframes fall-182 {
    40.957% {
        transform: translate(26.7335vw, 40.957vh) scale(0.0517)
    }
    to {
        transform: translate(27.71935vw, 100vh) scale(0.0517)
    }
}

.snow:nth-child(183) {
    opacity: .9446;
    transform: translate(91.3173vw, -10px) scale(0.1334);
    animation: fall-183 23s -15s linear infinite
}

@keyframes fall-183 {
    68.366% {
        transform: translate(96.8871vw, 68.366vh) scale(0.1334)
    }
    to {
        transform: translate(94.1022vw, 100vh) scale(0.1334)
    }
}

.snow:nth-child(184) {
    opacity: .332;
    transform: translate(21.2328vw, -10px) scale(0.9705);
    animation: fall-184 21s -24s linear infinite
}

@keyframes fall-184 {
    71.332% {
        transform: translate(27.0678vw, 71.332vh) scale(0.9705)
    }
    to {
        transform: translate(24.1503vw, 100vh) scale(0.9705)
    }
}

.snow:nth-child(185) {
    opacity: .3968;
    transform: translate(8.7133vw, -10px) scale(0.8833);
    animation: fall-185 28s -13s linear infinite
}

@keyframes fall-185 {
    55.24% {
        transform: translate(8.8941vw, 55.24vh) scale(0.8833)
    }
    to {
        transform: translate(8.8037vw, 100vh) scale(0.8833)
    }
}

.snow:nth-child(186) {
    opacity: .0414;
    transform: translate(11.4762vw, -10px) scale(0.6558);
    animation: fall-186 29s -21s linear infinite
}

@keyframes fall-186 {
    76.592% {
        transform: translate(5.7226vw, 76.592vh) scale(0.6558)
    }
    to {
        transform: translate(8.5994vw, 100vh) scale(0.6558)
    }
}

.snow:nth-child(187) {
    opacity: .2374;
    transform: translate(82.7296vw, -10px) scale(0.7081);
    animation: fall-187 13s -13s linear infinite
}

@keyframes fall-187 {
    36.803% {
        transform: translate(83.0333vw, 36.803vh) scale(0.7081)
    }
    to {
        transform: translate(82.88145vw, 100vh) scale(0.7081)
    }
}

.snow:nth-child(188) {
    opacity: .2864;
    transform: translate(58.2862vw, -10px) scale(0.1155);
    animation: fall-188 17s -3s linear infinite
}

@keyframes fall-188 {
    79.11% {
        transform: translate(66.7502vw, 79.11vh) scale(0.1155)
    }
    to {
        transform: translate(62.5182vw, 100vh) scale(0.1155)
    }
}

.snow:nth-child(189) {
    opacity: .2196;
    transform: translate(80.005vw, -10px) scale(0.918);
    animation: fall-189 14s -12s linear infinite
}

@keyframes fall-189 {
    74.864% {
        transform: translate(77.6801vw, 74.864vh) scale(0.918)
    }
    to {
        transform: translate(78.84255vw, 100vh) scale(0.918)
    }
}

.snow:nth-child(190) {
    opacity: .9158;
    transform: translate(8.5313vw, -10px) scale(0.0473);
    animation: fall-190 28s -13s linear infinite
}

@keyframes fall-190 {
    32.311% {
        transform: translate(8.1845vw, 32.311vh) scale(0.0473)
    }
    to {
        transform: translate(8.3579vw, 100vh) scale(0.0473)
    }
}

.snow:nth-child(191) {
    opacity: .1802;
    transform: translate(80.5704vw, -10px) scale(0.1058);
    animation: fall-191 21s -8s linear infinite
}

@keyframes fall-191 {
    67.879% {
        transform: translate(89.9574vw, 67.879vh) scale(0.1058)
    }
    to {
        transform: translate(85.2639vw, 100vh) scale(0.1058)
    }
}

.snow:nth-child(192) {
    opacity: .6669;
    transform: translate(51.6763vw, -10px) scale(0.7059);
    animation: fall-192 22s -23s linear infinite
}

@keyframes fall-192 {
    77.814% {
        transform: translate(57.462vw, 77.814vh) scale(0.7059)
    }
    to {
        transform: translate(54.56915vw, 100vh) scale(0.7059)
    }
}

.snow:nth-child(193) {
    opacity: .7221;
    transform: translate(1.6639vw, -10px) scale(0.7708);
    animation: fall-193 28s -20s linear infinite
}

@keyframes fall-193 {
    57.068% {
        transform: translate(4.9929vw, 57.068vh) scale(0.7708)
    }
    to {
        transform: translate(3.3284vw, 100vh) scale(0.7708)
    }
}

.snow:nth-child(194) {
    opacity: .6725;
    transform: translate(20.4807vw, -10px) scale(0.6793);
    animation: fall-194 12s -22s linear infinite
}

@keyframes fall-194 {
    70.816% {
        transform: translate(13.2114vw, 70.816vh) scale(0.6793)
    }
    to {
        transform: translate(16.84605vw, 100vh) scale(0.6793)
    }
}

.snow:nth-child(195) {
    opacity: .0654;
    transform: translate(90.1498vw, -10px) scale(0.1552);
    animation: fall-195 26s -13s linear infinite
}

@keyframes fall-195 {
    36.29% {
        transform: translate(83.0212vw, 36.29vh) scale(0.1552)
    }
    to {
        transform: translate(86.5855vw, 100vh) scale(0.1552)
    }
}

.snow:nth-child(196) {
    opacity: .9995;
    transform: translate(98.0031vw, -10px) scale(0.8206);
    animation: fall-196 25s -23s linear infinite
}

@keyframes fall-196 {
    46.673% {
        transform: translate(93.5623vw, 46.673vh) scale(0.8206)
    }
    to {
        transform: translate(95.7827vw, 100vh) scale(0.8206)
    }
}

.snow:nth-child(197) {
    opacity: .2132;
    transform: translate(15.4779vw, -10px) scale(0.2587);
    animation: fall-197 14s -20s linear infinite
}

@keyframes fall-197 {
    48.792% {
        transform: translate(24.1931vw, 48.792vh) scale(0.2587)
    }
    to {
        transform: translate(19.8355vw, 100vh) scale(0.2587)
    }
}

.snow:nth-child(198) {
    opacity: .2213;
    transform: translate(10.416vw, -10px) scale(0.0811);
    animation: fall-198 27s -10s linear infinite
}

@keyframes fall-198 {
    33.283% {
        transform: translate(4.2981vw, 33.283vh) scale(0.0811)
    }
    to {
        transform: translate(7.35705vw, 100vh) scale(0.0811)
    }
}

.snow:nth-child(199) {
    opacity: .7781;
    transform: translate(67.2094vw, -10px) scale(0.0952);
    animation: fall-199 19s -14s linear infinite
}

@keyframes fall-199 {
    41.408% {
        transform: translate(75.1955vw, 41.408vh) scale(0.0952)
    }
    to {
        transform: translate(71.20245vw, 100vh) scale(0.0952)
    }
}

.snow:nth-child(200) {
    opacity: .6437;
    transform: translate(31.5574vw, -10px) scale(0.4334);
    animation: fall-200 28s -16s linear infinite
}

@keyframes fall-200 {
    55.617% {
        transform: translate(23.3621vw, 55.617vh) scale(0.4334)
    }
    to {
        transform: translate(27.45975vw, 100vh) scale(0.4334)
    }
}

.premuim-quality ul li {
    display: inline-block;
    width: 25%
}

/* .premuim-quality img {
    width: 100%
} */

.premuim-quality ul {
    text-align: center
}

.premuim-quality {
    margin-top: 35px
}

#popup {
    padding-top: 80px
}

#contactdiv {
    opacity: .92;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    display: none
}

#logindiv {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99999
}

#logindiv input {
    border: #0a305f solid 1px !important;
    background-color: #ffffff5c;
    width: 100%;
    line-height: 35px;
    margin: 0 0 5px 0;
    padding: 0 0 0 5px;
    font-size: 14px;
    outline: 0
}

#logindiv textarea {
    border: #0a305f solid 1px !important;
    background-color: #ffffff5c;
    height: 70px !important;
    margin: 0;
    width: 100%;
    font-size: 14px;
    outline: 0;
    padding: 0 0 0 5px
}

#logindiv .heading-text {
    font-weight: bold
}

.heading-text {
    font-size: 42px;
    text-align: center;
    color: #000;
    width: 100%;
    padding: 0;
    margin: 12px 0 5px 0;
    text-decoration: none;
    text-transform: uppercase
}

.sub-botton {
    background-color: #06385f;
    border: #06385f solid 1px;
    width: 100%;
    padding: 5px 0 5px 0;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer
}

.cl {
    clear: both
}

#login,
#contact {
    width: 670px;
    padding: 40px 75px;
    margin: 0;
    position: relative;
    border: 1px solid #004a5e;
    background-color: white;
    box-shadow: 0 0 25px 0 rgba(26, 27, 27, 0.85);
    margin: 0 auto
}

#login p {
    text-align: center;
    padding: 28px 0 0 0
}

#login p img {
    margin: 0 40px 32px 0;
    float: left;
    width: 20%
}

#login h6 {
    text-align: center;
    font-size: 22px
}

#login a {
    width: 184px;
    float: left;
    text-align: center;
    background-color: #ff7c35;
    color: #fff;
    border-radius: 15px 0 15px 0;
    padding: 10px 20px;
    cursor: pointer;
    margin: 0 4px 0 0
}

.p-b {
    width: 325px !important
}

.close-botton {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    color: #fff !important;
    font-size: 28px !important;
    font-weight: bold !important;
    opacity: 9.9 !important;
    width: auto !important;
    background-color: #e94736;
    padding: 0 10px 0 10px;
    line-height: 35px;
    cursor: pointer
}

#login span {
    position: relative;
    margin: 12px 0 0 0;
    float: right
}

#login {
    left: 0;
    right: 0;
    top: 28%;
    bottom: 0;
    margin: auto
}

.animate {
    -webkit-animation: animatezoom .6s;
    animation: animatezoom .6s
}

@-webkit-keyframes animatezoom {
    from {
        -webkit-transform: scale(0)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes animatezoom {
    from {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

#toTop {
    position: fixed;
    bottom: 15px;
    right: 25px;
    cursor: pointer;
    transition: .5s;
    z-index: 9999
}

.accordion {
    background-color: #004a5e;
    color: #fff;
    cursor: pointer;
    padding: 15px 15px;
    width: 100%;
    border: 0;
    text-align: left;
    outline: 0;
    font-size: 18px;
    transition: .4s
}

.accordion .active,
.accordion:hover {
    background-color: #000;
    color: #fff
}

.accordion:after {
    content: '\002B';
    color: #fff;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-size: 30px
}

button.accordion {
    line-height: 15px;
}

.accordian-div .active:after {
    content: "\2212"
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    margin-bottom: 10px
}

.faqs-design h5 {
    font-size: 40px
}

.accordian-div p {
    padding-top: 5px
}

.plain-text-with-form {
    background: #fff;
    padding: 50px 0
}

.single-service-page {
    background: #f1f1f1
}

.project-post .title h4 {
    text-align: center;
    font-size: 40px
}

.plan-text-design p {
    text-align: justify
}

div#inner-frm {
    margin-bottom: 30px
}

.image-box {
    width: 40%;
    float: left;
    margin-right: 15px
}

div#meterial h2 {
    margin-bottom: 10px
}

.more-content p {
    font-size: 16px;
    color: #000;
    line-height: 28px
}

#meterial h2 {
    font-family: "Oswald", serif
}

#meterial h3 {
    font-family: "Oswald", serif
}

#meterial h4 {
    font-family: "Oswald", serif
}

#meterial h5 {
    font-family: "Oswald", serif
}

#meterial h6 {
    font-family: "Oswald", serif
}

.sitemap-link {
    background: #f1f1f1
}

.plan-text-design p {
    font-size: 16px
}

.our-presence {
    background: #f1f1f1
}

.project-post {
    background: #f1f1f1
}

/* #hero-slider .item img {
    width: 100%
} */

div#hero-slider .item span {
    position: absolute;
    z-index: 9;
    top: 40%;
    left: 30%;
    font-family: "Oswald", serif;
    color: #ff7c35;
    margin-bottom: 35px;
    text-transform: capitalize;
    letter-spacing: .3px;
    margin: 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    font-size: 90px;
    font-weight: 800
}

.main-slider-front {
    position: relative
}

div#hero-slider {
    margin-top: -6px;
    display: block
}

div#hero-slider .owl-buttons {
    top: 65%
}

.core-projects {
    background: #f1f1f1
}

.about-content-design h2 {
    font-size: 25px;
    margin-bottom: 10px;
    font-family: "Oswald", serif
}

.about-content-design h3 {
    font-size: 25px;
    margin-bottom: 10px;
    font-family: "Oswald", serif
}

.about-content-design h4 {
    font-size: 25px;
    margin-bottom: 10px;
    font-family: "Oswald", serif
}

.about-content-design h5 {
    font-size: 25px;
    margin-bottom: 10px;
    font-family: "Oswald", serif
}

.about-content-design h6 {
    font-size: 25px;
    margin-bottom: 10px;
    font-family: "Oswald", serif
}

.more-content h2 {
    font-size: 25px
}

.more-content h3 {
    font-size: 25px
}

.more-content h4 {
    font-size: 25px
}

.more-content h5 {
    font-size: 25px
}

.more-content h6 {
    font-size: 25px
}

.more-content ul li {
    list-style-type: disc
}

div#contact-form input {
    color: #000
}

div#contact-form textarea {
    color: #000
}

.project-post-info img {
    height: 250px;
    object-fit: cover !important;
    border: 1px solid #ccc
}

.about-content-design a {
    color: #000;
    text-decoration: underline;
    font-weight: 700
}

.more-content ul li {
    margin-bottom: 20px
}

div#meterial p {
    line-height: 28px;
    word-wrap: break-word
}

.client-rating ul {
    display: flex;
    justify-content: center
}

.client-rating ul li {
    background-color: #000;
    padding: 4px
}

.client-rating ul li i {
    color: #fff
}

.review-conti {
    margin-top: 14px
}

.review-conti p {
    color: #fff
}

.profile-box p b {
    color: #fff
}

.mobile-product-conti h2 {
    margin-bottom: 20px
}

.mobile-product-conti table td,
th {
    padding: 6px
}

.mobile-product-conti table {
    font-family: "Lora", serif
}

.faqs-design {
    width: 100%;
    float: left
}

ul.socialIcons i {
    font-family: 'FontAwesome'
}

div#homepopupenquiry-form span {
    color: #000;
}

.padding-design h4 {
    text-align: center;
    font-size: 25px;
    color: #000;
}

.section_header2>p {
    font-size: 30px;
    font-family: "Oswald", serif
}

.section_header2 h4 {
    font-size: 30px;
    font-family: "Oswald", serif
}

.faqs-design {
    background: #f9f9f9
}

.blog-list {
    padding: 50px 0;
    background-color: #f1f1f1
}

a.blog-design {
    background: #ff7c35;
    padding: 0 30px;
    line-height: 40px
}

.blog-content h2 {
    line-height: 25px
}

.blog-list .blog-card {
    margin-bottom: 30px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1)
}

.blog-list .blog-card .blog-img img {
    width: 100%;
    height: 250px;
    object-fit: cover
}

.blog-list .blog-card .blog-content {
    padding: 20px;
    min-height: 330px;
    background-color: #fff
}

.blog-list .blog-card .blog-content h3 {
    font-size: 22px;
    margin-bottom: 10px
}

.blog-list .blog-card .blog-content h2 {
    font-size: 16px;
    margin-bottom: 10px
}

.blog-list .blog-card .blog-content p {
    color: #555
}

.blog-list .blog-card .blog-content a {
    margin-top: 10px;
    display: inline-block
}

.blog-img {
    width: 358px;
    overflow: hidden;
    transition: .5s
}

.blog-img:hover img {
    transform: scale(1.1)
}

div#homeenquiry-form input {
    width: 100%;
    border: none;
    margin-bottom: 15px;
    height: 35px;
    padding-left: 15px;
}

div#homeenquiry-form textarea {
    width: 100%;
    padding-top: 10px;
    border: none;
    height: 100px;
    padding-left: 15px;
}

div#homeenquiry-form button {
    border: none;
    padding: 10px 30px;
    background: #000;
    color: #fff;
    margin-top: 18px;
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}
.dg-wrapper span {
    background: #ff7c35;
    padding: 10px 30px;
    color: #fff;
    margin: 0px auto;
    width: 100%;
    display: block;
    text-align: center;
}

.why-choose-us-content h4 {
    color: #fff;
}
.product-btn a:hover {
    color: #fff;
    text-decoration: none;
}

a.black-color {
    color: #000;
}
div#meterial ul li {
    line-height: 30px;
    list-style-type: disc;
       color: #000;
       font-size: 16px;
}
div#meterial ul {
    padding-left: 15px;
}