@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Vairt
-------------------------------------------------------------------*/


/* google font */
@import url(https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic);
@import url(https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i);

/*------------------------------------------------------------------
    1- CSS RESET
-------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio,
video {	margin: 0; 	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }


/*------------------------------------------------------------------
    2- BASIC STYLES
-------------------------------------------------------------------*/

body { background: #fff; color: #000; font: 14px Arial, Helvetica, sans-serif; }

a { color: #666666; text-decoration: none;  -ms-transition: all 1s;  -o-transition: all 1s;  transition: all 1s;   }
a:hover { color: #1890c9; }
a:hover, a:active { outline: 0; }
hr {margin: 50px 0;}

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.text-right {text-align: right}
.text-left {text-align: left}
.seaction_margin { margin-bottom: 118px; }


    /*-- Heading --*/

    h1, h2, h3, h4, h5, h6 {-ms-transition: all .8s;  -o-transition: all .8s;  transition: all .8s; font: bold 14px 'Montserrat', Arial, Helvetica, sans-serif; color: #333333; text-transform: uppercase; }
    h1 { font-size: 30px; }
    h1 a { color: #333333; }
    h2 {  font-size: 58.33px; color: #333333; }
    h2 a { color: #333333; }
    h3 { font-size: 20.83px;}
    h3 a { color: #333333; }
    h4 { font-size: 14px; }
    h4 a { color: #333333; }
    h5 { font-size: 12px; }
    h5 a { color: #333333; }
    h6 { font-size: 10px; }
    h6 a { color: #333333; }

    /*-- Lists --*/
    ul li {font: 300 13px 'Merriweather', arial, sans-serif;}
    ul li a {font: 300 13px 'Merriweather', arial, sans-serif;}

    ol li {font: 300 13px 'Merriweather', arial, sans-serif;}
    ol li a {font: 300 13px 'Merriweather', arial, sans-serif;}

    /*-- Paragraph --*/
    p strong { font-weight: bold; }
    p em { font-style: italic; }
    p {font: 300 13px 'Merriweather', arial, sans-serif; line-height: 26px; color: #666666;}
    label {font: 400 13px 'Montserrat', arial, sans-serif; margin-bottom: 12px; color: #333333; text-transform: uppercase;}
    blockquote {  font: italic 700 16px 'Merriweather', arial, sans-serif; margin-bottom: 45px; line-height: 26px; color: #666666; background: url("../images/quotes.jpg") no-repeat 36px 4px;  padding: 0px 95px;  }
    blockquote p {font: italic 700 16px 'Merriweather', arial, sans-serif; line-height: 26px; color: #666666; margin: 0px;}

    span{-ms-transition: all .8s;  -o-transition: all .8s;  transition: all .8s;}

    .cd-top {     display: inline-block;  height: 44px;  width: 44px; line-height: 44px; text-align: center; border-radius: 50%; background: #1890c9;  position: fixed;  bottom: 20px;  right: 16px;  overflow: hidden;  white-space: nowrap;  visibility: hidden;  opacity: 0;  -webkit-transition: opacity .3s 0s, visibility 0s .3s;  -moz-transition: opacity .3s 0s, visibility 0s .3s;  transition: opacity .3s 0s, visibility 0s .3s;  z-index: 10000; }
    .cd-top.cd-is-visible {  visibility: visible;  opacity: 0.5;  }
    .cd-top i {  color: #fff;  font-size: 30px;  vertical-align: -4px;  }
    .cd-top.cd-is-visible:hover { opacity: 1; }


/*------------------------------------------------------------------
    3- Button
-------------------------------------------------------------------*/
.button {   display: inline-block; font:700 11px 'Montserrat', sans-serif; color: #fff;     padding: 14px 20px; letter-spacing: 0.2px; text-transform: uppercase;}
.yellow {-ms-transition: all .8s;  -o-transition: all .8s;  transition: all .8s;background: #1890c9;}
.blue {background: #005689;}
.bordered {border: 2px solid #fff;}

.button.yellow:hover {color:#fff;background: #005689;}
.button.blue:hover {color:#fff;background: #1890c9;}




.wellcome_banner.hero-home {
    background-image: url(../img/headerBg.svg);
    background-size: cover;
    background-position: bottom;
    height: 885px;
    position: relative;
}

.hero-home .hero-animation {
    position: absolute;
    left: 50%;
    bottom: -225px;
    z-index: 10;
    display: inline-block;
    width: 400px;
    height: 723px;
    -webkit-perspective: 1500px;
    perspective: 1500px;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.hero-home .expanded .ach-network-wrapper {
    opacity: 1;
}
.hero-home .arch-net {
    left: -67%;
    top: 31%;
    -webkit-transition: all .3s cubic-bezier(.19,1,.22,1) .8s;
    -o-transition: all .3s cubic-bezier(.19,1,.22,1) .8s;
    transition: all .3s cubic-bezier(.19,1,.22,1) .8s;
    opacity: 0;
}
.hero-home .ach-network-wrapper {
    position: absolute;
    opacity: 0;
}
.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.hero-home .an-title {
    font-weight: 500;
    line-height: normal;
    font-size: 12px;
    letter-spacing: 2px;
    color: #fff;
    opacity: .8;
    font-family: Poppins,sans-serif;
    mix-blend-mode: soft-light;
    text-transform: uppercase;
}
.hero-home .arch-net .an-line {
    margin-left: 40px;
}

.hero-home .an-line {
    width: 59px;
    border-top: 1px dashed #fde1ca;
    height: 1px;
    position: relative;
    margin-top: -1px;
}
.hero-home .arch-net .line-dot {
    left: -25px;
}
.hero-home .line-dot {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: hsla(0,100%,94%,.7);
    top: -6px;
}
.hero-home .expanded .panel--rotate-y {
    -webkit-transform: rotateY(45deg);
    transform: rotateY(45deg);
}
.hero-home .panel--rotate-y {
    -webkit-transition: -webkit-transform .2s ease-out .1s;
    transition: -webkit-transform .2s ease-out .1s;
    -o-transition: -o-transform .2s ease-out .1s;
    transition: transform .2s ease-out .1s;
    transition: transform .2s ease-out .1s,-webkit-transform .2s ease-out .1s,-o-transform .2s ease-out .1s;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.hero-home .panel {
    width: 100%;
    height: 100%;
    text-align: center;
}
.hero-home .hero-img-1, .hero-home .hero-img-2, .hero-home .hero-img-3 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}
.max-wrap, img {
    max-width: 100%;
}

.hero-home .expanded .panel--rotate-y {
    background: none;
}

.hero-home .expanded .panel--rotate-y .hero-img-1 {
    -webkit-transform: translate3d(-10%,-50%,0);
    transform: translate3d(-10%,-50%,0);
    opacity: 1;
}
.hero-home .hero-img-1 {
    z-index: 11;
    -webkit-box-shadow: -95px 77px 60px -80px rgba(0,0,0,.2);
    box-shadow: -95px 77px 60px -80px rgba(0,0,0,.2);
    -webkit-transition: all .2s linear .1s;
    -o-transition: all .2s linear .1s;
    transition: all .2s linear .1s;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}
.hero-home .expanded .panel--rotate-y .hero-img-2 {
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    opacity: 1;
}

.hero-home .hero-img-2 {
    z-index: 9;
    max-width: 85%;
    -webkit-box-shadow: -125px 8px 120px -80px rgba(0,0,0,.95);
    box-shadow: -125px 8px 120px -80px rgba(0,0,0,.95);
    -webkit-transition: all .4s cubic-bezier(.19,1,.22,1) .4s;
    -o-transition: all .4s cubic-bezier(.19,1,.22,1) .4s;
    transition: all .4s cubic-bezier(.19,1,.22,1) .4s;
    -webkit-transform: translate3d(-10%,-50%,0);
    transform: translate3d(-10%,-50%,0);
    opacity: 0;
}
.hero-home .expanded .panel--rotate-y .hero-img-3 {
    -webkit-transform: translate3d(-90%,-50%,0);
    transform: translate3d(-90%,-50%,0);
    opacity: 1;
}
.hero-home .hero-img-3 {
    z-index: 7;
    max-width: 75%;
    -webkit-box-shadow: -18px 20px 25px -20px rgba(0,0,0,.25);
    box-shadow: -18px 20px 25px -20px rgba(0,0,0,.25);
    -webkit-transition: all .5s cubic-bezier(.19,1,.22,1) .45s;
    -o-transition: all .5s cubic-bezier(.19,1,.22,1) .45s;
    transition: all .5s cubic-bezier(.19,1,.22,1) .45s;
    -webkit-transform: translate3d(-10%,-50%,0);
    transform: translate3d(-10%,-50%,0);
    opacity: 0;
}
.d-md-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.hero-home .api-layer {
    left: -15%;
    top: 10%;
    -webkit-transition: all .3s cubic-bezier(.19,1,.22,1) .6s;
    -o-transition: all .3s cubic-bezier(.19,1,.22,1) .6s;
    transition: all .3s cubic-bezier(.19,1,.22,1) .6s;
    opacity: 0;
}
.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.hero-home .api-layer .an-line {
    width: 8px;
    margin-left: 40px;
    position: relative;
}
.hero-home .api-layer .line-dot {
    left: -25px;
}
.hero-home .api-layer .line-angle {
    width: 59px;
    border-top: 1px dashed #fde1ca;
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 100%;
    margin-top: 19px;
    margin-left: -6px;
}
.hero-home .your-interface {
    right: -68%;
    top: 40%;
    -webkit-transition: all .3s cubic-bezier(.19,1,.22,1) 1s;
    -o-transition: all .3s cubic-bezier(.19,1,.22,1) 1s;
    transition: all .3s cubic-bezier(.19,1,.22,1) 1s;
    opacity: 0;
}
.hero-home .your-interface .an-line {
    margin-right: 40px;
}
.hero-home .your-interface .line-dot {
    right: -25px;
}


header {
    padding: 20px 0px;
    line-height: 72px;
}

header .logo img {
    width: 80px;
    vertical-align: middle;
}

header ul li {
    display: inline-block;
    margin-right: 21px;
}

header ul li a {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}

header .lastMenu {
    text-align: right;
}

header .lastMenu li.signup a {
    padding: 10px 20px;
    background: #000;
    margin: 0px;
}

header .lastMenu li.signup {
    margin: 0px;
}


div#particles-js {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.tagLine {
    text-align: center;
    margin-top: 70px;
}

.tagLine h3 {
    text-transform: unset;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    line-height: 54px;
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: 300;
}

.tagLine h1 {
    text-transform: unset;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    line-height: 54px;
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: 300;
}
.tagLine p {
    color:#fff;
    font-family: Roboto,sans-serif;
    line-height: 32px;
    font-size: 18px;
    font-weight: 300;
}

.wellcome_banner.hero-home {
    margin-bottom: 170px;
}

.hero-home .expanded .panel--rotate-y {
    background: none;
    box-shadow: none;
}

.listingsWrap h3 {
    text-align: center;
    text-transform: unset;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 50px;
    position: relative;
    color: #1890c9;
    font-weight: 500 !important;
}

.listingsWrap h3:after {
    background: #1890c9;
    width: 140px;
    content: '';
    height: 3px;
    display: block;
    margin: 14px auto;
}

.listingsWrap h3:before {
    content: '';
    background: #1890c9;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    bottom: -3px;
    margin-left: -5px;
    left: 50%;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.listingsWrap .prop figure {
    position: relative;
    width: 100%;
    height: 190px;
    /* overflow-y: hidden; */
    margin: 0px;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.listingsWrap .prop a {
    display: block;
}

.listingsWrap .prop figure img {
    width: 100%;
    height: 100%;
}


.listingsWrap .prop figure .lines {
    position: absolute;
    bottom: -40px;
    left: 0px;
    overflow: hidden;
    z-index: 9;
    width: 100%;
    text-align: center;
    text-decoration: none;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.listingsWrap .prop figure .lines a {
    display: inline-block;
    color: #fff;
    position: relative;
    margin-left: 0;
    border: 0;
    width: 87px;
    border-radius: 0;
    line-height: 54px;
    height: 40px;
}

.listingsWrap .prop figure .lines a:after {
    content: "";
    position: absolute;
    left: 12px;
    bottom: -32px;
    width: 60px;
    text-decoration: none;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    height: 60px;
    border: 2px solid;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border-color: #1890c9;
    z-index: -1;
}

.listingsWrap .prop figure .lines a i {
    vertical-align: middle;
    display: inline-block;
    font-size: 17px;
}

.listingsWrap .prop figure:after {content: '';width: 100%;height: 100%;display: block;background: rgba(0, 0, 0, 0.35);position: absolute;top: 0px;left: 0px;border-top-left-radius: 8px !important;border-top-right-radius: 8px !important;}

.listingsWrap .prop figure .lines a:hover:after {
    background: #1890c9;
}

.listingsWrap .prop figure .lines a i.fa-heart, .listingsWrap .prop figure .lines a i.fa-bell {
    font-weight: 400;
}
.listingsWrap .prop figure img {
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    transition: all 1.5s ease;
}

.listingsWrap .prop:hover figure img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.listingsWrap .prop figure > a {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
}

.vairtAbout {
    margin-top: 78px;
    margin-bottom: 70px;
}

.vairtAbout .mainDiv {
    position: relative;
}

.vairtAbout .mainDiv:after {
    background: #efefef;
    content: '';
    width: 104%;
    height: 100%;
    top: 0px;
    left: 15px;
    padding: 37px;
    position: absolute;
}

.vairtAbout .mainDiv {
    padding-right: 0px;
    padding: 80px 70px;
}

.vairtAbout .mainDiv h3 {
    position: relative;
    z-index: 9;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-transform: unset;
    font-size: 28px;
    margin: 0px;
}

.vairtAbout .mainDiv p {
    position: relative;
    z-index: 99;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 31px;
}

.vairtAbout .mainDiv h3 span {
    color: #1890c9;
    font-size: 42px;
}

.vairtAbout .mainimg img {
    margin-top: 22px;
}

.vairtAbout .mainimg a {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    display: block;
    border: 2px solid #fff;
    border-radius: 50%;
    line-height: 80px;
    text-align: center;
    margin: -50px 0px 0px -50px;
}

.vairtAbout .mainimg a i {
    font-size: 24px;
    color: #fff;
    vertical-align: middle;
}

.vairtAbout .mainimg a:hover {
    background: #1890c9;
    border-color: #1890c9;
}

.listingsWrap .prop:hover figure .lines {
    bottom: 0px;
}

.listingsWrap .prop figure span {
    position: absolute;
    background: #10ab2a;
    top: 14px;
    left: -8px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    z-index: 9;
    color: #fff;
    padding: 7px 20px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
}

.listingsWrap .prop .propDetail {
    padding: 20px 30px;
    background: #fff;
    position: relative;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 10px !important;
    z-index: 9;
}

.listingsWrap .prop figure span:before {
    border-top: 4px solid #adadad;
    border-right: 4px solid #a9a9a9;
    border-bottom: 4px solid rgba(255, 255, 255, 0);
    border-left: 4px solid rgba(255, 255, 255, 0);
    content: '';
    /* width: 10px; */
    /* height: 10px; */
    display: block;
    position: absolute;
    left: 0px;
    bottom: -8px;
}

.listingsWrap .prop {
    box-shadow: 0px 0px 28px -7px #000;
    margin-bottom: 25px;
    border-radius: 8px;
}

.listingsWrap .prop figure img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: none;
}

.listingsWrap .prop .propDetail h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    text-transform: unset;
    font-weight: 600;
}

.listingsWrap .prop .propDetail p {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    margin-bottom: 15px;
}

.listingsWrap .prop .propDetail .meta {
    display: flex;
    margin-bottom: 15px;
    border-bottom: 2px solid #1890c9;
    padding-bottom: 15px;
}

.listingsWrap .prop .propDetail .meta span {
    display: block;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    font-size: 12px;
}

.listingsWrap .prop .propDetail .meta span i {
    border-radius: 4px;
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 auto;
    text-align: center;
    background: #e0e0e0;
    line-height: 35px;
    color: #9a9a9a;
    margin-bottom: 7px;
}

.listingsWrap .prop .propDetail li {font-family: 'Poppins', sans-serif;font-weight: 500;margin-bottom: 10px;color: #8a8a8a;}

.listingsWrap .prop .propDetail li span {
    color: #1890c9;
    float: right;
}

.listingsWrap .prop .propDetail li cite {
    border-radius: 4px;
    width: 25px;
    height: 25px;
    background: #1890c9;
    line-height: 25px;
    color: #ffffff;
    margin-bottom: 7px;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
}

.listingsWrap .prop .propDetail ul {
    margin: 0px;
    padding: 0px;
    margin-bottom: 23px;
}

.listingsWrap .prop .propDetail > a {
    width: 100%;
    text-align: center;
    background: #1890c9;
    padding: 7px 20px;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    border-radius: 7px;
    box-shadow: 0px 5px 16px -6px #000;
}
.listingsWrap .prop figure span.reds {
    background: #dc1717;
}

.featuresWrap  h3 {
    text-align: center;
    text-transform: unset;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 10px;
    position: relative;
    color: #1890c9;
    font-weight: 500 !important;
}

.featuresWrap h3:after {
    background: #1890c9;
    width:140px;
    content: '';
    height: 3px;
    display: block;
    margin: 14px auto;
}

.featuresWrap h3:before {
    content: '';
    background: #1890c9;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    bottom: -3px;
    margin-left: -5px;
    left: 50%;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.featuresWrap .topTitle p {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin-top: 20px;
}

.featuresWrap .topTitle {
    margin-bottom: 50px;
}

.bottomDetail .mainImg {
    text-align: center;
}

.bottomDetail {
    background: -webkit-linear-gradient(top, rgb(24, 144, 201) 0%, rgb(16, 68, 144) 99%);
}

.bottomDetail .mainImg {
    margin-top: -266px;
    margin-bottom: 40px;
}

.featuresWrap .topTitle {
    margin-bottom: 320px;
}

.bottomDetail .featureDv {
    display: flex;
    margin-bottom: 60px;
    min-height: 140px;
}


.bottomDetail .featureDv.dv1 span img {
    width: 180px;
}

.bottomDetail .featureDv.dv2 span img {
    width: 150px;
}

.bottomDetail .featureDv.dv3 span img {
    width: 130px;
}

.bottomDetail .featureDv.dv5 span img {
    width: 90px;
}

.bottomDetail .featureDv.dv6 span img {
    width: 90px;
}

.bottomDetail .featureDv.dv4 span img {
    width: 100px;
}

.bottomDetail .featureDv h4 {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    color: rgba(255, 255, 255, 0.83);
    text-transform: unset;
    margin-bottom: 7px;
}

.bottomDetail .featureDv p {
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    color: rgba(255, 255, 255, 0.83);
    font-weight: 400;
    line-height: 25px;
}

.bottomDetail .featureDv  span {
    margin-right: 20px;
}

.bottomDetail  {margin-bottom:70px;}



.ClientWrap h3 {
    text-align: center;
    text-transform: unset;
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 50px;
    position: relative;
    color: #1890c9;
    font-weight: 600;
}

.ClientWrap h3:after {
    background: #1890c9;
    width: 209px;
    content: '';
    height: 3px;
    display: block;
    margin: 14px auto;
}

.ClientWrap h3:before {
    content: '';
    background: #1890c9;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    bottom: -3px;
    margin-left: -5px;
    left: 50%;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}



.ClientWrap .item {
    background: #ffffff none repeat scroll 0 0;
    -moz-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
    -webkit-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
    -o-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
    box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
    padding: 31px 30px;
    display: table;
    margin-bottom: 60px;
}

.ClientWrap .item .icon {
    position: relative;
    z-index: 1;
}

.ClientWrap .item .icon {
    display: table-cell;
    position: relative;
    margin-bottom: 20px;
    vertical-align: bottom;
}

.ClientWrap .item:hover .icon i {
    background: #1890c9;
    color: #fff;
    border-color: #1890c9;
}
.ClientWrap .item i {
    border: 1px solid #1890c9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #1890c9;
    /* font-weight: 400; */
    display: inline-block;
    font-size: 35px;
    height: 60px;
    line-height: 55px;
    position: relative;
    text-align: center;
    width: 60px;
}

.ClientWrap .item .icon span {
    font-family: "Poppins",sans-serif;
    font-size: 30px;
    font-weight: 900;
    left: 0;
    opacity: 0.06;
    position: absolute;
    top: 0;
}
.ClientWrap .item .icon span {
    display: none;
}

.ClientWrap .item .icon {
    vertical-align: top;
}
.ClientWrap .item .info {
    padding-left: 25px;
    display: table-cell;
    padding-bottom: 15px;
}

.ClientWrap .item .info h4 {
    text-transform: unset;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    margin-bottom: 10px;
}

.ClientWrap .item .info p {
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 5px;
}

.ClientWrap .item .info a {
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    display: block;
    color: #1890c9;
}


.ClientWrap .item {
    -webkit-transition: all 1.0s ease;
    -moz-transition: all 1.0s ease;
    -o-transition: all 1.0s ease;
    -ms-transition: all 1.0s ease;
    transition: all 1.0s ease;
}

.ClientWrap .item:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.footer {
    padding: 60px 0px;
    margin-top: 50px;
    background: #f3f3f3;
}

.footer .fotlogo img {
    width: 110px;
    margin-bottom: 15px;
}

.footer .fotlogo p {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.footer .widgets h5 {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: unset;
    color: #1890c9;
    margin-bottom: 11px;
}

.footer .widgets ul li a {
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    display: block;
    margin-bottom: 13px;
}

.cd-top {
    background: #1890c9;
}

header ul li {
    position: relative;
}

header ul li ul {
    -webkit-box-shadow: 0 34px 54px rgba(0,0,0,.2);
    box-shadow: 0 34px 54px rgba(0,0,0,.2);
    padding: 32px 30px 4px 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 65%;
    margin-top: 20px;
    background: rgb(255, 255, 255);
    opacity: 0;
    display: none;
    -webkit-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
    width: 340px;
    z-index: 99;
}

header ul li:hover ul {
    display: block;
    -webkit-animation-name: slideDownMenu;
    -o-animation-name: slideDownMenu;
    animation-name: slideDownMenu;
    -webkit-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes slideDownMenu{0%{opacity:0;margin-top:10px}to{opacity:1;margin-top:20px}}@-o-keyframes slideDownMenu{0%{opacity:0;margin-top:10px}to{opacity:1;margin-top:20px}}@keyframes slideDownMenu{0%{opacity:0;margin-top:10px}to{opacity:1;margin-top:20px}}

header ul li ul:before {
    content: "\A";
    position: absolute; display:none;
    left: 50%;
    top: -7px;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
}

header ul li ul li a {
    display: flex;
}

header ul li ul li a i {
    color: #1890c9;
    font-size: 25px;
}

header ul li ul li a span {
    display: inline-block;
    margin-right: 18px;
}

header ul li ul li a h5, header ul li ul li a strong {
    text-transform: unset;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #1890c9;
    margin-bottom: 7px; display:block;
}

header ul li ul li a p {
    text-transform: unset; font-size:12px; font-family:'Poppins', sans-serif; margin:0px; line-height:20px;
}

header ul li ul li {
    margin: 0px;
    margin-bottom: 28px;
}

header nav > ul > li > a:hover {
    color: #fff;
    border-color: #fff;
}

header  nav > ul > li > a {
    border-bottom: 2px solid rgba(255, 255, 255, 0);
    padding-bottom: 5px;
}


header ul li ul li a span i {
    font-size: 17px;
    color: rgba(24, 144, 201, 0.63);
}

header ul li ul li a span i.fa-building {
    font-weight: 300!important;
}

header ul li ul li a span i.fa.fa-lightbulb {
    font-weight: 300 !important;
    font-size: 16px;
    margin-top: 4px;
}

header ul li ul li a span i.fa.fa-comments {
    font-weight: 300;
    margin-top: 2px;
}


.mega_menus {
    text-align: left;
}


.mega_menus {
    z-index: 999;
    position: absolute;
    display: none;
    background: #fff;
    width: 800px;
    top: 55px;
    left: -350px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0px 0px 14px -6px #000;
}
.mega_menus.clearfix {
    -webkit-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
    opacity: 0;
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    top: 65%;
}

header ul li:hover .mega_menus {
    display: block;
    -webkit-animation-name: slideDownMenu;
    -o-animation-name: slideDownMenu;
    animation-name: slideDownMenu;
    -webkit-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

header ul.navbar-nav li {
    position: relative;
}

.mega_menus .left_sds {
    width: 50%;
    float: left;
}

.mega_menus .right_sds {
    float: left;
    width: 50%;
    background: #f5f5f5;
}
.mega_menus .right_sds {
    min-height: 459px;
}
.mega_menus h4 {
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    margin: 0px;
    margin-left: 22px;
    text-transform: unset;
    font-weight: 600;
}

.mega_menus a span {
    background: #76afff;
    width: 40px;
    height: 40px;
    float: left;
    line-height: 40px;
    display: inline-block;
    color: #fff;
    margin-right: 15px;
    text-align: center;
    border-radius: 50%;
}

.mega_menus a span i {
    vertical-align: middle;
    font-size: 20px;
    text-shadow: 8px 6px 20px #03243c;
}

.mega_menus a h5 {
    font-size: 13px;
    margin: 0px;
    text-transform: unset;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.mega_menus a {
    color: #000;
    display: block;
    padding: 12.5px 20px;
}

.mega_menus h4 {
    margin-bottom: 0px;
    margin-top: 15px;
    color: #1890c9;
}
.mega_menus a p {
    color: #000;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}
.mega_menus .bottom_menu {
    border-top: 1px solid #dcdcdc;
}

.mega_menus .bottom_menu a {
    padding: 6px 0px;
    display: block;
    text-align: center;
    font-size: 13px;
}

.mega_menus a.blc span {
    background: #545454;
}

.mega_menus a.blc span i {
    text-shadow: 8px 6px 20px #6ea5f1;
}

.mega_menus a.mlt span {
    background-image: -webkit-linear-gradient(left, #1890c9 0%, #2b56f5 100%);
    background-image: linear-gradient(to right, #1890c9 0%, #2b56f5 100%);
}

.mega_menus a.mlt span i {
    text-shadow: 8px 6px 20px #eaeaea;
}

.mega_menus {
    transition: all .6s;
}

header nav > ul > li {
    padding-bottom: 21px;
}

.mega_menus a span i.fa.fa-building {
    font-weight: 300;
}

.mega_menus a span i {
    font-size: 16px;
}
header .lastMenu li a:hover {
    color: #fff;
}

header .lastMenu li.signup a {
    background: none;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 9px 20px;
}

header .lastMenu li.signup a:hover {
    background: #000;
    border-color: #000;
}




.aboutVairt h3 {
    text-align: center;
    text-transform: unset;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 50px;
    position: relative;
    color: #1890c9;
    font-weight: 500 !important;
}

.aboutVairt h3:after {
    background: #1890c9;
    width: 140px;
    content: '';
    height: 3px;
    display: block;
    margin: 14px auto;
}

.aboutVairt h3:before {
    content: '';
    background: #1890c9;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    bottom: -3px;
    margin-left: -5px;
    left: 50%;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.aboutVairt p a {
    color: #1890c9;
}
.aboutVairt p span {
    display: none;
}
.aboutVairt p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 34px;
    margin-top: 37px;
}


.aboutVairt { margin-top:60px;margin-bottom:60px; }

.channelImgs img.bottomImg {
    width: 67%;
    margin: -76px auto 0px;
    display: block;
}


@keyframes jumping {
    0% {
        transform: translateX(5px)
    }
    100% {
        transform: translateX(-5px)
    }
}
.channelImgs img.topImg {
    width:100%;
    animation: jumping 1s linear .5s infinite alternate;
}

.ClientWrap h3 {
    margin-bottom: 10px;
}

.ClientWrap .topTitle p {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
}

.ClientWrap .topTitle {
    margin-bottom: 54px;
}

.ClientWrap .item .info p {
    margin-bottom: 14px;
}

.ClientWrap .item .info a {
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.ClientWrap .item .icon img {width: 102px;}

.ClientWrap .item {border-radius: 7px !important;min-height: 219px;overflow: hidden;}

.ClientWrap .item .info {
    padding-bottom: 0px;
}

.ClientWrap .item .info h4 {
    font-size: 13px;
    font-weight: 600;
}


.contactWrap .demo-box {padding: 37px 30px;}

.contactWrap {
    border-top: 1px solid #e4e4e4;
}

.contactWrap .demo-box h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 500;
    text-transform: unset;
    margin-bottom: 5px;
    color: #4e4e4e;
}

.contactWrap .demo-box p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    margin-bottom: 11px;
}

.contactWrap .demo-box a {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #1890c9 !important;
    text-decoration: underline;
    border-radius: 0px;
    display: inline-block;
    padding: 0px;
}

.contactWrap .demo-box.firstBox {
    border-right: 1px solid #e4e4e4;
}

.footer {
    margin: 0px;
}

.contactWrap .demo-box a i {
    margin-right: 12px;
}

.contactWrap .demo-box {
    display: flex;
}

.contactWrap .demo-box span i {background: rgb(24, 144, 201);font-size: 27px;color: rgba(255, 255, 255, 0.85);width: 80px;height: 80px;text-align: center;line-height: 63px;border-radius: 50%;box-shadow: 0px 0px 17px -8px #1890c9;border: 8px double rgba(255, 255, 255, 0.85);}

.contactWrap .demo-box span {
    margin-right: 30px;
}



.clientLogo h3 {
    text-align: center;
    text-transform: unset;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 50px;
    position: relative;
    color: #2b334e;
    font-weight: 300;
    line-height: 42px;
    font-size: 24px;
}

.clientLogo h3:after {
    background: #1890c9;
    width: 209px;
    content: '';
    height: 3px;
    display: block;
    margin: 14px auto;
}

.clientLogo h3:before {
    content: '';
    background: #1890c9;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    bottom: -3px;
    margin-left: -5px;
    left: 50%;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.clientLogo {
    margin-top: 60px;
    text-align: center;
    margin-bottom: 50px;
}

.clientLogo a {
    display: inline-block;
    width: 21%;
    text-align: center;
    line-height: 86px;
    margin: 0px 10px 25px;
    box-shadow: 0px 12px 16px -17px #000;
    border: 1px solid #eaeaea;
}

.clientLogo a img {
    width: 128px;
    vertical-align: middle;
}
.clientLogo a:nth-child(2) img {
    width: 64px;
}


.blogWrap {
    background: #1890c9 url(../img/footerSlices.png) no-repeat left bottom;
    padding: 70px 0px 139px;
    background-size: 100% auto;
}

.blogWrap h3 {
    text-align: center;
    text-transform: unset;
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 50px;
    position: relative;
    color: #ffffff;
    font-weight: 600;
}

.blogWrap h3:after {
    background: #ffffff;
    width: 209px;
    content: '';
    height: 3px;
    display: block;
    margin: 14px auto;
}

.blogWrap h3:before {
    content: '';
    background: #ffffff;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    bottom: -3px;
    margin-left: -5px;
    left: 50%;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}



.blogWrap .blog figure {
    position: relative;
    width: 100%;
    height: 200px;
}

.blogWrap .blog figure img {
    width: 100%;
    height: 100%;
}

.blogWrap .blog figure span {
    background: #1890c9;
    color: #fff;
    text-align: center;
    display: block;
    z-index: 9;
    font-family: 'Poppins', sans-serif;
    bottom: -13px;
    right: 14px;
    position: absolute;
    font-size: 30px;
    font-weight: bold;
    line-height: 24px;
    width: 85px;
    height: 85px;
    padding: 20px;
}

.blogWrap .blog figure span cite {
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin-top: 5px;
}

.blogWrap .blog figure:after {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.28);
    position: absolute;
    content: '';
    display: block;
}

.blogWrap .blog 
 .postDetail {
    background: #fff;
    padding: 30px 20px;
}

.blogWrap .blog .postDetail span.meta {
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.blogWrap .blog .postDetail span.meta i {
    margin: 0px 10px;
}

.blogWrap .blog .postDetail  h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-transform: unset;
    font-size: 15px;
    margin-bottom: 14px;
}

.blogWrap .blog .postDetail p {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    line-height: 27px;
    font-weight: 400;
    margin-bottom: 21px;
}

.blogWrap .blog .postDetail  a {
    background: #1890c9;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    padding: 8px 27px;
}
.blogWrap .blog .postDetail span.meta {
    margin-bottom: 5px;
}

.social {
    padding: 0px;
}
.social li {
    list-style: none;
    display: inline-block;
    margin: 0px 3px;
}
.social li a {
    color: #fff;
    background: #1890c9;
    display: inline-block;
    height: 35px;
    width: 35px;
    font-size: 18px;
    text-align: center;
    border-radius: 4px;
    line-height: 35px;
}

.footer .fotlogo p {
    margin-bottom: 13px;
}
.footer .harbor h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    margin: 0px;
    margin-bottom: 5px;
    color: #1890c9;
    text-transform: unset;
    font-weight: 500;
}

.footer .harbor p {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    margin: 0px;
    margin-bottom: 20px;
    font-weight: 400;
    line-height: 25px;
}

.footer {
    padding-bottom: 0px;
}

.footer .harbor {
    margin-top: 25px;
    border-top: 1px solid #d0d0d0;
    padding-top: 23px;
}













.hero-home .an-title {
    position: relative;
    padding-bottom: 12px;
    -webkit-transition: .9s ease;
    -o-transition: .9s ease;
    transition: .9s ease;
}

.hero-home .an-title p {
    position: absolute;
    width: 200px;
    text-transform: capitalize !important;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    display: none;
    font-size: 10px;
    line-height: 21px;
    left: 0px;
    top: 5px;
}

.hero-home .an-title p a {
    color: #fff;
    text-decoration: underline;
    opacity: 1 !important;
}

.hero-home .api-layer {
    cursor: pointer;
}


.hero-home .api-layer:hover .an-title p {
    display: block;
    -webkit-animation-name: slideDownMenu;
    -o-animation-name: slideDownMenu;
    animation-name: slideDownMenu;
    -webkit-animation-duration: .8s;
    -o-animation-duration:  .8s;
    animation-duration:  .8s;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


.hero-home .api-layer:hover .an-title {
    top: -42px;
}

.hero-home .api-layer:hover .an-line {
    top: -49px;
    width: 82px;
}

.hero-home .api-layer .an-line {
    -webkit-transition:.2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}

.hero-home .api-layer:hover .an-line .line-angle {
    left: 60px;
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 9px;
}

.hero-home .api-layer .line-dot {
    -webkit-transition: .8s ease;
    -o-transition: .8s ease;
    transition:.8s ease;
}

.hero-home .api-layer .line-angle {
    -webkit-transition: .1s ease;
    -o-transition: .1s ease;
    transition: .1s ease;
}




.hero-home .ach-network-wrapper .an-line {
    margin-top: -12px;
}

.hero-home .arch-net:hover .an-title p {
    display: block;
    -webkit-animation-name: slideDownMenu;
    -o-animation-name: slideDownMenu;
    animation-name: slideDownMenu;
    -webkit-animation-duration: .8s;
    -o-animation-duration:  .8s;
    animation-duration:  .8s;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.hero-home .arch-net:hover .an-title {
    cursor: pointer;
}


.hero-home .your-interface:hover .an-title p {
    display: block;
    -webkit-animation-name: slideDownMenu;
    -o-animation-name: slideDownMenu;
    animation-name: slideDownMenu;
    -webkit-animation-duration: .8s;
    -o-animation-duration:  .8s;
    animation-duration:  .8s;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.hero-home .your-interface:hover .an-title {
    cursor: pointer;
}



.callAction {
    background: #1890c9 url(../img/footerSlices.png) no-repeat left bottom;
    padding:70px 0px;
    background-size: 100% auto;
}

.callAction p {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    font-weight: 500;
    text-align: center;
}

.callAction {
    text-align: center;
    padding: 100px 0px;
}

.callAction a {
    border: 2px solid #fff;
    display: inline-block;
    color: #fff !important;
    padding: 10px 50px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    margin-top: 27px;
    border-radius: 9px;
}


header ul li ul li a span i {
    color: #fff;
    width: 40px;
    vertical-align: -3px;
}

header ul li ul li a span i {
    text-shadow: 8px 6px 20px #03243c;
}

.mega_menus h4 {
    color: #828282;
}

.mega_menus a p {
    color: #b7b7b7;
    font-size: 12px;
    font-weight: 300;
}

header ul li ul li a h5, header ul li ul li a strong {
    color: #000;
    margin-bottom: 0px;
}

header ul li ul li a p {
    color: #b5b3b3;
}
header ul li ul li a span {
    background: #76afff;
    width: 40px;
    height: 40px;
    float: left;
    line-height: 40px;
    display: inline-block;
    color: #fff;
    margin-right: 15px;
    text-align: center;
    border-radius: 50%;
}

.wellcome_banner.hero-home.innerHome {
    background-image: url(../img/bannerImg.jpg);
    height: auto;
    position: relative;
    padding-bottom: 300px;    margin-bottom: 45px;
}

.wellcome_banner.hero-home.innerHome:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(24, 144, 201, 0.53);
    width: 100%;
    height: 100%;
}

.wellcome_banner.hero-home.innerHome header#header1 {
    z-index: 99999;
    position: relative;
}

.wellcome_banner.hero-home.innerHome .tagLine {
    position: relative;
    z-index: 99;
}
.wellcome_banner.hero-home.innerHome:before {
    background-image: url(../img/bannerBottom.png);
    content: '';
    position: absolute;
    bottom: -32px;
    left: 0px;
    width: 100%;
    height: 100px;
    background-size: 100% 69%;
    background-repeat: no-repeat;
    z-index: 9;
}


.points ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    font-family: Raleway,sans-serif;
    font-size: 15px;
    list-style-type: none;
}

.points ul li {
    width: 18%;
    text-align: center;
    position: relative;
    margin-right: 14px;
    margin-bottom: 10px;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    transition: all 1.5s ease;
}


.points ul li i {
    color: #fff;
}

.points ul li h3 {
    color: #fff;
    text-transform: unset;
    font-size: 16px;
}

.points ul li span {
    color: #fff;
    margin-bottom: 13px;
    display: block;
}

.points ul li  .pInner {
    width: 96%;
    padding-bottom: 110.851%;
    margin: 0 2%;
    overflow: hidden;
    -webkit-transform: rotate(-60deg) skewY(30deg);
    -o-transform: rotate(-60deg) skewY(30deg);
    transform: rotate(-60deg) skewY(30deg);
}

.points ul li .pWrap {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.points ul li .pInner div {
    display: block;
    width: 100%;
    height: -webkit-fill-available;
    text-align: center;
    color: #fff;
    overflow: hidden;
    -webkit-transform: skewY(-30deg) rotate(60deg);
    -o-transform: skewY(-30deg) rotate(60deg);
    transform: skewY(-30deg) rotate(60deg);
    position: absolute;
    height: 100%;
}

.points ul li .pInner div:after {
        width: 100%;
        padding: 5%;
        box-sizing: border-box;
        background-color: rgb(24, 144, 201);
        font-weight: 300;
        content:"";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
}

.points ul li span i {
    font-style: normal;
    background: rgba(255, 255, 255, 0.95);
    color: #1890c9;
    width: 60px;
    height: 60px;
    font-size: 25px;
    line-height: 60px;
    border-radius: 50%;
    box-shadow: 0px 0px 10px 1px #000;
    overflow: visible;
}

.points ul li cite {
    display: block;
    font-style: normal;
    font-family: "Poppins",sans-serif;
    font-size: 30px;
    font-weight: 900;
    position: absolute;
    top: 17px;
    color: #1890c9;
    background: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    /* box-shadow: 0px 0px 17px -2px #fff; */
    overflow: auto;
    left: 3px;
    z-index: 9;
}

.points ul li:hover span i {
    background: #fff;
    color: #000;
}

.points ul li:hover {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
}

.points {
    margin-bottom: 60px;
}


.spend_wrap {margin-bottom: 60px;}
.spend_wrap h3 {
    text-align: center;
    text-transform: unset;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 30px;
    position: relative;
    color: #1890c9;
    font-weight: 500 !important;
}

.spend_wrap h3:after {
    background: #1890c9;
    width: 140px;
    content: '';
    height: 3px;
    display: block;
    margin: 14px auto;
}

.spend_wrap h3:before {
    content: '';
    background: #1890c9;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    bottom: -3px;
    margin-left: -5px;
    left: 50%;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.spend_wrap p {
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
}

.spend_wrap p:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #1890c9;
    display: inline-block;
    border-radius: 50%;
    margin-right: 11px;
    vertical-align: 1px;
}

.spend_wrap {
    margin-bottom: 60px;
}

.investor_div {
    text-align: left;
    background: -webkit-linear-gradient(top, rgb(24, 144, 201) 0%, rgb(16, 68, 144) 99%);
    padding: 60px 0px;
}
.investor_div ul li {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    padding-bottom: 36px;
    margin-bottom: 36px;
}
.investor_div ul li h4 {
    text-transform: unset;
    font-size: 36px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
}
.investor_div ul li p {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
}

.investor_div ul li:last-child {
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.investor_div { margin-bottom:70px; }

.points ul li {
    width: 19.6%;
    margin-right: 5px;
}

.points ul li:last-child {
    margin: 0px;
}F

.points ul {
    text-align: center;
}
.wellcome_banner.hero-home.innerHome .tagLine {
    margin-top: 136px;
}

.wellcome_banner.hero-home.innerHome {
    padding-bottom: 250px;
}












/*Counter*/
@keyframes rotate {
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
    }
  }
  @keyframes rotate-reverse {
    100% {
      -webkit-transform: rotate(-360deg);
      -moz-transform: rotate(-360deg);
      -ms-transform: rotate(-360deg);
      -o-transform: rotate(-360deg);
    }
  }
  @keyframes lefadeIn {
    100% {
      opacity: 1;
    }
  }
  
  @keyframes showSky {
    0% {
      height: 0%;
    }
    100% {
      height: 80%;
    }
  }
  @keyframes showLand {
    0% {
      bottom: -100%;
    }
    100% {
      bottom: 0%;
    }
  }
  #canvas {
    width: 100%;
    height: 100%;
    position: relative;
  }
  #canvas #planes,
  #canvas #road,
  #canvas #clouds {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-position: center!important;
    background-size: contain!important;
  }
  #canvas #road {
    width: 892px;
    height: 892px;
    background: url(../img/road.png) no-repeat;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    animation: lefadeIn 1s 3s forwards, rotate-reverse 20s linear infinite;
  }
  #canvas #planes {
    width: 886px;
    height: 863px;
    background: url(../img/planes.png) no-repeat;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    animation: lefadeIn 1s 3.4s forwards, rotate 29s linear infinite;
  }
  #canvas #clouds {
    width: 802px;
    height: 834px;
    background: url(../img/clouds.png) no-repeat;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    animation: lefadeIn 1s 3.6s forwards, rotate-reverse 25s linear infinite;
  }
  

.protocol_wrap {
    width: 100%;
    height: 900px;
    margin-bottom: 120px;
    position: relative;
    margin-top: 100px;
}

body.theme-light {
    background: #f1f1f1;
}

.protocol_wrap .counter-holder {
    /* border-radius: 50%; */
    padding: 40px 29px;
    width: 383px;
    height: 375px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -202px;
    margin-left: -187px;
}

.protocol_wrap .counter-holder h1 {
    font-size: 22px;
    margin-top: 57px;
    margin-bottom: 8px;
}

.protocol_wrap .counter-holder p {
    font-size: 13px;
    line-height: 25px;
}
.protocol_wrap .counter-holder h1 {
    text-transform: unset;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.protocol_wrap .counter-holder p {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}

@media only screen and (min-width: 801px) and (max-width: 945px)
{
    #canvas #planes {
    width: 700px;
    height: 700px;
}

#canvas #road {
    width: 722px;
    height: 722px;
}

#canvas #clouds {
    width: 702px;
    height: 734px;
}

.protocol_wrap .counter-holder {
    width: 300px;
    height: 300px;
    margin-top: -150px;
    margin-left: -150px;
    padding: 40px 22px;
}

.protocol_wrap .counter-holder h1 {
    margin-top: 11px;
    font-size: 13px;
}

.protocol_wrap .counter-holder p {
    font-size: 10px;
    color: #000;
}
}
@media only screen and (min-width: 601px) and (max-width: 800px)
{
 .protocol_wrap {
    width: 100%;
    height: 500px;
}

#canvas #planes {
    width: 500px;
    height: 500px;
}

#canvas #road {
    height: 500px;
    width: 500px;
}

#canvas #clouds {
    width: 500px;
    height: 500px;
}

.protocol_wrap .counter-holder p {
    display: none;
    /* width: 300px; */
    /* margin-left: -150px; */
}

.protocol_wrap .counter-holder {
    width: 200px;
    height: 200px;
    margin-left: -100px;
    margin-top: -76px;
    padding: 0px 28px;
}

.protocol_wrap .counter-holder h1 {
    font-size: 14px;
}   
}



@media only screen and (max-width: 600px)
{
    

 .protocol_wrap {
    width: 100%;
    height: 300px;
}

#canvas #planes {
    width: 300px;
    height: 300px;
}

#canvas #road {
    height: 300px;
    width: 300px;
}

#canvas #clouds {
    width: 300px;
    height: 300px;
}

.protocol_wrap .counter-holder p {
    display: none;
    /* width: 300px; */
    /* margin-left: -150px; */
}

.protocol_wrap .counter-holder {
    width: 200px;
    height: 200px;
    margin-left: -100px;
    margin-top: -76px;
    padding: 0px 28px;
}

.protocol_wrap .counter-holder h1 {
    font-size: 14px;
}   
}


.wellcome_banner.hero-home.innerHome.smallBnner {
    padding-bottom: 131px; margin-bottom: 50px;
}

.wellcome_banner.hero-home.innerHome.smallBnner .tagLine {
    margin-top: 29px;
}





.channelMangeO  h3 {
    text-align: center;
    text-transform: unset;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 10px;
    position: relative;
    color: #1890c9;
    font-weight: 500 !important;
}

.channelMangeO h3:after {
    background: #1890c9;
    width:140px;
    content: '';
    height: 3px;
    display: block;
    margin: 14px auto;
}

.channelMangeO h3:before {
    content: '';
    background: #1890c9;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    bottom: -3px;
    margin-left: -5px;
    left: 50%;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.channelMangeO .topTitle p {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin-top: 20px;
}


.channelMangeO .topTitle {
    margin-bottom: 40px;
}

.channelMangeO h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-transform: unset;
    margin-bottom: 8px;
}

.channelMangeO p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 30px;
}

.channelMangeO img {
    width: 90%;
}

.channelMangeO {
    margin-bottom: 60px;
}

.channelMangeO ul {
    background: #1890c9;
    display: inline-block;
}

.channelMangeO ul li {
    display: inline-block;
    color: #fff;
    padding: 20px 50px;
    font-family: 'poppins', sans-serif;
    font-size: 22px;
    font-weight: 400;
}

.channelMangeO li i {
    margin-right: 10px;
}

.channelMangeO .col-md-12 {
    text-align: center;
}

.channelMangeO .price_contnt {
    font-family: 'Poppins', sans-serif;
    padding: 50px 40px 30px;
    background: #e8e8e8;
    font-weight: 400;
    font-size: 16px;
    color: #848484;
    line-height: 33px;
    width: 90%;
    margin: -34px auto 0;
}
.channelMangeO.tws {
    background: #f9f9f9;
    padding: 50px 0px 60px;
    margin: 0px;
}


.blogWrap form input[type="text"] {
    margin: 0px 10px 20px;
    width: 48%;
    background: #fff;
    border: 1px solid #d6d6d6;
    padding: 11px 15px;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
}

.blogWrap form label {
    display: block;
    margin-left: 13px;
    margin-bottom: 21px;
    color: #fff;
    text-transform: unset;
    font-family: 'Poppins', sans-serif;
}

.blogWrap form textarea {
    margin: 0px 10px 10px;
    width: 100%;
    background: #fff;
    border: 1px solid #d6d6d6;
    padding: 11px 15px;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
    height: 120px;
}

.blogWrap form 
 input[type="submit"] {
    background: none;
    border: 2px solid #fff;
    color: #fff;
    padding: 6px 30px;
    margin-left: 12px;
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    margin: 21px auto;
    display: block;
    border-radius: 7px;
}

.blogWrap form input[type="submit"]:hover {
    border-color: #000;
    background: #000;
}


.channelMangeO.ths {
    background: #f1f1f1;
    padding: 60px 0px;
}

.channelMangeO.furs .channelWeb {
    background: url(../img/webimg.png) no-repeat;
    background-position: -19px 88%;
    background-size: 52% 98%;
}

.goals {
    text-align: center;
    float: left;
    padding: 35px 20px;
    margin-bottom: 30px;
    border-radius: 8px;
    box-shadow: 0px 0px 18px -8px #000;
    min-height: 363px;
}
 .goals i {
    font-size: 33px;
    color: #3f99c3;
    width: 70px;
    height: 70px;
    border: 2px solid #3f99c3;
    border-radius: 50%;
    text-align: center;
    line-height: 65px;
    margin-bottom: 21px;
}
.goals h4 {
    color: #3f99c3;
    font-family: 'Poppins', sans-serif;
    line-height: 27px;
    text-transform: unset;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 6px;
}
.goals p {
    line-height: 28px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 13px;
}

.load_more_items {
    display: none;
}
.load_more_items {
    margin: 0px;
}

.ClientWrap.nws{
    margin-bottom: 30px;
}
.ClientWrap a.loads {
    width: 200px;
    border: 2px solid #1890c9;
    color: #1890c9;
    padding: 10px 20px;
    display: block;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    border-radius: 6px;
    margin: 0 auto 21px;
}

.ClientWrap a.loads:hover {
    background: #1890c9;
    color: #fff;
}


.how_it_works {
    text-align: center;
}

.how_it_works > ul li {
    display: inline-block;
    margin: 0px;
    padding: 13px 0px;
}

.how_it_works > ul li a {
    color: #7d7d7d;
    border: 1px solid #d0d0d0;
    padding: 13px 44px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    display: block;
    margin-right: 10px;
    font-family: 'Poppins', sans-serif;
    border-radius: 7px;
}
.how_it_works > ul li a.active {background: #1890c9;color: #fff;border-color: #1890c9;}
.how_it_works > ul li a:hover {background: #1890c9;color: #fff;border-color: #1890c9;}

.how_it_works ul.tabs_ul {
    text-align: center;
    display: inline-block;
    padding: 0px 59px 20px;
    margin-bottom: 0px;
}

.how_it_works > ul li a.active {
    position: relative;
}

.how_it_works > ul li a.active:after {
    content: '';
    border-left: 30px solid rgba(255, 255, 255, 0);
    border-right: 30px solid rgba(255, 255, 255, 0);
    border-top: 13px solid #1890c9;
    border-bottom: 10px solid rgba(255, 255, 255, 0);
    position: absolute;
    bottom: -33px;
    left: 50%;
    margin-left: -30px;
}

.how_it_works .basic_dv {
    background: #fdfdfd;
    padding: 90px 0px;
}

.how_it_works .basic_dv ul {
    padding: 0px;
    margin: 0px;
}

.how_it_works .basic_dv ul li {
    text-align: left;
    border-bottom: 1px solid #ececec;
    padding-bottom: 40px;
    margin-bottom: 54px;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.how_it_works .basic_dv ul li img {
    width: 90%;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    margin: 0 auto;
    background: rgba(24, 144, 201, 0.13);
    display: block;
    padding: 31px;
    border: 10px double #1890c9;
}

.how_it_works .basic_dv ul li h4 {
    font-family: 'Poppins', sans-serif;
    text-transform: unset;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 13px;
    margin-top: 45px;
}

.how_it_works .basic_dv ul li p {
    line-height: 31px;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

div#tws {
    display: none;
}

div#ths {
    display: none;
}

.how_it_works .basic_dv ul li:last-child {border: 0px;box-shadow: none;margin: 0px;padding: 0px;}


.how_it_works .basic_dv ul li p br {
    display: none;
}

.how_it_works .basic_dv ul li:hover img {
    border: 10px solid #1890c9;
}
.how_it_works {
    margin-bottom: 70px;
}

.how_it_works .basic_dv {
    background: -webkit-linear-gradient(top, rgb(24, 144, 201) 0%, rgb(16, 68, 144) 99%);
}

.how_it_works .basic_dv h4 {
    color: #fff;
}

.how_it_works .basic_dv p {
    color: #fff;
    font-size: 13px !important;
}

.how_it_works .basic_dv ul li img {
    border-color: #fff;
    background: #169ae4;
}

.how_it_works .basic_dv ul li:hover img {
    border-color: #fff;
}

.how_it_works .basic_dv ul li .text-right {
    text-align: left;
}




.websiteWrap  h3 {
    text-align: center;
    text-transform: unset;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 10px;
    position: relative;
    color: #1890c9;
    font-weight: 500 !important;
}

.websiteWrap h3:after {
    background: #1890c9;
    width:140px;
    content: '';
    height: 3px;
    display: block;
    margin: 14px auto;
}

.websiteWrap h3:before {
    content: '';
    background: #1890c9;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    bottom: -3px;
    margin-left: -5px;
    left: 50%;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.websiteWrap .topTitle p {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin-top: 20px;
}


.websiteWrap .topTitle {
    margin-bottom: 40px;
}
.websiteWrap .topTitle p {
    line-height: 35px;
}

.websiteWrap {
    background: #f7f7f7;
    padding: 60px 0px;
}
.websiteWrap .web_item figure {
    background: url(../img/imgBg.png) no-repeat;
    background-size: cover;
    padding: 10px;
    width: 100%;
    height: 250px;
    position: relative;
}
.websiteWrap .web_item .web {
    position: relative;
    overflow: hidden;
    box-shadow: 0px 31px 18px -39px #000;
    padding-bottom: 21px; margin-bottom:20px;
}

.websiteWrap .web_item .web .web_detl a {
    display: inline-block;
    color: #fff;
    position: relative;
    margin-left: 0;
    border: 0;
    width: 87px;
    border-radius: 0;
    line-height: 107px;
    height: 86px;
}

.websiteWrap .web_item .web .web_detl a i {
    vertical-align: middle;
    display: inline-block;
    font-size: 17px;
}

.websiteWrap .web_item .web .web_detl {
    position: absolute;
    top: -86px;
    left: 0px;
    overflow: hidden;
    z-index: 9;
    width: 100%;
    text-align: center;
    text-decoration: none;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.websiteWrap .web_item .web:hover .web_detl {
    top: -40px;
}
.websiteWrap .web_item .web .web_detl a:after {
    content: "";
    position: absolute;
    left: 12px;
    bottom: -32px;
    width: 60px;
    text-decoration: none;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    height: 60px;
    border: 2px solid;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform: rotate(45deg);
    border-color: #1890c9;
    z-index: -1;
    top: 11px;
}

.websiteWrap .web_item .web .web_detl a:hover:after {
    background: #1890c9;
}

.websiteWrap .web_item figure img {
    width: 87%;
    height: 71%;
    margin: 0 auto;
    display: block;
}

.websiteWrap .web_item .web figure:after {
    top: 10px;
    left: 31px;
    background: rgba(0, 0, 0, 0.32);
    content: '';
    width: 82%;
    height: 65%;
    display: block;
    position: absolute;
}
.websiteWrap .web_item .web h4 {
    position: absolute;
    top: 44%;
    text-align: center;
    width: 100%;
    z-index: 9;
    color: #fff;
    text-transform: unset;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.contctTop {
    text-align: center;
}

.contctTop span {
    background: #d0d0d0;
    width: 100px;
    height: 100px;
    display: inline-block;
    border-radius: 50%;
    line-height: 100px;
    margin-bottom: 21px;
}

.contctTop span i {
    color: #969696;
    font-size: 41px;
    vertical-align: -8px;
}

.contctTop span:hover i {
    color: #fff;
}

.contctTop span:hover {
    background: #178fc8;
}

.contctTop h4 {
    text-transform: unset;
    margin-bottom: 4px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.contctTop {
    margin-bottom: 26px;
}


.contctBottom form input[type="text"] {
    margin: 0px 10px 20px;
    width: 45%;
    background: #fff;
    border: 1px solid #d6d6d6;
    padding: 11px 15px;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
}

.contctBottom form label {
    display: block;
    margin-left: 13px;
    margin-bottom: 21px;
    color: #5d5c5c;
    text-transform: unset;
    font-family: 'Poppins', sans-serif;
}

.contctBottom form textarea {
    margin: 0px 10px 10px;
    width: 100%;
    background: #fff;
    border: 1px solid #d6d6d6;
    padding: 11px 15px;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
    height: 120px;
}

.contctBottom form 
 input[type="submit"] {
    background: none;
    border: 2px solid #178dc6;
    color: #178cc6;
    padding: 6px 30px;
    margin-left: 12px;
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    margin: 21px auto;
    display: block;
    border-radius: 7px;
}

.contctBottom form input[type="submit"]:hover {
    border-color: #000;
    background: #000;
}

.contctBottom {
    background: #f5f5f5;
    padding: 70px 0px;
}

.contctBottom h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    text-transform: unset;
    font-weight: 500;
    margin-bottom: 10px;
}

.contctBottom p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    text-transform: unset;
    font-weight: 400;
    margin-bottom: 17px;
    line-height: 28px;
}


.pressWrap figure {
    width: 100%;
    position: relative;
    height: 250px;
}

.pressWrap figure img {
    width: 100%;
    height: 100%;
}

.pressWrap figure:after {
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(24, 144, 201, 0.45);
}

.pressWrap figure span {
    display: block;
    top: 10px;
    left: 10px;
    position: absolute;
    border: 2px solid #fff;
    width: 94%;
    height: 92%;
    z-index: 9;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 0;
}

.pressWrap figure span i {
    font-size: 22px;
    background: rgba(255, 255, 255, 0.88);
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    margin: -25px 0px 0px -25px;
}

.pressWrap .col-sm-4:hover span {
    opacity: 1;
}

.pressWrap span i:hover {
    background: #1890c9;
    color: #fff;
    cursor: pointer;
}

.pressWrap .det {
    background: #f5f5f5;
    border: 1px solid #cecece;
    padding-top: 20px;
}

.pressWrap .det h6 {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    text-transform: unset;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 10px;
    color: #949494;
}

.pressWrap .det h4 {
    font-family: 'Poppins', sans-serif;
    text-transform: unset;
    font-weight: 500;
    padding: 0px 20px;
    font-size: 16px;
    margin-bottom: 3px;
}

.pressWrap .det p {
    font-family: 'Poppins', sans-serif;
    text-transform: unset;
    font-weight: 400;
    padding: 0px 20px;
    font-size: 13px;
    color: #848484;
    margin-bottom: 11px;
}

.pressWrap .det { margin-bottom:30px; }
.pressWrap .det a {
    font-family: 'Poppins', sans-serif;
    text-transform: unset;
    font-weight: 500;
    background: #1890c9;
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    padding: 12px 0px;
}

.pressWrap {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 30px;
}


.loginForm .firstSide {background: url(../img/loginBg-min.jpg) no-repeat;}


.loginForm {
    position: fixed;
    top: 2%;
    left: 2%;
    width: 96%;
    height: 96%;
    z-index: 999;
}

.loginForm:after {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    background: hsla(0, 0%, 0%, 0.49);
    z-index: -9;
}

.loginForm .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    height: 100%;
}

.loginForm > a {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #1890c9;
    box-shadow: 0px 0px 10px -1px #000;
    width: 40px;
    height: 40px;
    color: #fff;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    z-index: 999;
}

.loginForm .firstSide {
    width: 35%;
    position: relative;
    background-size: cover;
}

.loginForm 
 .mainForms {
    width: 65%;
    background: #fff;
    position: relative;
}

.mainForms {}

.loginForm .firstSide:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.73);
}

.loginForm .firstSide div {
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    top: 50%;
    left: 10px;
    position: absolute;
    top: 50%;
    z-index: 99;
    padding: 0px 15px;
}

.loginForm .firstSide img {
    width: 84px;
    margin-bottom: 20px;
}

.loginForm .firstSide div p {
    color: rgba(255, 255, 255, 0.84);
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 28px;
}

.loginForm .firstSide div h4 {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    text-transform: unset;
    margin: 12px 0px;
    font-weight: 600;
}

.loginForm .firstSide div ul li a {
    color: rgba(255, 255, 255, 0.83);
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
    display: block;
}


.loginForm {
    overflow: hidden;
}

.loginForm > a i {
    font-size: 18px;
    display: inline-block;
    vertical-align: -1px;
}

.loginForm .mainForms .innerForm {width: 400px;margin: 0 auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.loginForm .mainForms .innerForm ul li {
    display: inline-block;
    margin-right: 12px;
}

.loginForm .mainForms .innerForm ul li a {
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    border-bottom: 2px solid #000;
    display: block;
    padding: 0px 10px 5px;
}

.loginForm .mainForms .innerForm ul {
    margin-bottom: 21px;
}

.loginForm .mainForms .innerForm form label {display: block;font-family: 'Poppins', sans-serif;margin-bottom: 14px;text-transform: unset;}

.loginForm .mainForms .innerForm form div {
    position: relative;
}

.loginForm .mainForms .innerForm form div input {
    width: 100%;
    border: 2px solid rgba(186, 186, 186, 0.34) !important;
    box-shadow: none;
    font-family: 'Poppins', sans-serif;
    padding: 12px 13px;
    margin-bottom: 13px;
    border-radius: 5px;
}

.loginForm .mainForms .innerForm form div i {
    position: absolute;
    top: 16px;
    right: 15px;
    color: #b2b2b2;
}

.loginForm .mainForms .innerForm form label span {
    width: 19px;
    height: 19px;
    position: relative;
    border: 1px solid #000;
    display: inline-block;
    margin-right: 10px;
    border-radius: 3px;
    vertical-align: middle;
}

.loginForm .mainForms .innerForm form label span i {
    position: absolute;
    top: 3px;
    font-size: 12px;
    left: 2px;
    color: #fff;
    display: none;
}

.loginForm .mainForms .innerForm form label input:checked + span {
    background: #1890c9;
    border-color: #1890c9;
}

.loginForm .mainForms .innerForm form label input:checked + span i {
    display: block;
}

.loginForm .mainForms .innerForm form label input {
    position: absolute;
    visibility: hidden;
}

.loginForm .mainForms .innerForm form input[type="submit"] {
    background: #1890c9;
    border: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    padding: 5px 27px;
    font-weight: 400;
    color: #fff;
    margin-right: 21px;
}

.loginForm .mainForms .innerForm form a {font-family: 'Poppins', sans-serif;float: right;margin-top: 13px;text-decoration: underline;}

.loginForm .mainForms .innerForm form label a {
    float: none;
}

.loginForm .mainForms .innerForm .signup { display:none; }
.loginForm {
    display: none;
}
.loginForm {
    z-index: 99999999;
}

.loginForm .mainForms .innerForm ul li a.active {
    color: #1890c9;
    border-color: #1890c9;
}



header .responsiveMenu ul li {
    display: block;
    margin: 0px;
}

header .responsiveMenu ul li a {
    display: block;
    padding: 10px 20px;
    color: #000;
}

header .responsiveMenu ul li a:hover {
    background: #1890c9;
    color: #fff;
}

header .responsiveMenu {
    background: rgba(255, 255, 255, 0.99);
    padding: 0px;
    position: relative;
    z-index: 999;
    display: none;
}

header ul li.responsiveButton {
    margin: 0px;
    vertical-align: middle;
    margin-left: 9px;
    display: none;
}

header ul li.responsiveButton a {
    background: #fff;
    position: relative;
    opacity: 1;
    width: 30px;
    border-radius: 4px;
    height: 30px;
    padding: 5px;
    display: block;
    box-sizing: border-box;
    text-align: center;
}

header ul li.responsiveButton a span {
    width: 100%;
    height: 2px;
    background: #d2d2d2;
    display: block;
    margin: 4px 0px;
}

header ul li.responsiveButton a i {
    color: #bbb;
    margin: 0px;
    vertical-align: 1px;
}

header ul li.responsiveButton a.close {
    display: none;
}







header .responsiveMenu {
    position: absolute;
    top: 96px;
    width: 96%;
    left: 2%;
}






.login_popups {
    background: rgba(0, 0, 0, 0.71);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999999;
    display:none;
    width: 100%;
    height: 100%;
}

.login_popups .login_inner {
    width: 600px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    padding: 20px;
    margin-top: -233px;
}

.login_popups .login_inner form > div {
    position: relative;
}

.login_popups .login_inner form > div input {
    width: 100%;
    border: 1px solid #cacaca;
    padding: 11px 30px 10px 15px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.login_popups .login_inner form > div i {
    position: absolute;
    right: 12px;
    top: 17px;
    color: #737373;
    z-index: 999;
}

.login_popups .login_inner p {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.login_popups .login_inner p input {
    margin-right: 10px;
}

.login_popups .login_inner input[type="submit"] {
    width: 100%;
    background: #1890c9;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    border: 0px;
    font-size: 21px;
    padding: 6px 20px;
    height: auto;
    margin-bottom: 23px;
}

.login_popups .login_inner input[type="submit"] + a {
    display: block;
    text-align: center;
    margin-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    text-decoration: underline;
    color: #000;
    font-weight: 400;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 17px;
}

.login_popups .login_inner > a + p {
    text-align: center;
    display: block;
}

.login_popups .login_inner form > a + p {
    text-align: center;
}
.login_popups .login_inner > a {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #000;
}

.login_popups .login_inner > a i {
    font-size: 23px;
    font-weight: 300 !important;
}

.login_popups .login_inner h3 {
    font-size: 22px;
    text-align: center;
    padding: 13px 0px;
}

.login_popups .login_inner {
    border-radius: 6px;
}


.signup_popups {
    background: rgba(0, 0, 0, 0.71);
    position: fixed;
    top: 0px;
    left: 0px; display:none;
    z-index: 999999;
    width: 100%;
    height: 100%;
}

.signup_popups .signup_inner {
    width: 600px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    padding: 20px;
    margin-top: -310px;
}
.signup_popups .signup_inner .login_form div {
    position: relative;
}

.signup_popups .signup_inner form > div > p {
    line-height: normal;
    margin-bottom: 0px;
}
.signup_popups .signup_inner form > div input {
    width: 100%;
    border: 1px solid #cacaca;
    padding: 11px 30px 10px 15px;
    margin-bottom: 16px;
    border-radius: 4px;
}
.signup_popups .signup_inner form > div p input {
    width: auto;
    display: inline-block;
    height: auto;
    margin-top: 13px;
}
.signup_popups .signup_inner form > div {
    position: relative;
}
.signup_popups .signup_inner form > div i {
    position: absolute;
    right: 12px;
    top: 14px;
    color: #737373;
    z-index: 999;
}

.signup_popups .signup_inner p input {
    margin-right: 10px;
}

.signup_popups .signup_inner input[type="submit"] {
    width: 100%;
    background: #1890c9;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    border: 0px;
    font-size: 21px;
    padding: 6px 20px;
    height: auto;
    margin-bottom: 23px;
}

.signup_popups .signup_inner form > a + p {
    text-align: center;
    display: block;
}

.signup_popups .signup_inner form > a + p {
    text-align: center;
}
.signup_popups .signup_inner > a {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #000;
}

.signup_popups .signup_inner > a i {
    font-size: 23px;
    font-weight: 300 !important;
}

.signup_popups .signup_inner h3 {
    font-size: 22px;
    text-align: center;
    padding: 13px 0px;
}

.signup_popups .signup_inner {
    border-radius: 6px;
}

.signup_popups .signup_inner p {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.signup_popups .signup_inner p {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
}

.verify_popups2 {
    background: rgba(0, 0, 0, 0.71);
    position: fixed;
    top: 0px;
    left: 0px;
    display:none;
    z-index: 999999;
    width: 100%;
    height: 100%;
}

.verify_popups2 .verify_inner {
    width: 600px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    padding: 20px;
    margin-top: -126px;
}

.verify_popups2 .verify_inner form > div {
    position: relative;
}

.verify_popups2 .verify_inner form > div input {
    width: 100%;
    border: 1px solid #cacaca;
    padding: 15px 30px 15px 15px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.verify_popups2 .verify_inner form > div i {
    position: absolute;
    right: 12px;
    top: 17px;
    color: #737373;
    z-index: 999;
}


.verify_popups2 .verify_inner input[type="submit"] {
    width: 100%;
    background: #1890c9;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    border: 0px;
    font-size: 21px;
    padding: 6px 20px;
    height: auto;
    margin-bottom: 23px;
}
.verify_popups2 .verify_inner > a {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #000;
}

.verify_popups2 .verify_inner > a i {
    font-size: 16px;
}

.verify_popups2 .verify_inner h3 {
    font-size: 16px;
    text-align: center;
    padding: 13px 0px;
    text-transform: unset;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.verify_popups2 .verify_inner {
    border-radius: 6px;
}


.verify_popups {
    background: rgba(0, 0, 0, 0.71);
    position: fixed;
    top: 0px;
    left: 0px;
    display:none;
    z-index: 999999;
    width: 100%;
    height: 100%;
}

.verify_popups .verify_inner {
    width: 600px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    padding: 20px;
    margin-top: -126px;
}

.verify_popups .verify_inner form > div {
    position: relative;
}

.verify_popups .verify_inner form > div input {
    width: 100%;
    border: 1px solid #cacaca;
    padding: 15px 30px 15px 15px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.verify_popups .verify_inner form > div i {
    position: absolute;
    right: 12px;
    top: 17px;
    color: #737373;
    z-index: 999;
}


.verify_popups .verify_inner input[type="submit"] {
    width: 100%;
    background: #1890c9;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    border: 0px;
    font-size: 21px;
    padding: 6px 20px;
    height: auto;
    margin-bottom: 23px;
}
.verify_popups .verify_inner > a {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #000;
}

.verify_popups .verify_inner > a i {
    font-size: 16px;
}

.verify_popups .verify_inner h3 {
    font-size: 22px;
    text-align: center;
    padding: 13px 0px;
}

.verify_popups .verify_inner {
    border-radius: 6px;
}

.forgot_popups {
    background: rgba(0, 0, 0, 0.71);
    position: fixed;
    top: 0px;
    left: 0px;
    display:none;
    z-index: 999999;
    width: 100%;
    height: 100%;
}

.forgot_popups .forgot_inner {
    width: 600px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    padding: 20px;
    margin-top: -126px;
}

.forgot_popups .forgot_inner form > div {
    position: relative;
}
.forgot_popups .forgot_inner form > div input {
    width: 100%;
    border: 1px solid #cacaca;
    padding: 15px 30px 15px 15px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.forgot_popups .forgot_inner form > div i {
    position: absolute;
    right: 12px;
    top: 17px;
    color: #737373;
    z-index: 999;
}


.forgot_popups .forgot_inner input[type="submit"] {
    width: 100%;
    background: #1890c9;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    border: 0px;
    font-size: 21px;
    padding: 6px 20px;
    height: auto;
    margin-bottom: 23px;
}
.forgot_popups .forgot_inner > a {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #000;
}

.forgot_popups .forgot_inner > a i {
    font-size: 15px;
    /* font-weight: 300 !important; */
}

.forgot_popups .forgot_inner h3 {
    font-size: 16px;
    text-align: center;
    padding: 13px 0px;
    font-family: 'Poppins', sans-serif;
    text-transform: unset;
}

.forgot_popups .forgot_inner{
    border-radius: 6px;
}


.fverify_popups {
    background: rgba(0, 0, 0, 0.71);
    position: fixed;
    top: 0px;
    left: 0px; display:none;
    z-index: 999999;
    width: 100%;
    height: 100%;
}

.fverify_popups .fverify_inner {
    width: 600px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    padding: 20px;
    margin-top: -179px;
}

.fverify_popups .fverify_inner form > div {
    position: relative;
}

.fverify_popups .fverify_inner form > div input {
    width: 100%;
    border: 1px solid #cacaca;
    padding: 11px 30px 10px 15px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.fverify_popups .fverify_inner form > div i {
    position: absolute;
    right: 12px;
    top: 17px;
    color: #737373;
    z-index: 999;
}


.fverify_popups .fverify_inner input[type="submit"] {
    width: 100%;
    background: #1890c9;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    border: 0px;
    font-size: 21px;
    padding: 6px 20px;
    height: auto;
    margin-bottom: 23px;
}
.fverify_popups .fverify_inner > a {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #000;
}

.fverify_popups .fverify_inner > a i {
    font-size: 23px;
    font-weight: 300 !important;
}
.fverify_popups .fverify_inner h3 {
    font-size: 22px;
    text-align: center;
    padding: 13px 0px;
}
.fverify_popups .fverify_inner {
    border-radius: 6px;
}



.verify_popups1 {
    background: rgba(0, 0, 0, 0.71);
    position: fixed;
    top: 0px;
    left: 0px;
    display:none;
    z-index: 999999;
    width: 100%;
    height: 100%;
}

.verify_popups1 .verify_inner {
    width: 600px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    padding: 20px;
    margin-top: -126px;
}

.verify_popups1 .verify_inner form > div {
    position: relative;
}

.verify_popups1 .verify_inner form > div input {
    width: 100%;
    border: 1px solid #cacaca;
    padding: 15px 30px 15px 15px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.verify_popups1 .verify_inner form > div i {
    position: absolute;
    right: 12px;
    top: 17px;
    color: #737373;
    z-index: 999;
}


.verify_popups1 .verify_inner input[type="submit"] {
    width: 100%;
    background: #1890c9;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    border: 0px;
    font-size: 21px;
    padding: 6px 20px;
    height: auto;
    margin-bottom: 23px;
}
.verify_popups1 .verify_inner > a {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #000;
}

.verify_popups1 .verify_inner > a i {
    font-size: 19px;
}

.verify_popups1 .verify_inner h3 {
    font-size: 15px;
    text-align: center;
    padding: 13px 0px;
    font-family: 'Poppins', sans-serif;
    text-transform: unset;
    font-weight: 600;
}

.verify_popups1 .verify_inner {
    border-radius: 6px;
}
.headr_search { display:none; }


@media only screen and (min-width: 768px) and (max-width:992px)
{
 
div#navbarToggle {
    display: none;
}

div#navbarToggle.show {
    display: flex;
}

ul.navbar-nav.navbar-btns.menu_2 {
    margin-bottom: 8px;
}

.mega_menus {
    width: 650px;
    left: -100px;
}

}
@media only screen and (min-width: 621px) and (max-width: 767px)
{ ul.navbar-nav.menu_one {
    width: 100%;
    display: block;
    text-align: left !important;
}

ul.navbar-nav.menu_one li {
    display: block;
}

ul.navbar-nav.menu_one > li > a {
    padding: 0px 10px !important;
}

ul.navbar-nav.navbar-btns.menu_2 {
    text-align: left;
    margin: 0px;
    padding: 0px;
    box-shadow: 0px 8px 9px -9px #000;
    padding-bottom: 10px;
}

ul.navbar-nav.navbar-btns.menu_2 li {
    display: block;
    margin-left: 10px;
    margin-bottom: 16px;
}

ul.navbar-nav.navbar-btns.menu_2 li a {
    padding: 0px;
    display: inline-block;
}
  .mega_menus {
    display: block !important;
    width: 100%;
    position: static;
    border: 0px;
    background: none;
    box-shadow: none;
}

     ul.navbar-nav.menu_one li {
        display: block;
    }
.theme-light .site-header .navbar-nav > li > a {
    color: #000 !important;
}
.mega_menus {
    margin-left: 17px;
}

.mega_menus a h5 {
    font-size: 12px;
}
 .mega_menus {
    display: block !important;
    width: 100%;
    position: static;
    border: 0px; background:none;
    box-shadow: none;
}

.mega_menus .left_sds {
    float: none;
    width: 100%;
}

.mega_menus .right_sds {
    height: auto;
    float: none;
    width: 100%;
    padding: 10px 0px;
    min-height: auto;
    background: none;
}
.theme-light .site-header .navbar-nav > li > a {
    color: #000 !important;
}
.mega_menus h4 {
    display: none;
}

.mega_menus a {
    padding: 6px 10px;
    margin-bottom: 9px;
}

.mega_menus a span {
    display: none;
}

.mega_menus a p {
    display: none;
}

.mega_menus .bottom_menu {
    display: none;
}
 
}

@media only screen and (max-width: 620px)
{
    
    .mega_menus {
    margin-left: 17px;
}

.mega_menus a h5 {
    font-size: 11px;
}
   .verify_popups1 .verify_inner{
    width: 90%;
    position: relative;
    margin: 10px auto;
    left: 0px;
    top: 0px;
} 
.verify_popups .verify_inner{
    width: 90%;
    position: relative;
    margin: 10px auto;
    left: 0px;
    top: 0px;
}
    
.login_popups .login_inner {
    width: 90%;
    position: relative;
    margin: 10px auto;
    left: 0px;
    top: 0px;
}


.signup_popups .signup_inner {
    width: 90%;
    position: relative;
    margin: 10px auto;
    left: 0px;
    top: 0px;
}

                .signup_popups .signup_inner h3 {
    margin-bottom: 0px;
}

.signup_popups .signup_inner form > div input {
    margin-bottom: 10px;
    padding: 7px 10px;
}

.signup_popups .signup_inner form > div i {
    top: 14px;
}

.signup_popups .signup_inner p {
    margin-bottom: 5px;
    font-size: 13px;
}

.signup_popups .signup_inner input[type="submit"] {
    padding: 8px 0px;
    height: auto;
    line-height: normal;
    font-size: 15px;
    margin-bottom: 10px;
}

.signup_popups .signup_inner {
    height: 400px;
    overflow: auto;
    top: 50%;
    margin-top: -200px;
}

.colrd_table_two tbody td {
    word-break: break-all;
}

.top_trans .m-portlet .m-portlet__body .colrd_table_two {
    width: 100%;
    overflow: auto !important;
    display: block;
}
.paginat_bottom #pagination-demo li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.paginat_bottom #pagination-demo li a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    vertical-align: middle;
}
.wallet_header .other_blances {
    text-align: center;
}

.wallet_header .other_blances p {
    border: 0px;
    margin-right: 11px;
}

.wallet_header .button_divs a {
    font-size: 10px;
    margin: 6px;
    width: 100%;
    text-align: center;
    text-decoration: underline;
}

.wallet_header .button_divs {
    margin-bottom: 30px;
}

.wallet_header .other_blances p cite {
    font-size: 9px;
}

.wallet_header .other_blances p span {
    font-size: 11px;
}
.first_modals, .scnd_modals, .third_modals, .fourth_modals, .five_modals, .sixth_modals, .seventh_modals, .eights_modals, .ninth_modals, .ten_modals {
    height: 420px;
    top: 50% !important;
    margin-top: -200px !important;
    overflow: auto !important;
}
}
input#search_txts{
    width: 270px;
    height: 50px;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    padding: 6px 18px;
    font-weight: 400;
    border: 1px solid #ececec;
    font-size: inherit;
    line-height: inherit;
}
.demo-box .btn {
    background: #1890c9 !important;
}

.demo-box .btn:before {
    display: none;
}

.theme-light .navbar-nav li ul {
    -webkit-box-shadow: 0 34px 54px rgba(0,0,0,.2);
    box-shadow: 0 34px 54px rgba(0,0,0,.2);
    padding: 32px 50px 32px 30px;
    left: 52%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 35px;
    background: #f8fafc;
    border-radius: 0px !important;
    opacity: 0;
    display: none;
    -webkit-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
    width: 338px;
    margin-left: -110px;
}

.theme-light .navbar-nav li:hover ul {
    display: block;
    -webkit-animation-name: slideDownMenu;
    -o-animation-name: slideDownMenu;
    animation-name: slideDownMenu;
    -webkit-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
   
}

.theme-light .navbar-nav li ul:after {
    border-bottom-color: #f8fafc;
}

.theme-light .navbar-nav li ul li a {
    color: #000 !important;
    font-size: 17px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif !important;
    padding: 0px;
}

.theme-light .navbar-nav li ul li a i {
    margin-right: 11px;
    color: #1890c9;
}

.theme-light .navbar-nav li ul li p {
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

.theme-light .navbar-nav li ul li a:hover {background: none;}
ul.navbar-nav.navbar-btns.menu_2 li a.nav-link.btn {
    outline: none !important;
    background: #1890c9 !important;
    color: #fff;
}

ul.navbar-nav.navbar-btns.menu_2 li a.nav-link.btn:after, ul.navbar-nav.navbar-btns.menu_2 li a.nav-link.btn:before {
    display: none;
}
.theme-light .navbar-nav li ul li {
    margin-bottom: 10px;
    border-bottom: 1px solid #ececec;
    width: 100%;
    padding-bottom: 10px;
}

.theme-light .navbar-nav li ul li:last-child {
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.theme-light .navbar-nav li ul li a {
    font-size: 13px;
}

@-webkit-keyframes slideDownMenu{0%{opacity:0;margin-top:10px}to{opacity:1;margin-top:20px}}@-o-keyframes slideDownMenu{0%{opacity:0;margin-top:10px}to{opacity:1;margin-top:20px}}@keyframes slideDownMenu{0%{opacity:0;margin-top:10px}to{opacity:1;margin-top:20px}}

.forgot_popups .btn {
    background: #1890c9;
    font-family: 'Poppins', sans-serif;
}
.forgot_popups .btn:before {
    display: none;
}
.verify_popups .btn {
    background: #1890c9;
    font-family: 'Poppins', sans-serif;
}

.verify_popups .btn:before {
    display: none;
}
.verify_popups1 .btn {
    background: #1890c9;
    font-family: 'Poppins', sans-serif;
}
.verify_popups1 .btn:before {
    display: none;
}
.verify_popups2 .btn {
    background: #1890c9;
    font-family: 'Poppins', sans-serif;
}

.verify_popups2 .btn:before {
    display: none;
}

.help_popups  {
    background: rgba(0, 0, 0, 0.71);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999999;
    display: none;
    width: 100%;
    height: 100%;
}

.help_popups .help_inner {
    width: 600px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    padding: 20px;
    margin-top: -233px;
    border-radius: 7px;
}
.help_popups .help_inner > a {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #000;
}
.help_popups .help_inner h3 {
    font-size: 17px;
    font-family: 'Poppins', sans-serif;
    margin-bottom:10px;
    margin-top:10px;
    font-weight: 500;
    text-transform: unset;
}

.help_popups .help_inner p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 20px;
}


.help_popups .help_inner a.btns {
    position: static;
    display: block;
    margin: 0px;
    float: right;
    background: #1890c9;
    color: #fff;
    padding: 6px 22px;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
}

.help_popups .help_inner label {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.help_popups .help_inner form input {
    width: 100%;
    margin-bottom: 22px;
    height: 44px;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #c5c5c5;
}


.verifys_popups {
    background: rgba(0, 0, 0, 0.71);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999999;
    display: none;
    width: 100%;
    height: 100%;
}

.verifys_inner {
    width: 600px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    padding: 20px;
    margin-top: -233px;
    border-radius: 7px;
}
.verifys_popups .verifys_inner > a {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #000;
}

.verifys_popups .verifys_inner h3 {
    font-size: 16px;
    margin-bottom: 0px;
    margin-top:10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-transform: unset;
}

.verifys_popups .verifys_inner p {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin-bottom: 12px;
}


.verifys_popups .verifys_inner ul li {
    margin-bottom: 3px;
    font-size: 14px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
}

.verifys_popups .verifys_inner ul li input {
    margin-right: 10px;
}

.verifys_popups .verifys_inner ul {
    border-bottom: 1px solid #cacaca;
    padding-bottom: 20px;
    margin-bottom: 22px;
}

.verifys_popups .verifys_inner span {
    text-decoration: underline;
    cursor: pointer;
    color: #69adde;
    display: block;
}

.verifys_popups .verifys_inner a.btns {
    position: static;
    display: block;
    margin: 0px;
    float: right;
    background: #1890c9;
    color: #fff;
    padding: 6px 25px;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
}

.verifys_popups .verifys_inner ul li:last-child {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.verifys_popups .verifys_inner ul li label {
    margin: 0px;
    text-transform: unset;
}
.signup_popups .signup_inner form input#company_logo {
    display: none;
}

.signup_popups .signup_inner form .companyLogos {
    width: 100%;
    background: #1890c9;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    border: 0px;
    font-size: 18px;
    cursor: pointer;
    padding: 5px 20px;
    text-align: center;
    height: auto;
    margin-bottom: 23px;
    border-radius: 7px;
}

.signup_popups .signup_inner form 
 .companyDetailBtn {
    width: 100%;
    background: #1890c9;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    border: 0px;
    font-size: 18px;
    cursor: pointer;
    padding: 5px 20px;
    text-align: center;
    height: auto;
    margin-bottom: 23px;
    border-radius: 7px;
    display: block;
}

.signup_popups .signup_inner form .companyLogos i {
    position: static;
    color: #fff;
    margin-right: 8px;
}
.verify_popups .verify_inner h4 {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    margin-top: 22px;
    line-height: 24px;
    text-transform: unset;
    margin-bottom: 12px;
    font-family: 'Poppins', sans-serif;
}
.signup_popups .signup_inner form > div select {
    width: 100%;
    font-size: 14px;
    border: 1px solid #cacaca;
    padding: 10px 30px 9px 15px;
    margin-bottom: 12px;
    border-radius: 4px;
    height: auto !important;
    -webkit-appearance: unset;
}

.signup_popups .signup_inner form > div input {
    padding: 10px 30px 8px 15px;
    margin-bottom: 11px;
    font-size: 14px;
}

.signup_popups .signup_inner h3 {
    margin-bottom: 2px;
}

@media only screen and (min-width: 993px) and (max-width: 1150px)
{
    .points ul {
        display: block;
    }
    .points ul li {
        width: 27%;
        margin-right: 5px;
        display: inline-block;
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px)
{
    .goals {
        min-height: 475px;
    }
.how_it_works > ul li a {
    padding: 13px 20px;
}

    .points ul {
        display: block;
    }
    .points ul li {
        width: 27%;
        margin-right: 5px;
        display: inline-block;
        margin-bottom: 0;
    }
    
    header .respnLogo {
        width: auto;
        display: inline-block;
    }
    
    header .dasktopNav {
        display: none;
    }
    
    header .lastMenu {
        display: inline-block;
        float: right;
        width: 43%;
    }
    
    header ul li.responsiveButton {
        display: inline-block;
    }
    
    header .responsiveMenu {
        width: 95%;
        margin: 0 auto;
    }

.hero-home .hero-img-1, .hero-home .hero-img-2, .hero-home .hero-img-3 {
    width: 250px;
}

.hero-home .your-interface {
    right: -42%;
}

.hero-home .hero-animation {
    height: 600px;
    bottom: -168px;
}

.hero-home .arch-net {
    left: -41%;
}

.tagLine {
    margin-top: 19px;
}

.wellcome_banner.hero-home {
    height: 700px;
    margin-bottom: 100px;
}
.listingsWrap .prop figure .lines a {
    width: 58px;
    height: 41px;
    line-height: 59px;
}

.listingsWrap .prop figure .lines a:after {
    width: 44px;
    left: 0px;
    bottom: -36px;
}

.listingsWrap .prop:hover figure .lines {}

.listingsWrap .prop figure .lines a i {
    font-size: 12px;
}

.listingsWrap .prop .propDetail .meta {
    width: 100%;
    text-align: left !important;
    display: none;
}

.listingsWrap .prop .propDetail .meta span {
    text-align: left;
}

.listingsWrap .prop .propDetail .meta span i {
    display: inline-block;
    margin-right: 12px;
}

.listingsWrap .prop .propDetail ul {
    border-top: 1px solid #cecece;
    padding-top: 14px;
}

.listingsWrap .prop .propDetail ul li span {
    float: none;
    display: block;
    margin-top: 5px;
}

.listingsWrap .prop .propDetail ul li cite {
    display: none;
}

.bottomDetail .featureDv {
    min-height: 190px;
}

.blogWrap .blog .postDetail span.meta {
    display: none;
}

.clientLogo a {
    width: 30%;
}
}





@media only screen and (min-width: 601px) and (max-width: 767px)
{
    .loginForm .firstSide {
        display: none;
    }
    
    .loginForm .mainForms {
        width: 100%;
    }
    .channelMangeO.furs .channelWeb {
        background: none;
    }
.how_it_works > ul li a {
    font-size: 10px;
    padding: 13px 10px;
}

    .investor_div ul li {
        padding: 0px 20px 20px;
    }
    .points ul {
        display: block;
    }
    .points ul li {
        width: 27%;
        margin-right: 5px;
        display: inline-block;
        margin-bottom: 0;
    }
    .spend_wrap p {
        text-align: center;
    }

    header .respnLogo {
        width: auto;
        display: inline-block;
    }
    
    header .dasktopNav {
        display: none;
    }
    
    header .lastMenu {
        display: inline-block;
        float: right;
    }
    
    header ul li.responsiveButton {
        display: inline-block;
    }
    
    header .responsiveMenu {
        width: 95%;
        margin: 0 auto;
    }
    
    .tagLine h3 {
        font-size: 18px;
        margin-bottom: 9px;
        line-height: 15px;
    }
    
    .tagLine h1 {
        font-size: 18px;
        margin-bottom: 9px;
        line-height: 15px;
    }
    
    .tagLine p {
        font-size: 14px;
        line-height: 24px;
    }
    
    .tagLine p br {
        display: none;
    }
    
    .hero-home .ach-network-wrapper {
        display: none !important;
    }
    
    .hero-home .hero-img-1, .hero-home .hero-img-2, .hero-home .hero-img-3 {
        width: 274px;
    }
    
    .hero-home .hero-animation {
        height: 300px;
        bottom: -57px;
    }
    
    .wellcome_banner.hero-home {
        height: 560px;
    }
    
    .bottomDetail .mainImg {
        width: 80%;
        margin: -182px auto 0;
    }
    
    .featuresWrap .topTitle {
        margin-bottom: 220px;
    }
    
    .clientLogo a {
        width: 40%;
    }
    
    .contactWrap .demo-box.firstBox {
        border: 0px;
        border-bottom: 1px solid #e4e4e4;
    }
    
    .footer .fotlogo {
        margin-bottom: 23px;
    }
    
    .footer .widgets {
        margin-bottom: 28px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 600px)
{
    .ClientWrap .topTitle p br {
    display: none;
}
.ClientWrap .topTitle p br {
    display: none;
}

.forgot_popups .forgot_inner {
    width: 90%;
    left: 5%;
    margin-left: 0px;
}

.verify_popups2 .verify_inner, .verify_popups1 .verify_inner, .verify_popups .verify_inner {
    width: 90%;
    left: 5%;
    margin-left: 0px;
}

.verifys_inner {
    width: 90%;
    left: 5%;
    margin-left: 0px;
}

.help_popups .help_inner {
    width: 90%;
    left: 5%;
    margin-left: 0px;
}
    .loginForm .firstSide {
        display: none;
    }
    
    .loginForm .mainForms {
        width: 100%;
    }
    .channelMangeO.furs .channelWeb {
        background: none;
    }
    .how_it_works > ul li a.active:after { display:none; } 
    .how_it_works > ul li a {
        font-size: 12px;
        padding: 13px 10px;
    }
    
    .how_it_works > ul li {
        width: 100%;
    }
    .investor_div ul li {
        padding: 0px 20px 20px;
    }
    .points ul {
        display: block;
    }
    .points ul li {
        width: 40%;
        margin-right: 5px;
        display: inline-block;
        margin-bottom: 20px;
    }
    .spend_wrap p {
        text-align: center;
    }
    header .respnLogo {
        width: auto;
        display: inline-block;
    }
    
    header .dasktopNav {
        display: none;
    }
    
    header .lastMenu {
        display: inline-block;
        float: right;
    }
    
    header ul li.responsiveButton {
        display: inline-block;
    }
    
    header .responsiveMenu {
        width: 95%;
        margin: 0 auto;
    }
    
    .tagLine h3 {
        font-size: 18px;
        margin-bottom: 9px;
        line-height: 15px;
    }
    .tagLine h1 {
        font-size: 18px;
        margin-bottom: 9px;
        line-height: 15px;
    }
    
    .tagLine p {
        font-size: 14px;
        line-height: 24px;
    }
    
    .tagLine p br {
        display: none;
    }
    
    .hero-home .ach-network-wrapper {
        display: none !important;
    }
    
    .hero-home .hero-img-1, .hero-home .hero-img-2, .hero-home .hero-img-3 {
        width: 274px;
    }
    
    .hero-home .hero-animation {
        height: 300px;
        bottom: -57px;
    }
    
    .wellcome_banner.hero-home {
        height: 560px;
    }
    
    .bottomDetail .mainImg {
        width: 80%;
        margin: -182px auto 0;
    }
    
    .featuresWrap .topTitle {
        margin-bottom: 220px;
    }
    
    .clientLogo a {
        width: 40%;
    }
    
    .contactWrap .demo-box.firstBox {
        border: 0px;
        border-bottom: 1px solid #e4e4e4;
    }
    
    .footer .fotlogo {
        margin-bottom: 23px;
    }
    
    .footer .widgets {
        margin-bottom: 28px;
    }
    .loginForm:after {
    display: none;
}
}


@media only screen and (max-width: 500px)
{
    .contactWrap .demo-box {
    display: block;
}

.contactWrap .demo-box span {
    display: block;
    text-align: center;
    margin: 0px;
    margin-bottom: 20px;
}

.contactWrap .demo-box div {
    text-align: center;
}
}
header .responsiveMenu ul li ul {
    display: block !important;
    position: static;
    opacity: 1;
    background: none;
    margin: 0px !important;
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    width: 100%;
    padding: 0px 0px 0px 20px;
}

header .responsiveMenu ul li:hover ul {
    -webkit-animation-name: unset;
    animation-name: unset;
    -webkit-animation-name: unset;
    -o-animation-name: unset;
    animation-name: unset;
}
@media only screen and (max-width: 480px)
{
    .hero-home .hero-animation {
    width: 100%;
}

    .ClientWrap .topTitle p br {
    display: none;
}

.forgot_popups .forgot_inner {
    width: 90%;
    left: 5%;
    margin-left: 0px;
}

.verify_popups2 .verify_inner, .verify_popups1 .verify_inner, .verify_popups .verify_inner {
    width: 90%;
    left: 5%;
    margin-left: 0px;
}

.verifys_inner {
    width: 90%;
    left: 5%;
    margin-left: 0px;
}

.help_popups .help_inner {
    width: 90%;
    left: 5%;
    margin-left: 0px;
}
    .ClientWrap .topTitle p br {
    display: none;
}
    .loginForm .mainForms .innerForm {
    width: 88%;}
    .loginForm .firstSide {
        display: none;
    }
    
    .loginForm .mainForms {
        width: 100%;
    }
    .channelMangeO.furs .channelWeb {
        background: none;
    }
    .how_it_works > ul li a.active:after { display:none; } 
.how_it_works > ul li a {
    font-size: 12px;
    padding: 13px 10px;
}

.how_it_works > ul li {
    width: 100%;
}
    .investor_div ul li {
        padding: 0px 20px 20px;
    }
    .points ul {
        display: block;
    }
    .points ul li {
        width: 75%;
        margin-right: 5px;
        display: inline-block;
        margin-bottom: 20px;
    }
    .spend_wrap p {
        text-align: center;
    }

    header .respnLogo {
        width: auto;
        display: inline-block;
    }
    
    header .dasktopNav {
        display: none;
    }
    
    header .lastMenu {
        display: inline-block;
        float: right;
    }
    
    header ul li.responsiveButton {
        display: inline-block;
    }
    
    header .responsiveMenu {
        width: 95%;
        margin: 0 auto;
    }
    
    .tagLine h3 {
        font-size: 18px;
        margin-bottom: 9px;
        line-height: 15px;
    }
    .tagLine h1 {
        font-size: 18px;
        margin-bottom: 9px;
        line-height: 15px;
    }
    
    .tagLine p {
        font-size: 14px;
        line-height: 24px;
    }
    
    .tagLine p br {
        display: none;
    }
    
    .hero-home .ach-network-wrapper {
        display: none !important;
    }
    
    .hero-home .hero-img-1, .hero-home .hero-img-2, .hero-home .hero-img-3 {
        width: 176px;
    }
    
    .hero-home .hero-animation {
        height: 300px;
        bottom: -57px;
    }
    
    .wellcome_banner.hero-home {
        height: 560px;
    }
    
    .bottomDetail .mainImg {
        width: 80%;
        margin: -182px auto 0;
    }
    
    .featuresWrap .topTitle {
        margin-bottom: 220px;
    }
    
    .clientLogo a {
        width: 40%;
    }
    
    .contactWrap .demo-box.firstBox {
        border: 0px;
        border-bottom: 1px solid #e4e4e4;
    }
    
    .footer .fotlogo {
        margin-bottom: 23px;
    }
    
    .footer .widgets {
        margin-bottom: 28px;
    }
}

.responsiveMenu.hideShow { display:none !Important; }

@media only screen and (max-width: 992px)
{
.responsiveMenu.hideShow { display:block !Important; }
}











@media only screen and (min-width: 993px) and (max-width: 1200px)
{
       .websiteWrap .web_item .web {
    width: 100%;
}

.websiteWrap .web_item .web figure {
    background-size: 100% 100%;
}

.websiteWrap .web_item .web figure:after {
    left: 25px;
    width: 83%;
}   


.websiteWrap .web_item {
    width: 33%;
    display: inline-block;
}
}



@media only screen and (min-width: 601px) and (max-width: 992px)
{
    .websiteWrap .web_item .web {
    width: 100%;
}

.websiteWrap .web_item .web figure {
    background-size: 100% 100%;
}

.websiteWrap .web_item .web figure:after {
    left: 25px;
    width: 83%;
}   


.websiteWrap .web_item {
    width: 49%;
    display: inline-block;
}
}


@media only screen and (min-width: 401px) and (max-width: 600px)
{
    .websiteWrap .web_item .web {
        width: 352px;
        margin: 0 auto 20px;
    }
}


@media only screen and (max-width: 400px)
{
    
 
.websiteWrap .web_item .web {
    width: 100%;
}

.websiteWrap .web_item .web figure {
    background-size: 100% 100%;
}

.websiteWrap .web_item .web figure:after {
    left: 30px;
}   
}



@media only screen and (max-width: 390px)
{
    .wellcome_banner.hero-home {
    height: 615px;
}
header .lastMenu li.signup a {
    padding: 9px 10px;
}

header .lastMenu li {
    margin-right: 18px;
}

}