@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');

body,
section {
   overflow-x: hidden
}

body#tinymce.mce-content-body {
   padding: 20px !important
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: 'Roboto Condensed', sans-serif
}

.btn-template,
.unstyled li,
body,
h2,
section {
   position: relative
}

.more-btn,
a,
a:focus,
a:hover,
h1,
h2,
h3,
h4,
h5,
h6,
i,
span {
   display: inline-block
}

* {
   margin: 0;
   padding: 0;
   border: none;
   outline: 0
}

.os-animation,
.os-animation.animated {
   opacity: 1
}

.btn-template,
.pgae-holder {
   overflow: hidden
}

a,
a:focus,
a:hover {
   text-decoration: none;
   color: inherit;
   -webkit-transition: all .3s;
   transition: all .3s
}

body {
   font-size: 15px;
   color: #444
}

section {
   padding: 50px 0;
   overflow: hidden
}

section header {
   margin-bottom: 30px
}

h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 10px 0;
   font-weight: 400;
   color: #333
}

.h1,
h1 {
   font-weight: 600
}

.display-1,
.h1,
h1 {
   font-size: 3em
}

.display-2,
.h2,
h2 {
   font-size: 2.5em
}

.display-3,
.h3,
h3 {
   font-size: 1.4em
}

.display-4,
.h4,
h4 {
   font-size: 1.2em
}

.display-5,
.h5,
h5 {
   font-size: 1em
}

.display-6,
.h6,
h6 {
   font-size: .8em
}

h2 {
   line-height: 1.2em
}

h2.has-line-center .heading-bg-text {
   left: 50%;
   transform: translateX(-50%)
}

hr {
   margin-top: 15px;
   margin-bottom: 15px
}

.lead {
   font-size: 1.3em;
   color: #333
}

.top-logo {
   color: #4f4f51
}

.top-logo img {
   max-height: 60px
}

#home.home-slider .item {
   margin-bottom: 20px
}

#home.home-slider .item h2 {
   font-size: 1.8em;
   margin: 0
}

#home.home-slider .item .lead {
   font-size: 1.2em;
   color: #ed1c24;
   min-height: 76px
}

#home.home-slider .side_nav {
   min-width: 280px
}

#home.home-slider video {
   width: 100%;
   max-width: 100%
}

#home.home-slider hr {
   border-top: 1px solid rgba(255, 255, 255, .3);
   margin: 15px 0 10px
}

.unstyled {
   list-style: none;
   line-height: 1.6em
}

.unstyled li {
   padding-left: 20px;
   margin-bottom: 0;
   font-size: 13px
}

.unstyled li:before {
   position: absolute;
   left: 0;
   top: 0;
   width: 20px;
   height: 20px;
   content: "\f0da";
   font: normal normal normal 14px/1 FontAwesome;
   line-height: 20px;
   font-size: 14px;
   color: #fff;
   text-align: center
}

@media (max-width:1366px) {

   #home.home-slider .item .lead,
   #home.home-slider .item h2 {
      min-height: 95px
   }

   video {
      max-width: 100%
   }

   ul.left-nav-main li a {
      padding: 10px !important
   }
}

@media (max-width:992px) {

   .display-1,
   .h1,
   h1 {
      font-size: 3em
   }

   .display-2,
   .h2,
   h2 {
      font-size: 2em
   }

   .heading-bg-text {
      font-size: 2em !important
   }
}

@media (max-width:767px) {

   .display-1,
   .h1,
   h1 {
      font-size: 2.5em
   }

   .display-2,
   .h2,
   h2 {
      font-size: 1.5em
   }

   .heading-bg-text {
      font-size: 2em !important
   }
}

@media (max-width:480px) {

   .display-1,
   .h1,
   h1 {
      font-size: 2em
   }

   .display-2,
   .h2,
   h2 {
      font-size: 1.5em
   }

   .heading-bg-text {
      font-size: 2em !important
   }
}

.gray-bg {
   background: #f4f4f4
}

.heading-bg-text,
.img-bg,
.text-bg-gray {
   font-weight: 700;
   -webkit-user-select: none;
   cursor: default;
   font-family: 'Roboto Condensed', sans-serif;
   text-transform: uppercase
}

.how-box-one h3,
.more-btn,
.service-box-one h3 {
   font-weight: 600;
   text-transform: uppercase
}

.more-btn {
   position: relative;
   transition: all .3s;
   line-height: 24px;
   text-align: center;
   background: red;
   padding: 7px 20px;
   font-size: 13px;
   letter-spacing: 1px;
   color: #fff;
   border-radius: 100px
}

.more-btn:hover {
   color: #fff;
   background: #333;
   -webkit-animation: c 1.2s linear 2 alternate;
   animation: c 1.2s linear 2 alternate
}

.more-btn.red {
   background: #EA4335;
   color: #fff;
   -webkit-transition: all .1s;
   -moz-transition: all .1s;
   transition: all .1s;
   -webkit-box-shadow: 0 5px 0 #84261a;
   -moz-box-shadow: 0 5px 0 #84261a;
   box-shadow: 0 5px 0 #84261a
}

.cot-btn.light,
.more-btn.blue {
   -webkit-transition: all .1s;
   -moz-transition: all .1s
}

.more-btn.red:hover {
   background: #c32936
}

.more-btn.red:active {
   -webkit-box-shadow: 0 2px 0 #84261a;
   -moz-box-shadow: 0 2px 0 #84261a;
   box-shadow: 0 2px 0 #84261a;
   position: relative;
   top: 5px
}

.more-btn.blue {
   background: #ed1c24;
   color: #fff;
   transition: all .1s;
   -webkit-box-shadow: 0 5px 0 #254A89;
   -moz-box-shadow: 0 5px 0 #254A89;
   box-shadow: 0 5px 0 #254A89
}

.more-btn.blue:hover {
   background: #3673D8
}

.more-btn.blue:active {
   -webkit-box-shadow: 0 2px 0 #254A89;
   -moz-box-shadow: 0 2px 0 #254A89;
   box-shadow: 0 2px 0 #254A89;
   position: relative;
   top: 5px
}

.more-btn.trans {
   background: 0 0;
   color: #fff;
   border: 2px solid #fff
}

.more-btn.trans:hover {
   background: #fff;
   color: #000;
   -webkit-animation: c 1.2s linear 2 alternate;
   animation: c 1.2s linear 2 alternate
}

.more-btn.slider {
   border-radius: 4px !important
}

.line {
   width: 100%;
   height: 1px;
   border-bottom: 1px solid #eee;
   -webkit-transform: translateY(150px);
   -ms-transform: translateY(150px);
   transform: translateY(150px)
}

.has-bg-map:before,
.img-bg,
.text-bg-gray {
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%)
}

.has-text-shadow {
   text-shadow: 0 0 35px rgba(0, 0, 0, .3)
}

.has-shadow {
   box-shadow: 0 0 1px rgba(0, 0, 0, .1)
}

.has-line-center:after,
.has-line:after {
   content: '';
   display: block;
   width: 100px;
   height: 2px;
   margin: 15px 0
}

.has-line-center:after {
   margin: 15px auto
}

.limited-width {
   max-width: 400px;
   margin: 0 auto
}

.no-padding-top {
   padding-top: 0 !important
}

.no-padding-bottom {
   padding-bottom: 20px !important
}

.padding-top-small {
   padding-top: 25px !important
}

.padding-bottom-small {
   padding-bottom: 25px !important
}

.no-margin-top {
   margin-top: 0 !important
}

.no-margin-bottom {
   margin-bottom: 20px !important
}

.margin-top-small {
   margin-top: 100px !important
}

.margin-bottom-small {
   margin-bottom: 100px !important
}

.has-wine-gradient {
   background-image: -webkit-linear-gradient(bottom left, #fb4c7f 0, #573d7d 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#573d7d), to(#fb4c7f));
   background-image: linear-gradient(to top right, #fb4c7f 0, #573d7d 100%);
   color: #fff
}

.moving-bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 500em;
   height: 100%;
   opacity: 1;
   visibility: inherit;
   background: url(../images/background1.png)
}

@-webkit-keyframes cloudwash {
   0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
   }

   100% {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0)
   }
}

@keyframes cloudwash {
   0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
   }

   100% {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0)
   }
}

.has-gradient h1,
.has-gradient h2,
.has-gradient p {
   color: inherit
}

.has-bg-map:before {
   content: '';
   width: 100%;
   background: url(../images/world-map.png) center center no-repeat;
   background-size: 80%;
   opacity: .1;
   z-index: 1
}

.has-bg-map .container {
   z-index: 10
}

.img-bg,
.text-bg-gray {
   font-size: 13em;
   color: #fff;
   opacity: .1;
   position: absolute;
   width: 100%;
   height: 100%;
   background-size: cover;
   text-align: center;
   user-select: none
}

.text-bg-gray {
   color: #333
}

.heading-bg-text {
   font-size: 2.5em;
   color: #333;
   opacity: .03;
   position: absolute;
   top: -20px;
   left: 0;
   text-align: inherit;
   user-select: none;
   z-index: -1
}

.mb-70 {
   margin-bottom: 70px !important
}

.mt-70 {
   margin-top: 70px !important
}

.mb-50 {
   margin-bottom: 50px !important
}

.mb-40 {
   margin-bottom: 40px !important
}

.mt-40 {
   margin-top: 40px !important
}

.mt-20 {
   margin-top: 20px !important
}

.mb-20 {
   margin-bottom: 20px !important
}

.mt-63 {
   margin-top: 63px !important
}

.mt-10 {
   margin-top: 10px
}

nav.main-navigation {
   background: rgba(245, 245, 245, .95);
   border-color: rgba(240, 240, 240, .95)
}

nav.main-navigation.dark {
   background: #111111e5;
   border-color: rgba(240, 240, 240, .09)
}

nav.main-navigation a {
   color: #fff
}

nav.main-navigation .navbar-nav a,
nav.main-navigation .navbar-nav a.active {
   font-family: 'Roboto Condensed', sans-serif;
   color: #4f4f51;
   border-style: solid;
   border-width: 0;
   border-color: #fff;
   padding: 42px 8px 0px 8px;
   text-transform: uppercase;
   font-size: 15px;
   line-height: 16px
}

nav.main-navigation .navbar-nav a img.profile-pic {
   width: 28px;
   height: 28px
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
   background: rgba(255, 255, 255, .1)
}

.dropdown-menu {
   background-color: #F6F6F6;
   padding: 0
}

.dropdown-menu>li {
   border-bottom: 1px solid #e0e0e0
}

.dropdown-menu>li>a {
   padding: 8px 20px !important
}

nav.main-navigation .navbar-brand {
   height: 62px;
   text-transform: uppercase;
   padding: 0 15px
}

nav.main-navigation .navbar-brand i {
   display: inline-block;
   margin-right: 10px
}

nav.main-navigation .navbar-brand span {
   position: absolute;
   top: 35px;
   transform: translateY(-50%)
}

nav.main-navigation .navbar-nav a:active,
nav.main-navigation .navbar-nav a:focus,
nav.main-navigation .navbar-nav a:hover,
nav.main-navigation .navbar-nav a:visited {
   background: rgba(255, 255, 255, .1)
}

nav.main-navigation li.divider {
   background: #ccc
}

nav.main-navigation .navbar-toggle {
   border-radius: 2px
}

nav.main-navigation.navbar-toggle:hover {
   background: #999
}

nav.main-navigation .navbar-toggle>span.icon-bar {
   background: #fff
}

.navbar-nav>li ul.sub-nav {
   position: absolute;
   width: auto;
   right: 0;
   display: none;
   list-style: none
}

.navbar-nav>li:hover ul.sub-nav {
   display: block
}

.videoWrapper {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 25px;
   height: 0
}

.videoWrapper iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

.widget-content ul {
   padding-left: 0
}

@media (max-width:767px) {
   nav.main-navigation .navbar-toggle {
      margin-top: 14px;
      margin-bottom: 14px;
      border-bottom: 1px solid
   }

   nav.main-navigation .navbar-nav a {
      padding: 7px 5px
   }

   nav.main-navigation .navbar-nav {
      margin: 0
   }

   nav.main-navigation .navbar-nav .btn {
      display: none
   }
}

.fact-box .inner:after,
.fact-box .inner:before {
   top: 0;
   border-bottom: 2px solid rgba(255, 255, 255, .5);
   content: ''
}

@media (max-width:100%) {
   .demo-1:after {
      height: 130px
   }
}

.service-box-one {
   position: relative;
   padding: 40px 20px;
   transition: all .3s
}

.service-box-one:hover {
   box-shadow: 0 0 35px rgba(0, 0, 0, .1)
}

.service-box-one .inner-box {
   position: relative;
   display: block
}

.service-box-one .icon-box {
   position: relative;
   font-size: 40px;
   line-height: 1.4em;
   margin-bottom: 8px;
   transition: all .3s ease;
   -moz-transition: all .3s ease;
   -webkit-transition: all .3s ease;
   -ms-transition: all .3s ease;
   -o-transition: all .3s ease
}

.service-box-one .inner-box strong {
   font-size: 3em;
   text-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
   display: block
}

.service-box-one h3 {
   position: relative;
   line-height: 1.6em;
   font-size: 16px;
   margin-bottom: 7px;
   color: #2a2a2a
}

.service-box-one .text {
   position: relative;
   line-height: 1.8em;
   padding: 0;
   color: #777
}

.service-box-one h3 a {
   position: relative;
   color: #2a2a2a;
   transition: all .3s ease;
   -moz-transition: all .3s ease;
   -webkit-transition: all .3s ease;
   -ms-transition: all .3s ease;
   -o-transition: all .3s ease
}

.skill {
   position: relative;
   margin-bottom: 30px
}

.skill li {
   font-size: 16px;
   font-weight: 400
}

.skill li.title {
   float: left
}

.skill li.strength {
   float: right
}

.skill .skill-progress {
   width: 100%;
   height: 5px;
   background: #f4f4f4
}

.skill-progress .progress-bar {
   -webkit-transition: all .4s;
   transition: all .4s
}

@media (max-width:992px) {
   .skills {
      margin-top: 30px
   }
}

.facts {
   position: relative;
   overflow: hidden
}

.fact-box {
   position: relative;
   margin-top: 30px
}

.fact-box .inner {
   position: relative;
   padding: 50px 15px 30px;
   max-width: 250px;
   margin: 0 auto;
   text-align: center;
   border: 2px solid rgba(255, 255, 255, .5);
   border-radius: 0 0 5px 5px;
   border-top: none
}

.fact-box .inner:before {
   position: absolute;
   right: 0;
   width: 60px
}

.fact-box .inner:after {
   position: absolute;
   left: 0;
   width: 60px
}

.fact-box .icon-box {
   position: absolute;
   left: 50%;
   top: -30px;
   margin-left: -30px;
   width: 60px;
   height: 60px;
   line-height: 60px;
   font-size: 42px
}

.count-outer,
.fact-box .content,
.fact-box .counter-title,
.screenshots .all-outer {
   position: relative
}

.count-outer {
   font-size: 42px;
   line-height: 1.4em;
   font-weight: 700;
   color: #fff;
   margin-bottom: 7px
}

.count-outer .count-text {
   font-weight: 700
}

.fact-box .counter-title {
   font-size: 13px;
   line-height: 30px;
   font-weight: 400;
   color: #fff
}

@media (max-width:992px) {
   .fact-box-sm {
      margin-top: 60px !important
   }
}

@media (max-width:767px) {
   .fact-box-xs {
      margin-top: 60px !important
   }

   .main-footer .footer-bottom {
      padding: 18px 0 60px !important
   }

   .padding-bottom-small {
      padding-bottom: 20px !important
   }

   .padding-top-small {
      padding-top: 20px !important
   }
}

.detailed-features img {
   width: 100%
}

.detailed-features .more-btn {
   color: #fff
}

.detailed-features .more-btn .btn-icon {
   transform: translateX(5px)
}

.detailed-features .more-btn:hover .btn-icon {
   transform: translateX(10px)
}

style.css:1477 .detailed-features .more-btn span {
   -webkit-transition: all .3s;
   transition: all .3s
}

.screenshots .owl-carousel .owl-stage {
   overflow: hidden
}

.screenshots .owl-carousel .owl-item {
   float: left;
   -webkit-transform: scale(.52, .5);
   transform: scale(.52, .5);
   opacity: .6;
   -webkit-transition: all .3s ease;
   transition: all .3s ease
}

.screenshots .owl-carousel .owl-item a {
   display: block;
   padding: 2px
}

.screenshots .owl-carousel .owl-item a img {
   border: 1px solid #eee;
   box-sizing: border-box
}

.screenshots .owl-carousel .active.center {
   opacity: 1;
   -webkit-transform: scale(.62, .6);
   transform: scale(.62, .6);
   top: 0;
   position: relative;
   z-index: 15;
   left: -2px
}

.screenshots .owl-carousel .owl-dots {
   margin-top: -30px !important
}

.screenshots .owl-carousel .owl-dots .active,
.screenshots .owl-carousel .owl-dots .owl-dot span {
   width: 15px;
   height: 15px;
   border-radius: 50%;
   display: inline-block;
   margin: 0 5px 0 0;
   cursor: pointer;
   opacity: .3
}

.screenshots .owl-carousel .owl-dots .active,
.screenshots .owl-carousel .owl-dots .owl-dot:hover {
   opacity: 1
}

.screenshots .container .image-mock img {
   position: absolute;
   top: 75px;
   left: 50%;
   transform: translateX(-50%);
   z-index: -1
}

.img-responsive,
.screenshots .carousel-inner>.item>a>img,
.screenshots .carousel-inner>.item>img,
.thumbnail a>img,
.thumbnail>img {
   margin: 0 auto
}

.screenshots .owl-next,
.screenshots .owl-prev {
   position: absolute;
   width: 40px;
   height: 40px;
   line-height: 40px;
   top: 50%;
   cursor: pointer;
   transform: translateY(-50%);
   color: #fff;
   border-radius: 50%;
   -webkit-transition: all .3s;
   transition: all .3s
}

.screenshots .owl-prev {
   left: 30px
}

.screenshots .owl-next {
   right: 30px
}

@media (max-width:1200px) {
   .screenshots .owl-carousel .active.center {
      -webkit-transform: scale(.75, .73);
      transform: scale(.75, .73)
   }

   .screenshots .container .image-mock img {
      top: 18px
   }

   .screenshots .owl-carousel .owl-dots {
      margin-top: 25px !important
   }
}

@media (max-width:992px) {
   .owl-carousel .owl-item img {
      width: 43% !important
   }

   .screenshots .container .image-mock img {
      top: 10px
   }
}

@media (max-width:767px) {
   .screenshots .container .image-mock img {
      display: none
   }

   .screenshots .owl-carousel .owl-item,
   .screenshots .owl-carousel .owl-item.active {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
      padding: 0 25px 15px
   }

   .screenshots .owl-carousel .active img {
      margin-left: auto;
      margin-right: auto
   }

   .screenshots .owl-carousel .owl-dots {
      margin-top: -10px
   }
}

.download .download-btn {
   border: 1px solid #fff;
   border-radius: 100px;
   color: #fff;
   display: inline-block;
   margin: 5px 5px 0 0;
   padding: 12px 30px;
   transition: all .3s
}

.download .download-btn:hover {
   background: #fff
}

.download .download-btn i {
   margin-right: 10px;
   font-size: 18px
}

.video-2 {
   position: relative;
   color: #fff
}

.video-2 .has-line-center:after {
   background-color: #fff !important
}

.video-2 .video-2-icon {
   width: 100px;
   height: 100px;
   border: 2px dashed #fff;
   padding-left: 10px;
   cursor: pointer;
   margin: 45px auto;
   line-height: 100px;
   border-radius: 50%;
   font-size: 40px;
   transition: all .3s;
   -webkit-transition: all .3s
}

.waves-block {
   position: absolute;
   width: 24rem;
   left: 50%;
   top: 40%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   z-index: 2
}

.waves-block .waves {
   position: absolute;
   width: 384px;
   width: 24rem;
   height: 384px;
   height: 24rem;
   background: rgba(255, 255, 255, .2);
   opacity: 0;
   border-radius: 320px;
   background-clip: padding-box;
   -webkit-animation: waves 3s ease-in-out infinite;
   animation: waves 3s ease-in-out infinite
}

.how-box-one,
.how-box-one .text,
.how-box-one h3,
.how-box-one h3 a,
.what-we-do .outer {
   position: relative
}

.waves-block .wave-1 {
   -webkit-animation-delay: 0s;
   animation-delay: 0s
}

.waves-block .wave-2 {
   -webkit-animation-delay: 1s;
   animation-delay: 1s
}

.waves-block .wave-3 {
   -webkit-animation-delay: 2s;
   animation-delay: 2s
}

@-webkit-keyframes waves {
   0% {
      -webkit-transform: scale(.2, .2);
      transform: scale(.2, .2);
      opacity: 0
   }

   50% {
      opacity: .9
   }

   100% {
      -webkit-transform: scale(.9, .9);
      transform: scale(.9, .9);
      opacity: 0
   }
}

@keyframes waves {
   0% {
      -webkit-transform: scale(.2, .2);
      transform: scale(.2, .2);
      opacity: 0
   }

   50% {
      opacity: .9
   }

   100% {
      -webkit-transform: scale(.9, .9);
      transform: scale(.9, .9);
      opacity: 0
   }
}

.how-box-one {
   padding: 40px 20px;
   transition: all .3s
}

@media (max-width:991px) {
   .how-box-one:after {
      display: none
   }

   .navbar-collapse.collapse {
      background: rgba(240, 240, 240, .98)
   }

   .logo img {
      max-width: 150px !important
   }

   #home {
      padding-top: 50px;
      padding-bottom: 50px
   }
}

.how-box-one .icon-box {
   position: relative;
   font-size: 32px;
   width: 80px;
   height: 80px;
   border: 1px solid;
   line-height: 80px;
   border-radius: 50%;
   margin: 0 auto 20px;
   transition: all .3s ease;
   -moz-transition: all .3s ease;
   -webkit-transition: all .3s ease;
   -ms-transition: all .3s ease;
   -o-transition: all .3s ease;
   box-shadow: 0 0 0 #fff;
   display: inline-block
}

.how-box-one h3 {
   line-height: 1.6em;
   font-size: 16px;
   margin-bottom: 7px;
   color: #2a2a2a;
   clear: both;
   display: block
}

.how-box-one .text {
   line-height: 1.3em;
   padding: 0;
   color: #444
}

.how-box-one h3 a {
   color: #333;
   font-size: 18px
}

.what-we-do .outer .inner-circle {
   position: absolute;
   left: 50%;
   margin-left: -150px;
   top: 50%;
   margin-top: -150px;
   width: 300px;
   height: 300px;
   border: 0 dashed #d0d0d0;
   line-height: 300px;
   text-align: center;
   border-radius: 50%;
   z-index: 2;
   background-size: contain
}

.what-we-do .outer .phone {
   position: absolute;
   width: 100%;
   left: 50%;
   top: -95px;
   transform: translateX(-50.5%)
}

.what-we-do .outer:after {
   content: '';
   background: url(../img/particle-network-min-2.png);
   background-size: contain;
   position: absolute;
   left: 50%;
   margin-left: -200px;
   top: 50%;
   margin-top: -200px;
   width: 400px;
   height: 400px;
   border: 1px solid #f5f5f5;
   border-radius: 50%;
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%)
}

.what-we-do .outer .service-box-four:first-child,
.what-we-do .outer .service-box-three:first-child {
   margin-top: 15px
}

.what-we-do .outer .header-wraperumn {
   float: right
}

.service-box-three {
   position: relative;
   margin-bottom: 30px;
   z-index: 1
}

.what-we-do .outer .service-box-three {
   margin-bottom: 10px
}

.what-we-do .outer .service-box-three:last-child {
   margin-bottom: 0;
   top: 0
}

.service-box-three .inner-box {
   position: relative;
   display: block;
   text-align: right;
   padding-right: 90px;
   min-height: 100px;
   padding-left: 10px;
   border-radius: 4px;
   border: 1px solid #e0e0e0
}

.service-box-three .icon-box {
   position: absolute;
   right: 10px;
   top: 17px;
   width: 65px;
   height: 65px;
   text-align: center;
   line-height: 65px;
   background: 0 0;
   font-size: 32px;
   transition: all .3s ease;
   -moz-transition: all .3s ease;
   -webkit-transition: all .3s ease;
   -ms-transition: all .3s ease;
   -o-transition: all .3s ease;
   border-radius: 50%;
   border: 1px solid #333;
   box-shadow: 0 0 0 #333
}

.service-box-three h3 {
   line-height: 1.2em;
   font-size: 14px;
   text-transform: uppercase;
   margin-bottom: 7px;
   font-weight: 700;
   position: relative;
   color: #000
}

.service-box-three .text {
   position: relative;
   line-height: 1.3em;
   font-size: 14px
}

.service-box-four {
   position: relative;
   margin-bottom: 30px;
   z-index: 1
}

.service-box-four .inner-box,
.service-box-three .inner-box {
   background: rgba(255, 255, 255, .8)
}

.what-we-do .outer .service-box-four {
   margin-bottom: 10px
}

.what-we-do .outer .service-box-four:last-child {
   margin-bottom: 0;
   top: 0
}

.service-box-four .inner-box {
   position: relative;
   display: block;
   text-align: left;
   padding-left: 90px;
   background: rgba(0, 0, 0, 0);
   min-height: 100px;
   padding-right: 10px;
   border-radius: 4px;
   border: 1px solid #e0e0e0
}

.service-box-four .icon-box {
   position: absolute;
   left: 10px;
   top: 17px;
   width: 65px;
   height: 65px;
   text-align: center;
   line-height: 65px;
   color: #ed1c24;
   background: 0 0;
   font-size: 32px;
   transition: all .3s ease;
   -moz-transition: all .3s ease;
   -webkit-transition: all .3s ease;
   -ms-transition: all .3s ease;
   -o-transition: all .3s ease;
   border-radius: 50%;
   border: 1px solid #333;
   box-shadow: 0 0 0 #333
}

.service-box-four h3 {
   line-height: 1.2em;
   font-size: 14px;
   text-transform: uppercase;
   margin-bottom: 7px;
   font-weight: 700;
   position: relative;
   color: #000
}

.service-box-four:hover .has-gradient div,
.service-box-four:hover .icon-box,
.service-box-four:hover .icon-box span,
.service-box-four:hover div.text,
.service-box-four:hover h3,
.service-box-three:hover .has-gradient div,
.service-box-three:hover .icon-box,
.service-box-three:hover .icon-box span,
.service-box-three:hover div.text,
.service-box-three:hover h3 {
   color: #fff
}

.service-box-four .text {
   position: relative;
   line-height: 1.3em;
   font-size: 14px
}

.service-box-four .inner-box:hover,
.service-box-three .inner-box:hover {
   background: #ed1c24;
   border-radius: 4px;
   cursor: pointer;
   border: 1px solid #ed1c24
}

.service-box-four:hover .icon-box,
.service-box-three:hover .icon-box {
   box-shadow: 0 0 0 #6bc61e;
   -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   -o-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   transform: rotate(360deg);
   border: 1px solid #fff
}

@media (min-width:1200px) {
   .outer .right-column {
      margin-left: 33.3%
   }
}

@media only screen and (max-width:1200px) {
   .what-we-do .outer .inner-circle {
      display: none
   }

   .what-we-do .outer .service-box-four:first-child,
   .what-we-do .outer .service-box-four:last-child,
   .what-we-do .outer .service-box-three:first-child,
   .what-we-do .outer .service-box-three:last-child {
      left: 0;
      top: 0;
      right: 0;
      bottom: 0
   }
}

@media only screen and (max-width:767px) {
   .what-we-do .outer:after {
      display: none
   }

   .what-we-do .outer .service-box-four,
   .what-we-do .outer .service-box-three {
      padding: 0 20px
   }

   .what-we-do .outer .service-box-four,
   .what-we-do .outer .service-box-four:last-child,
   .what-we-do .outer .service-box-three,
   .what-we-do .outer .service-box-three:last-child {
      margin-bottom: 50px
   }

   .service-box-four .inner-box,
   .service-box-three .inner-box {
      padding-left: 0;
      padding-right: 0;
      text-align: center
   }

   .service-box-four .icon-box,
   .service-box-three .icon-box {
      position: relative;
      display: block;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      margin: 0 auto 30px
   }
}

.testimonials-style-two .testimonial-item {
   position: relative;
   text-align: center;
   padding: 0;
   margin-bottom: 30px
}

.testimonials-style-two .testimonial-item .inner-box {
   position: relative;
   margin: 0 auto;
   background: rgba(213, 213, 213, .2);
   padding: 30px 20px 20px;
   border-radius: 4px;
   min-height: 370px;
   font-size: 13px;
   color: #ccc;
   line-height: 20px;
   overflow: hidden
}

.testimonials-style-two .inner-box .about-team {
   position: absolute;
   top: 100%;
   right: 0;
   bottom: 0;
   left: 0;
   padding: 0;
   border-radius: 4px;
   overflow: hidden;
   opacity: 0;
   -moz-transition: top .3s, right .3s, bottom .3s, left .3s;
   -webkit-transition: top .3s, right .3s, bottom .3s, left .3s;
   transition: top .3s, right .3s, bottom .3s, left .3s
}

.testimonials-style-two .inner-box:hover .about-team {
   top: 0;
   background: Rgba(0, 0, 0, .8);
   display: block;
   height: 100%;
   opacity: 1
}

.testimonials-style-two .inner-box:hover .about-team .about-inner {
   display: block;
   vertical-align: middle;
   padding: 20px
}

.testimonials-style-two .testimonial-item .inner-box:hover .info {
   color: #fff
}

.testimonials-style-two .testimonial-item .author-thumb {
   position: relative;
   margin: 0 auto 15px
}

.testimonials-style-two .testimonial-item .author-thumb img {
   padding: 10px;
   max-width: 200px
}

.testimonials-style-two .testimonial-item .text {
   position: relative;
   line-height: 1.8em;
   margin: 0 auto
}

.testimonials-style-two .testimonial-item .info {
   font-size: 15px;
   font-weight: 700;
   color: #333;
   text-transform: uppercase;
   line-height: 26px;
   margin-bottom: 10px;
   min-height: 52px
}

.testimonials-style-two .testimonial-item .info .designation {
   font-size: 14px;
   font-weight: 400
}

.testimonials-style-two .testimonial-item .quote-icon {
   position: relative;
   font-size: 24px;
   line-height: 1em;
   color: #e9e9e9
}

@media (max-width:992px) {
   .item-box-sm {
      margin-top: 30px !important
   }
}

@media (max-width:767px) {
   .item-box-xs {
      margin-top: 30px !important
   }
}

.pricing-table {
   text-align: center;
   background: #fff;
   padding-bottom: 40px;
   border-radius: 10px;
   margin-top: 20px;
   border: 1px solid #ccc;
   transition: all .3s ease .3s
}

.pricing-table .pricing-table-header {
   padding: 40px 0;
   background: #f8f8f8;
   border-radius: 10px 10px 30px 30px;
   transition: all .5s ease 0s
}

.pricing-table .pricing-table-header i {
   font-size: 50px;
   color: #858c9a;
   margin-bottom: 10px;
   transition: all .5s ease 0s
}

.pricing-table .price-value {
   font-size: 35px;
   transition: all .5s ease 0s
}

.pricing-table .month {
   display: block;
   font-size: 14px;
   color: #888
}

.pricing-table:hover .month,
.pricing-table:hover .price-value,
.pricing-table:hover .pricing-table-header i {
   color: #fff !important
}

.pricing-table .heading {
   margin: 30px 0 20px;
   font-size: 22px;
   text-transform: uppercase
}

.pricing-table .pricing-content ul {
   list-style: none;
   padding: 0;
   margin-bottom: 30px
}

.pricing-table .pricing-content ul li {
   line-height: 30px;
   color: #a7a8aa
}

.pricing-table .pricing-table-signup a {
   display: inline-block;
   font-size: 15px;
   color: #fff;
   padding: 10px 35px;
   border-radius: 20px;
   text-transform: uppercase;
   transition: all .3s ease 0s
}

@media screen and (max-width:991px) {
   .pricing-table {
      margin: 0 0 30px
   }
}

.subscribe-newsletter .has-line-center:after {
   background: #fff !important
}

.subscribe-newsletter form {
   display: inline-block;
   width: 66%;
   margin-top: 10px;
   position: relative
}

@media (max-width:767px) {

   .subscribe-newsletter form,
   .subscribe-newsletter p {
      width: 90%
   }
}

@media (max-width:480px) {
   .subscribe-newsletter form .more-btn {
      padding: 12px 15px
   }
}

.subscribe-newsletter form input[type=text] {
   float: left;
   width: 100%;
   background: #fff;
   height: 64px;
   color: #333;
   border-radius: 100px;
   border: 1px solid;
   padding-left: 25px
}

.testimonial-item .social-links li a,
.testimonial-item .social-links li a:hover {
   border-radius: 50%;
   background: #ed1c24;
   color: #fff
}

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

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

:-moz-placeholder {
   color: #ccc;
   opacity: 1
}

.subscribe-newsletter form label {
   position: absolute;
   right: 0;
   top: 0;
   height: 100%
}

.subscribe-newsletter form .more-btn {
   right: 10px;
   top: 8px;
   color: #fff
}

.subscribe-newsletter form .more-btn:hover {
   background: #7a52b5
}

.main-footer {
   position: relative;
   background: #2b2b2b;
   clear: both;
   border-top: 1px solid #333
}

.main-footer .has-line-center:after {
   width: 30px
}

.main-footer h3 {
   color: #fff;
   margin: 15px 0;
   text-transform: uppercase;
   font-size: 22px
}

.main-footer .about-widget .text,
.main-footer .newsletter-widget .text {
   margin-bottom: 10px;
   line-height: 1.5em;
   position: relative
}

.main-footer .widgets-section {
   position: relative;
   color: #bbb;
   border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.main-footer .footer-widget {
   position: relative
}

.main-footer .footer-widget.last {
   border-right: 0 solid rgba(255, 255, 255, .05)
}

.main-footer .newsletter-widget .text {
   font-size: 14px
}

.main-footer .about-widget .social-links,
.social-links {
   position: relative;
   padding: 0
}

.main-footer .about-widget .social-links li,
.social-links li {
   position: relative;
   display: inline-block;
   margin: 0 2px 0 0
}

.main-footer .about-widget .social-links li a,
.social-links li a {
   position: relative;
   display: block;
   line-height: 38px;
   width: 38px;
   height: 38px;
   text-align: center;
   font-size: 13px;
   background: rgba(255, 255, 255, .05);
   color: #bbb;
   -webkit-transition: all .5s ease;
   -ms-transition: all .5s ease;
   transition: all .5s ease
}

.main-footer .about-widget .social-links li a:hover,
.social-links li a:hover {
   color: #fff
}

.main-footer .about-widget .contact-info {
   margin-bottom: 30px
}

.main-footer .contact-info li {
   position: relative;
   display: block;
   margin-bottom: 7px;
   line-height: 24px
}

.main-footer .contact-info li .icon {
   position: relative;
   font-size: 32px;
   margin: 0 auto 20px;
   line-height: 36px
}

.main-footer .contact-info li:last-child {
   margin-bottom: 0
}

.main-footer .footer-bottom {
   position: relative;
   padding: 18px 0;
   color: #ccc;
   background: rgba(0, 0, 0, 1);
   line-height: 24px
}

.main-footer .newsletter-widget {
   position: relative
}

.main-footer .newsletter-widget .form-group {
   position: relative;
   margin: 0
}

.main-footer .newsletter-widget input[type=email] {
   display: block;
   width: 100%;
   line-height: 24px;
   padding: 10px 40px 10px 25px;
   height: 48px;
   font-size: 14px;
   color: #fff;
   border: 1px solid rgba(255, 255, 255, .2);
   background: 0 0;
   border-radius: 24px;
   -webkit-transition: all .5s ease;
   -ms-transition: all .5s ease;
   transition: all .5s ease
}

.main-footer .newsletter-widget .send-btn {
   position: absolute;
   right: 10px;
   top: 0;
   width: 50px;
   height: 48px;
   line-height: 48px;
   text-align: center;
   color: rgba(255, 255, 255, .5);
   font-size: 16px;
   background: 0 0;
   cursor: pointer
}

.main-footer .links-widget .list li {
   position: relative;
   margin-bottom: 12px
}

.main-footer .links-widget .list li a {
   position: relative;
   display: block;
   line-height: 24px;
   padding: 0 0 0 25px;
   color: #aaa;
   text-transform: capitalize
}

.preloader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 9999
}

.loader {
   width: 140px;
   height: 140px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%)
}

.loader .loader-inner {
   width: 80px;
   height: 80px;
   border: 4px solid #fff;
   top: 22%;
   margin: auto;
   position: relative;
   -webkit-animation: loading-2 3s infinite linear;
   animation: loading-2 3s infinite linear
}

.loader .loader-inner:before {
   content: "";
   width: 60px;
   height: 60px;
   border: 4px solid #fff;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -webkit-animation: loading-1 1.5s infinite ease;
   animation: loading-1 1.5s infinite ease
}

.footer-menu li a {
   color: #ccc;
   border-bottom: 1px solid #444;
   display: block;
   line-height: 28px !important;
   padding-left: 15px;
   font-size: 14px;
   position: relative
}

.footer-menu li a::before {
   position: absolute;
   width: 0;
   height: 0;
   background-color: transparent;
   top: 6px;
   left: 2px;
   content: "\f0da" !important;
   font: normal normal normal 14px/1 FontAwesome;
   color: red
}

@-webkit-keyframes loading-1 {
   50% {
      border-width: 30px
   }
}

@keyframes loading-1 {
   50% {
      border-width: 30px
   }
}

@-webkit-keyframes loading-2 {
   100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
   }
}

@keyframes loading-2 {
   100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
   }
}

.blog-style-two .inner-box:hover .content-box .date,
.blog-style-two .inner-box:hover .post-meta li a,
.download .download-btn:hover,
.features .service-box-one .inner-box strong,
.how-box-one .icon-box,
.how-box-one:hover h3 a,
.main-footer .contact-info li .icon,
.pricing-table .heading,
.pricing-table .price-value,
.s-list span.fa,
.service-box-four:hover .icon-box,
.service-box-one .icon-box,
.service-box-one .inner-box strong,
.service-box-three:hover .icon-box,
.video-2 .video-2-icon:hover,
nav.main-navigation .navbar-brand i,
nav.main-navigation .navbar-nav a:hover {
   color: #333 !important
}

.about .download-btn,
.accordion-box .block .acc-btn.active .icon-outer,
.detailed-features .more-btn,
.has-line-center::after,
.has-line::after,
.main-footer .about-widget .social-links li a:hover,
.preloader,
.pricing-table .pricing-table-signup a,
.pricing-table:hover .pricing-table-header,
.screenshots .owl-carousel .owl-dots .active,
.screenshots .owl-carousel .owl-dots .owl-dot span,
.screenshots .owl-next,
.screenshots .owl-prev,
.subscribe-newsletter form .more-btn,
nav.main-navigation .navbar-nav .btn,
nav.main-navigation .navbar-toggle {
   background: #e32225 !important
}

.about .download-btn:hover,
.blog-style-two .inner-box:hover .content-box .date,
.how-box-one .icon-box,
.main-footer .newsletter-widget input:focus,
.main-footer .newsletter-widget select:focus,
.subscribe-newsletter form input[type=text],
.testimonials-style-two .testimonial-item .author-thumb img,
.video-2 .video-2-icon:hover,
nav.main-navigation .navbar-nav .btn,
nav.main-navigation .navbar-nav a.active,
nav.main-navigation .navbar-nav a:hover {
   border-color: #333 !important
}

.main-footer .newsletter-widget input:focus {
   border-color: #fff !important
}

nav.main-navigation .navbar-nav a.active,
nav.main-navigation .navbar-nav a:hover {
   border-color: #ed1c24 !important;
   color: #ed1c24 !important;
}

.how-box-one .icon-box span,
.screenshots .owl-next:hover,
.screenshots .owl-prev:hover,
.video .more-btn:hover {
   background: #233b88 !important
}

.has-gradient {
   background: 0 0
}

#roadmap .has-line-center::after {
   background: #fff !important
}

.pricing-table .pricing-table-signup a:hover {
   box-shadow: 0 0 10px #ed1c24
}

nav.main-navigation .navbar-nav .btn:hover {
   background: 0 0 !important;
   color: #333
}

.subscribe-banner form {
   position: relative
}

.subscribe-banner h3 {
   color: #fff
}

.subscribe-banner form input {
   float: left;
   width: 100%;
   background: #fff;
   height: 50px;
   color: #333;
   border-radius: 100px;
   border: 1px solid;
   padding-left: 25px
}

.subscribe-banner form label {
   position: absolute;
   right: 0
}

.subscribe-banner form label input {
   height: 40px;
   line-height: 15px;
   top: 5px;
   right: 5px;
   background-color: #ed1c24;
   color: #fff;
   padding-left: 12px;
   padding-right: 12px;
   font-size: 11px
}

.ico-start,
.subscribe-banner {
   background-color: transparent;
   width: 100%;
   float: left;
   background-color: rgba(255, 255, 255, .1);
   padding: 3px;
   border: 0 solid #fff
}

.ico-start h2,
.subscribe-banner h2 {
   width: 100%;
   text-align: center;
   margin: 0;
   color: #fff;
   padding-bottom: 3px;
   font-size: 3em
}

.screenshots-logo {
   padding: 0 0 100px
}

table thead tr {
   border-bottom: 0 solid #eee;
   background: #333
}

table tfoot tr {
   border-top: 0 solid #eee;
   background: rgba(0, 0, 0, .3)
}

table tfoot tr th,
table thead tr th {
   padding: 10px 12px;
   color: #fff;
   font-size: 12px;
   vertical-align: top
}

table tbody tr td {
   padding: 5px 12px;
   color: #333;
   font-size: 12px;
   vertical-align: top
}

table thead tr th {
   margin-bottom: 10px
}

table tr td {
   padding: 7px 12px
}

table tbody tr {
   background: rgba(0, 0, 0, .1)
}

table tbody tr:nth-child(2n+2) {
   background: rgba(0, 0, 0, .2)
}

.roadmap-section {
   padding-bottom: 0;
   background: url(../img/roadmap-min.png) fixed #000;
   background-size: contain
}

#roadmap h3,
#roadmap header h2,
#roadmap p {
   color: #fff !important
}

.roadmap-list {
   display: inline-block;
   width: 96%;
   padding-bottom: 80px
}

.roadmap-item {
   display: inline-block;
   width: 16.66667%;
   margin: 100px -4px 0 0;
   height: 3px;
   background: rgba(255, 255, 255, .3);
   position: relative
}

.roadmap-item.finished {
   background: #fff
}

.roadmap-item.finished:after {
   background-color: rgba(245, 245, 245);
   border: 2px solid rgba(255, 255, 255, .9)
}

.roadmap-item:after {
   width: 20px;
   background-color: #7BAAF7;
   list-style: none;
   border-radius: 50%;
   right: -9px;
   border: 2px solid rgba(255, 255, 255, .3);
   z-index: 9
}

.roadmap-item:after,
.roadmap-item:first-child:before {
   height: 20px;
   top: -8px;
   display: block;
   content: "";
   position: absolute
}

.roadmap-item:first-child:before {
   width: 5px;
   left: 0;
   border: 2px solid #fff;
   background-color: #fff
}

.roadmap-item:last-child:after {
   content: "\f061";
   top: -9px;
   position: absolute;
   right: -16px;
   border-radius: 0;
   color: rgba(255, 255, 255, .3);
   border: none;
   background-color: transparent;
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   text-rendering: auto;
   line-height: inherit;
   -webkit-font-smoothing: antialiased
}

.roadmap-item-top {
   bottom: 23px;
   font-weight: 700
}

.roadmap-item-bottom,
.roadmap-item-top {
   position: absolute;
   color: #fff;
   width: 100%;
   letter-spacing: .5px;
   line-height: 1.75;
   text-align: center
}

.roadmap-item-bottom {
   top: 16px;
   font-size: 12px
}

.home {
   #background-image: url(../img/bg.jpg);
   background-attachment: fixed;
   background-size: cover
}

@media (min-width:990px) {

   #home .container,
   nav .container {
      width: 99%
   }
}

ul.left-nav-main {
   background: rgba(0, 0, 0, .2);
   list-style: none;
   padding: 0
}

ul.left-nav-main li {
   border-bottom: 1px solid rgba(255, 255, 255, .2);
   margin-bottom: 0
}

ul.left-nav-main li a {
   display: block;
   padding: 15px 10px;
   cursor: pointer
}

ul.left-nav-main li a.act_tab {
   background: #0AA20A
}

ul.left-nav-main li:last-child {
   border-bottom: 0 solid rgba(255, 255, 255, .2)
}

#home.home-slider .item {
   display: none !important
}

#home.home-slider .item.act {
   display: block !important
}

.panel-title {
   display: block
}

.styled-input {
   position: relative
}

.styled-input label {
   font-weight: 800;
   padding: 1rem;
   position: absolute;
   -webkit-transition: all .25s cubic-bezier(.2, 0, .03, 1);
   -o-transition: all .25s cubic-bezier(.2, 0, .03, 1);
   -moz-transition: all .25s cubic-bezier(.2, 0, .03, 1);
   transition: all .25s cubic-bezier(.2, 0, .03, 1);
   pointer-events: none;
   top: 15px;
   left: 6px;
   line-height: normal;
   font-size: 14px;
   color: #FFF;
   mix-blend-mode: normal;
   opacity: .7
}

.styled-input input:focus~label,
.styled-input input:valid~label,
.styled-input textarea:focus~label,
.styled-input textarea:valid~label {
   font-size: .8em;
   color: #fff;
   opacity: .7;
   top: -2.25rem;
   -webkit-transition: all 125ms cubic-bezier(.2, 0, .03, 1);
   -o-transition: all 125ms cubic-bezier(.2, 0, .03, 1);
   -moz-transition: all 125ms cubic-bezier(.2, 0, .03, 1);
   transition: all 125ms cubic-bezier(.2, 0, .03, 1)
}

@media (min-width:991px) and (max-width:1130px) {

   nav.main-navigation .navbar-nav a,
   nav.main-navigation .navbar-nav a.active {
      padding: 25px 10px;
      font-size: 13px
   }
}

@media (max-width:991px) {

   .header-1 .header-1-content,
   .roadmap-item {
      display: block
   }

   .roadmap-list {
      padding-bottom: 18px;
      margin: 0 auto !important
   }

   .roadmap-item {
      width: 2px;
      margin: 0 auto;
      height: 110px;
      position: relative
   }

   .roadmap-item:after {
      top: auto;
      bottom: -8px
   }

   .roadmap-item-top {
      width: 140px;
      padding-left: 18px;
      text-align: left;
      top: 33px;
      font-size: 14px
   }

   .roadmap-item-bottom {
      font-size: 13px;
      line-height: 1.6;
      top: 36px;
      padding-right: 16px;
      right: 50%;
      width: 140px;
      text-align: right
   }

   .roadmap-item:first-child:before {
      height: 5px;
      width: 20px;
      top: 0;
      left: -9px
   }

   .roadmap-item:last-child:after {
      top: auto;
      bottom: -6px;
      left: -8px;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg)
   }

   #home {
      height: auto !important;
      padding-top: 85px;
      background-size: cover
   }

   .lead {
      font-size: 1em
   }

   .unstyled li {
      font-size: 12px
   }

   .ico-start {
      margin: 20px 0
   }

   .subscribe-banner {
      margin-bottom: 30px
   }

   .navbar-header {
      float: none !important
   }

   .navbar-toggle {
      display: block;
      float: right
   }

   .navbar-nav>li,
   .navbar-right {
      float: none !important
   }

   .navbar-collapse.collapse {
      display: none !important
   }

   .navbar-collapse.collapse.in {
      display: block !important
   }

   .header-1 .header-1-content {
      margin-top: 2vh
   }

   nav.main-navigation .navbar-nav a,
   nav.main-navigation .navbar-nav a.active {
      padding: 0
   }

   .navbar-nav>li ul.sub-nav {
      list-style: none;
      margin: 0;
      padding: 0;
      left: 0
   }

   .navbar-nav>li ul.sub-nav li a {
      padding: 6px 15px !important;
      display: block
   }
}

#counbtdown span,
.banner-logo,
.banner-logo h1,
.banner-logo h2,
.buttons-box,
.panel-heading .right-arrow,
.single-buttons-box,
.video-section.countdwn {
   text-align: center
}

.panel-default,
.panel-default>.panel-heading {
   border-color: transparent;
   background-color: transparent
}

#counbtdown {
   margin: 0 0 0 15px !important
}

.countdown-title {
   color: #fff;
   line-height: 50px;
   margin-top: 2px !important
}

#counbtdown span {
   display: inline-block;
   padding: 0;
   width: 50px;
   height: 50px;
   background: rgba(0, 0, 0, .4);
   border-radius: 5px;
   margin: 0 2px;
   font-size: 24px;
   color: #fff
}

#counbtdown small {
   display: block;
   font-size: 10px
}

.panel-body {
   padding: 7px 0 0
}

#counbtdown,
.countdown-title,
.more-btn.slider {
   display: inline-block;
   float: left;
   margin: 0
}

.ico-start {
   padding: 5px 5px 5px 15px;
   border-radius: 4px;
   display: inline-flex;
   width: auto;
   float: none
}

.video-section.countdwn {
   clear: both;
   margin-top: 10px
}

.panel-default>.panel-heading h4 {
   padding-left: 0;
   padding-top: 2px;
   padding-bottom: 0;
   margin: 10px 0
}

.panel-default>.panel-heading h4::before {
   width: 22px;
   font-size: 16px
}

.panel-default>.panel-heading {
   color: #333;
   padding: 0
}

.panel-default {
   -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .1);
   box-shadow: 0 1px 1px rgba(255, 255, 255, .1);
   border-radius: 0 !important;
   margin-top: 0 !important
}

.panel-title>a {
   font-size: 18px;
   line-height: 22px;
   color: #000
}

.panel-heading .right-arrow {
   font-size: 20px;
   width: 22px;
   height: 22px;
   background: #ed1c24;
   color: #fff;
   line-height: 20px;
   cursor: pointer
}

.more-btn.slider {
   margin-top: 2px;
   line-height: 44px;
   padding: 0 20px
}

@media (min-width:1367px) {

   #home .container,
   .container,
   nav .container {
      width: 1345px !important
   }

   .what-we-do .outer {
      max-width: 1350px !important;
      margin: auto
   }
}

.has-gradient div,
.has-gradient h2,
.has-gradient h3,
.has-gradient h4,
.has-gradient p,
.has-gradient span {
   color: #333
}

.has-gradient h3.countdown-title {
   color: #ccc !important
}

.riot-chat-icon {
   background-image: url(../img/riot.png);
   background-size: contain
}

.telegram-icon {
   background-image: url(../img/telegram.png);
   background-size: contain
}

.chartdiv {
   width: 100%;
   height: 500px;
   float: left
}

.wrap-fixed {
   position: fixed;
   bottom: 39px;
   width: 100%;
   z-index: 99
}

.wrap-fixed .container {
   position: relative
}

.wrap-fixed .container a.bt_join-telegram {
   display: inline-block;
   position: absolute;
   background: #ed1c24;
   color: #fff;
   padding: 10px 43px 10px 45px;
   border-radius: 10px 10px 0 0;
   right: 0
}

.wrap-fixed .container a i.fa-telegram {
   width: 30px;
   height: 30px;
   position: absolute;
   top: 6px;
   left: 8px;
   font-size: 30px
}

.wrap-fixed .container a i.bt_remove-tel {
   display: inline-block;
   position: absolute;
   width: 35px;
   height: 41px;
   top: 0;
   right: 0;
   line-height: 41px;
   text-align: center;
   border-left: 1px solid #4EA801;
   border-top-right-radius: 10px
}

.login-title,
.new-account,
.profile-img {
   display: block
}

.body-bg {
   height: 100%;
   width: 100%;
   position: fixed;
   z-index: -1
}

.body-bg:after {
   position: absolute;
   content: '';
   background-size: contain;
   top: -29%;
   left: -2%;
   width: 60%;
   height: 70%;
   background-repeat: no-repeat
}

.text-shadow {
   text-shadow: 0 0 4px #fff
}

.banner-logo h1,
.banner-logo h2 {
   display: block;
   margin: 20px auto 5px;
   font-weight: 300;
   color: #fff;
   font-size: 36px
}

.color-white {
   color: #fff !important
}

.banner-logo h2 {
   color: #ed1c24;
   margin: 0 auto 20px
}

.banner-logo h3 {
   font-size: 24px;
   letter-spacing: 1px;
   margin-bottom: 20px;
   text-transform: uppercase;
   line-height: 34px
}

.banner-logo p {
   font-size: 15px
}

.nopadding {
   padding: 0 !important
}

.single-buttons-box a {
   border: 2px solid #ed1c24;
   padding: 7px 20px;
   font-size: 18px;
   display: inline-block;
   color: #fff;
   border-radius: 40px;
   margin: 7px 0;
   max-width: 458px;
   background: #ed1c24;
   box-shadow: 0 0 0 #fff
}

.single-buttons-box a:hover {
   border: 2px solid #ed1c24;
   color: #ed1c24;
   background: 0 0
}

.buttons-box a {
   border: 1px solid #fff;
   padding: 10px 20px;
   display: inline-block;
   color: #fff;
   border-radius: 4px;
   margin: 7px;
   min-width: 220px
}

.CoTrader-slogan,
.video-section {
   margin: 20px auto;
   max-width: 800px
}

.buttons-box a:hover {
   background: rgba(41, 74, 100, .5)
}

.CoTrader-slogan {
   background-color: #000;
   background: rgba(0, 0, 0, .2);
   padding: 15px 25px;
   text-align: left;
   border-radius: 4px
}

.CoTrader-slogan p.green {
   color: #ed1c24;
   font-size: 16px;
   text-align: center
}

.CoTrader-slogan p {
   font-size: 16px;
   text-align: center
}

.header-1 {
   height: auto
}

#home.home-slider video {
   border-radius: 4px;
   overflow: hidden
}

.how-box-one .inner-box {
   background: #eee;
   padding: 30px 20px;
   border-radius: 7px
}

.how-box-one:hover .icon-box {
   box-shadow: 0 0 0 #fff;
   -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   -o-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   transform: rotate(360deg)
}

.max-width-800 {
   max-width: 800px;
   margin: auto
}

ol,
ul {
   list-style: none !important
}

#tokens ol,
#tokens ul {
   text-align: center;
   clear: both;
   margin: 20px
}

a[title="JavaScript charts"] {
   display: none !important
}

.page-holder {
   padding-top: 72px
}

.is_admin.loged_in .page-holder {
   padding-top: 95px
}

@media (max-width:768px) {

   .service-box-four .inner-box,
   .service-box-three .inner-box {
      padding: 20px !important
   }

   .video-section.countdwn .ico-start {
      margin: 0
   }

   .main-footer .footer-widget {
      min-height: auto;
      border-right: 0 solid #fff1a
   }

   nav.main-navigation a {
      padding: 0 15px
   }
}

@media (max-width:640px) {

   #counbtdown,
   .countdown-title,
   .more-btn.slider {
      float: none !important
   }

   .ico-start {
      padding: 5px 15px 25px
   }

   .how-box-one {
      padding: 10px 20px
   }

   .service-box-four .inner-box,
   .service-box-three .inner-box {
      padding: 20px !important
   }

   .what-we-do .outer .service-box-four,
   .what-we-do .outer .service-box-three {
      margin-bottom: 20px !important
   }

   .body-bg::after {
      top: -15%;
      width: 100%
   }

   .body-bg::before {
      background-position: right bottom
   }

   #counbtdown span {
      width: 32px;
      border-radius: 3px;
      margin: 0 1px;
      font-size: 14px;
      height: 40px
   }

   .countdown-title {
      line-height: 40px;
      margin-top: 2px !important;
      font-size: 14px
   }

   .video-section.countdwn {
      height: auto
   }

   .video-section.countdwn .ico-start {
      padding: 3px;
      margin: 0
   }

   .banner-logo h3 {
      font-size: 16px;
      line-height: 22px
   }

   section {
      padding: 20px 0
   }
}

@media (max-width:380px) {
   .countdown-title {
      line-height: 14px;
      margin-top: 5px !important;
      font-size: 11px
   }

   #counbtdown {
      min-width: 140px
   }
}

.trade .main-inner {
   padding: 5px 5px 20px;
   background: rgba(0, 0, 0, .03);
   min-height: 800px;
   margin-bottom: 10px
}

.profile-box {
   padding: 20px;
   background: rgba(0, 0, 0, .03);
   text-align: center
}

.profile-box img.profile_pic {
   max-width: 100px;
   border-radius: 50%;
   border: 3px solid #5FA721
}

.nav-tabs {
   border-bottom: 0 solid #ddd
}

.nav-tabs>li a {
   text-transform: uppercase;
   font-weight: 600;
   background: rgba(0, 0, 0, .2);
   font-size: 12px
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
   background: #5FA721;
   color: #fff;
   border-color: #5FA721
}

#assetstradedChart,
#followersChart,
#followingChart {
   min-width: 280px;
   height: 450px;
   margin: 0 auto 10px;
   border: 1px solid rgba(255, 255, 255, .1)
}

.trade .tab-pane {
   min-height: 700px
}

.breadcrumb {
   background: 0 0;
   margin: 0;
   padding-right: 0;
   float: right
}

.breadcrumb a {
   font-size: 14px
}

.private_public,
.private_public:hover {
   padding: 0 5px;
   border-radius: 2px;
   cursor: pointer;
   color: #fff
}

.private,
.public {
   background: #ed1c24
}

.ui-dialog {
   max-width: 300px;
   background: #fff;
   padding: 20px;
   border-radius: 7px;
   position: absolute;
   left: calc(50% - 150px);
   top: calc(50% - 80px)
}

.ui-dialog-titlebar {
   background: #ed1c24;
   margin-top: -20px;
   margin-left: -20px;
   margin-right: -20px;
   line-height: 36px;
   padding: 0 20px;
   border-radius: 7px 7px 0 0
}

.dialog.confirm {
   color: #666;
   font-weight: 600;
   font-size: 12px;
   text-align: center;
   padding: 10px 0;
   max-height: 90px !important
}

.form-signin .checkbox,
.login-title {
   font-weight: 400
}

.ui-dialog-titlebar-close {
   right: 0;
   position: absolute;
   background: 0 0
}

.ui-dialog-titlebar-close span.ui-button-text {
   font-size: 0;
   width: 35px;
   height: 35px
}

.ui-dialog-titlebar-close span.ui-button-text:after {
   position: absolute;
   content: 'X';
   top: 0;
   right: 0;
   width: 35px;
   height: 35px;
   color: #fff;
   font-size: 16px
}

.ui-dialog-buttonset button {
   background: #ed1c24;
   color: #fff;
   border: 1px solid #ed1c24;
   padding: 5px 30px;
   border-radius: 3px;
   float: right
}

.ui-dialog-buttonset button+button {
   float: left;
   background: #ed1c24;
   border: 1px solid #ed1c24
}

.top-description {
   padding: 5px 12px;
   background: rgba(0, 0, 0, .2);
   margin-bottom: 2px;
   display: none
}

.logo img {
   max-width: 300px;
   margin-bottom: 30px
}

.form-signin {
   max-width: 350px;
   padding: 15px;
   margin: 0 auto
}

.form-signin .checkbox,
.form-signin .form-signin-heading {
   margin-bottom: 10px
}

.form-signin .form-control,
.form-signin .form-control:focus {
   position: relative;
   font-size: 14px;
   height: auto;
   padding: 10px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   background: 0 0 !important;
   border: none;
   border-bottom: 1px solid rgba(255, 255, 255, .5);
   border-radius: 0;
   box-shadow: none;
   color: #fff
}

.form-signin .form-control:focus {
   z-index: 2
}

.form-signin input[type=text] {
   margin-bottom: -1px;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0
}

.form-signin input[type=password] {
   margin-bottom: 10px;
   border-top-left-radius: 0;
   border-top-right-radius: 0
}

.account-wall {
   margin-top: 20px;
   padding: 40px 0 20px;
   background-color: rgba(255, 255, 255, .1)
}

.login-title {
   color: #555;
   font-size: 18px
}

.authModals .register,
.footer-btns li a,
.footer-btns li button,
.payment .payment-option span,
.register-steps li {
   text-transform: uppercase;
   font-weight: 600
}

.profile-img {
   width: 96px;
   height: 96px;
   margin: 0 auto 10px;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border-radius: 50%
}

.need-help,
.new-account {
   margin-top: 10px
}

.btn-block {
   border-radius: 0
}

a,
label {
   font-size: 13px
}

.authModals .modal-dialog {
   width: 380px
}

.authModals .modal-body {
   padding: 1px 20px
}

.authModals .account-wall {
   padding: 0 0 20px;
   box-shadow: none;
   background-color: transparent
}

.authModals .form-signin .form-control,
.authModals .form-signin .form-control:focus {
   border: none;
   border-bottom: 1px solid rgba(192, 192, 192, .5);
   color: #333
}

.authModals .prefix,
.authModals .prefix:focus,
.authModals .prefix:hover {
   padding-left: 0;
   line-height: 20px !important
}

.authModals .form-group {
   position: relative;
   padding-left: 30px
}

.authModals .fas.prefix_icon {
   font-size: 1.3em;
   color: #666;
   position: absolute;
   top: 10px;
   z-index: 9;
   left: 0
}

.authModals .register {
   text-align: center;
   font-size: 18px
}

.authModals .form-signin {
   padding: 0
}

.authModals .profile-img {
   border: 1px solid #bbb
}

.authModals button[type=submit] {
   padding: 10px 16px !important;
   font-size: 18px !important;
   line-height: 1.3333333 !important
}

.registration .form-signin {
   max-width: 100%;
   padding: 0;
   margin: 0
}

.registration .form-inner {
   padding: 20px
}

.content .content-inner {
   padding: 20px 0
}

.registration.account-wall {
   padding: 0;
   margin: 20px auto
}

.register-steps {
   padding: 0;
   margin: 0;
   background: rgba(255, 255, 255, .2);
   display: table;
   width: 100%
}

.register-steps li {
   display: table-cell;
   padding: 0 15px;
   text-align: center;
   position: relative;
   border-right: 1px solid rgba(255, 255, 255, .2);
   height: 50px;
   line-height: 50px
}

.register-steps li.active:after {
   position: absolute;
   content: '';
   right: -18px;
   top: 7px;
   z-index: 1;
   width: 36px;
   height: 36px;
   background: #5CB85C;
   -ms-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   border-top: 1px solid rgba(255, 255, 255, .5);
   border-right: 1px solid rgba(255, 255, 255, .5);
   display: none
}

.register-steps li.active {
   background: #5CB85C
}

.register-steps li.active:last-child:after,
.register-steps li:last-child {
   border: none !important
}

.register-steps li.active.last:after {
   display: none
}

.register-steps li:last-child {
   padding: 0 !important
}

.registration .form-signin .form-control,
.registration .form-signin .form-control:focus {
   border: 1px solid #e4e3e3
}

.registration select,
.registration select:focus {
   width: 100%;
   height: 42px;
   background: 0 0;
   border: 1px solid #e4e3e3;
   display: inline-flex;
   text-indent: 3px;
   font-size: 13px;
   color: #bbb;
   padding-right: 7px
}

.registration optgroup,
.registration option {
   background: #052d4d
}

.cotrader-help-info {
   margin-bottom: 5px
}

.cotrader-help a {
   width: 32px;
   height: 32px;
   display: none;
   border-radius: 50%;
   overflow: hidden;
   border: 1px solid #fff
}

.cotrader-help a img {
   width: 100%;
   opacity: .5
}

.cotrader-help a:hover img {
   width: 100%;
   opacity: 1
}

.footer-btns {
   padding: 0;
   margin: 0;
   background: rgba(0, 0, 0, .2);
   display: table;
   width: 100%
}

.footer-btns li {
   display: table-cell;
   padding: 0;
   height: 50px;
   line-height: 50px
}

.footer-btns li a,
.footer-btns li button {
   padding: 0 20px
}

.footer-btns li:last-child {
   text-align: right
}

.footer-btns li:first-child a {
   background: #337ab7;
   margin-right: 7px
}

.footer-btns li:last-child button {
   background: #5CB85C;
   line-height: 50px;
   border: 0;
   height: 49px;
   padding: 0 20px;
   border-radius: 0;
   font-size: 14px
}

.payment .payment_col {
   display: table;
   padding: 20px
}

.payment .payment-option {
   text-align: center;
   height: 180px;
   background: rgba(255, 255, 255, .8);
   border-radius: 7px;
   display: table-cell;
   width: 100%;
   vertical-align: middle;
   cursor: pointer
}

.payment .payment-option span {
   display: block;
   text-align: center;
   color: #333
}

.registration .alert-warning {
   color: #666;
   border-color: #e4e3e3;
   font-size: 16px;
   line-height: 22px
}

.box {
   border: 1px solid #e4e3e3
}

.box-header {
   line-height: 40px;
   background: #e4e3e3;
   padding: 3px 15px;
   font-size: 18px;
   position: relative
}

.box-header span {
   font-size: 12px;
   background: orange;
   line-height: 12px;
   padding: 5px;
   border-radius: 3px;
   position: absolute;
   right: 10px;
   top: 12px
}

.box-inner {
   padding: 20px;
   font-size: 17px;
   text-align: center;
   min-height: 160px
}

.box .box-btn {
   margin-bottom: 25px
}

.footer-bottom .container {
   display: flex;
   align-items: center;
   justify-content: center
}

.footer-bottom .container .logos {
   max-width: 600px
}

.copyright-text {
   color: rgba(255, 255, 255, .4);
   font-size: 13px;
   flex: 1
}

.copyright-text a {
   color: rgba(255, 255, 255, .6)
}

.copyright-text a:hover {
   color: rgba(255, 255, 255, .8)
}

.pub_300x250 {
   display: none
}

.testimonials-style-two .testimonial-item .author-thumb img {
   border: 2px dashed #4385F4 !important;
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%)
}

table thead td,
table thead th {
   padding: 10px !important
}

.top_admin_bar {
   background: #000;
   line-height: 32px;
   font-size: 13px
}

.top_admin_bar .fa {
   font-size: 16px
}

nav.main-navigation .top_admin_bar .navbar-nav li {
   padding: 0 12px;
   color: #fff
}

nav.main-navigation .top_admin_bar .dropdown-menu {
   background-color: #000
}

nav.main-navigation .top_admin_bar .navbar-nav a,
nav.main-navigation .top_admin_bar .navbar-nav a.active {
   color: #fff;
   padding: 0 !important;
   text-transform: unset;
   line-height: 32px;
   font-weight: 400
}

nav.main-navigation .top_admin_bar .navbar-nav a:hover {
   background: 0 0
}

nav.main-navigation .top_admin_bar .navbar-toggle {
   background: 0 0 !important;
   margin: 0 !important
}

.content .content-inner h1.page-title {
   font-size: 28px
}

.content .content-inner h2 {
   font-size: 22px
}

.content .content-inner h3 {
   font-size: 20px
}

.content .content-inner h4 {
   font-size: 18px
}

.recent_blogs {
   margin: 0;
   padding: 0
}

.recent_blogs li {
   overflow: hidden;
   border-bottom: 1px solid #eee;
   font-size: 18px;
   line-height: 22px;
   padding-bottom: 10px;
   margin-bottom: 10px
}

.recent_blogs li a.blog-image {
   float: left;
   max-width: 100px;
   margin-right: 10px
}

.recent_blogs li a {
   font-size: 16px;
   line-height: 18px
}

.recent_blogs li a:hover,
.blog-inner a:hover h1 {
   color: #EC2027;
}

.recent_blogs li img {
   max-width: 100%;
   border-radius: 10%;
   height: 55px;
   width: 75px;
}

.recent_blogs li span {
   display: inline-flex;
   width: calc(100% - 110px);
   flex-direction: column;
   gap: 1rem;
}

.recent_blogs li span .meta {
   font-size: 12px;
   font-style: italic
}

.blog-caption .meta em,
.recent_blogs li span .meta em {
   color: #ed1c24
}

.blog-sidebar {
   margin-top: 40px;
   padding: 7px 20px 20px;
   /* border: 1px solid #eaeaea */
}

.blog-sidebar .widget-title {
   padding-bottom: 10px;
   border-bottom: 3px solid #ed1c24;
   margin-bottom: 20px
}

.blogs .blog-inner {
   padding: 0;
   /* border: 1px solid #eee; */
   margin-bottom: 30px
}

.blogs .blog-inner .blog-image,
.blogs .blog-inner .blog-image img {
   width: 100%
}

/* 
.blogs .blog-inner .blog-caption {
   padding: 10px 20px
} */

.blogs .blog-inner h3.blog-title,
.blogs .blog-inner h3.blog-title a {
   display: block;
   font-size: 20px;
   margin-bottom: 3px
}

.blogs .blog-inner .blog-caption .desc {
   padding-top: 7px
}

.content.blogs {
   margin-bottom: 40px
}

.cotrader-help-info {
   display: none
}

.register-steps li.active {
   color: #fff !important
}

nav.main-navigation a:hover ul.dropdown {
   position: absolute;
   right: 0;
   top: 40px;
   width: 300px
}

.dropdown-menu.account-wall {
   min-width: 300px;
   padding: 0;
   margin: 3px auto !important;
   background: #F6F6F6
}

.dropdown-menu.account-wall .form-group {
   margin-bottom: 12px
}

.dropdown-menu.account-wall .form-group input {
   color: #333;
   border-bottom: 1px solid rgba(0, 0, 0, .1)
}

nav.main-navigation .navbar-nav .dropdown-menu.account-wall a {
   padding: 0;
   margin: 0;
   font-size: 13px;
   font-weight: 400;
   display: inline-block;
   text-transform: unset;
   line-height: 16px
}

.dropdown-menu.account-wall .checkbox {
   margin-top: 6px;
   margin-bottom: 5px;
   font-size: 13px
}

.dropdown-menu.account-wall .form-signin {
   padding: 10px
}

nav.main-navigation .navbar-nav .dropdown-menu.account-wall .btn-success.btn {
   padding: 10px;
   text-transform: uppercase;
   text-shadow: 0 1px 0 #149B25;
   color: #fff;
   box-shadow: 0 1px 1px rgba(0, 0, 0, .64);
   border-radius: 3px;
   border-color: #ed1c24 !important
}

nav.main-navigation .navbar-nav .dropdown-menu.account-wall .btn-success.btn:hover {
   text-shadow: 0 1px 0 #1D61D1;
   box-shadow: 0 1px 1px rgba(0, 0, 0, .64);
   border-color: #ed1c24 !important;
   background: #ed1c24 !important
}

.navbar-nav>li ul.sub-nav {
   min-width: 180px;
   margin-top: 0;
   background: #F6F6F6
}

.navbar-nav>li ul.sub-nav li a {
   padding: 5px 15px !important;
   display: block;
   border-bottom: 1px solid #eee !important
}

.full-page {
   width: 100%;
   display: table;
   background: url(../images/We-build-your-Wealth-in-Real-Estate-min.jpg) #000;
   padding: 0;
   background-size: cover
}

.video-play-btn a .fa-youtube-play {
   font-size: 100px;
   color: #ccc
}

.video-play-btn a:hover .fa-youtube-play {
   font-size: 100px;
   color: #e31e24
}

.z_index_99 {
   position: relative;
   z-index: 99
}

.cot-btn.light {
   background: 0 0;
   color: #fff;
   transition: all .1s;
   border: 1px solid #fff;
   border-radius: 4px;
   padding: 7px 30px
}

.cot-btn.light:hover {
   background: rgba(255, 255, 255, .1);
   border: 2px solid #ed1c24;
   color: #fff
}

#home .cot-btn.light {
   background: 0 0;
   color: #fff;
   transition: all .1s;
   border: 1px solid #fff;
   border-radius: 7px;
   padding: 10px 30px
}

#home .cot-btn.light:hover {
   background: #e31e24;
   border: 1px solid #e31e24;
   color: #fff
}

.cot-btn.light:active {
   -webkit-box-shadow: 0 2px 0 #ed1c24;
   -moz-box-shadow: 0 2px 0 #ed1c24;
   box-shadow: 0 2px 0 #ed1c24;
   position: relative;
   top: 5px
}

.cot-btn.dark {
   background: 0 0;
   color: #000;
   border: 2px solid #000;
   border-radius: 4px;
   padding: 7px 20px
}

.cot-btn.dark:hover {
   background: #ed1c24;
   border: 2px solid #ed1c24;
   color: #fff
}

.cot-btn.dark:active {
   -webkit-box-shadow: 0 2px 0 #ed1c24;
   -moz-box-shadow: 0 2px 0 #ed1c24;
   box-shadow: 0 2px 0 #ed1c24;
   position: relative;
   top: 5px
}

.modal-content {
   background-color: #fff;
   border-radius: 0
}

.modal-body,
.modal-header,
.modal-title {
   color: #333
}

.modal-body label {
   color: #333;
   font-weight: 500
}

.modal-body .form-control {
   border: 1px solid #ced4da;
   background-color: transparent;
   border-radius: 0;
   color: #333
}

.modal-body .input-group-addon {
   color: #ccc;
   background-color: transparent;
   border: 1px solid #666;
   border-radius: 0
}

.modal-header .close {
   opacity: .7;
   color: #333;
   position: absolute;
   right: 20px;
   top: 20px
}

.modal-body .more-btn {
   background: 0 0;
   border: 1px solid #fff
}

.modal-header {
   border-bottom: 1px solid #999
}

.modal-body hr {
   margin-top: 0;
   margin-bottom: 10px;
   border-top: 1px solid transparent
}

.authModals .modal-body hr {
   margin-top: 20px;
   margin-bottom: 20px;
   border-top: 1px solid #eee
}

.authModals .modal-body,
.authModals .modal-header,
.authModals .modal-title {
   color: #333
}

.modal-dialog {
   margin: 3% auto
}

.header-globe {
   position: absolute;
   width: 100%;
   bottom: 0;
   height: 50vh;
   overflow: hidden
}

.header-globe img {
   width: 100%;
   -webkit-animation-name: spin;
   -webkit-animation-duration: 50s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
   -moz-animation-name: spin;
   -moz-animation-duration: 50s;
   -moz-animation-iteration-count: infinite;
   -moz-animation-timing-function: linear;
   -ms-animation-name: spin;
   -ms-animation-duration: 50s;
   -ms-animation-iteration-count: infinite;
   -ms-animation-timing-function: linear;
   animation-name: spin;
   animation-duration: 50s;
   animation-iteration-count: infinite;
   animation-timing-function: linear
}

.btn-primary {
   color: #fff;
   background-color: #ed2324;
   border-color: #ed2324
}

.btn-primary:focus,
.btn-primary:hover {
   background-color: #000;
   border-color: #000
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio-inline label,
.has-error.radiolabel {
   color: #ed2324
}

body,
body.modal-open {
   padding-right: 0 !important;
   overflow: visible
}

.hero_banner {
   padding-top: 7% !important;
   padding-bottom: 5% !important;
   background-image: url(https://bolldpm.com/wp-content/uploads/2019/02/main-header-bg-min.jpg?id=33541) !important;
   background-position: center !important;
   background-repeat: no-repeat !important;
   background-size: cover !important
}

.hero_banner_inner {
   text-align: center;
   padding: 60px 20px
}

.hero_banner_inner p {
   color: #fff;
   font-weight: 600
}

.second-section {
   padding-left: 15px;
   margin-top: 0 !important;
   margin-bottom: 0 !important;
   padding-top: 20px !important;
   padding-bottom: 35px !important;
   background-color: #ed1c24 !important;
   text-align: center;
   padding-right: 15px
}

.fourth-section form,
.second-section form,
.section-six form {
   display: flex;
   max-width: 900px;
   margin: 20px auto 0
}

.search_form1 .vancouver-search1,
.search_form2 .vancouver-search1 {
   border-radius: 0 !important;
   padding: 0 20px !important;
   outline: 0 !important;
   position: relative !important;
   border: none !important;
   color: #000 !important;
   font-size: 16px;
   font-weight: 600;
   max-width: 100% !important;
   height: auto !important;
   margin: 0;
   width: 100%;
   margin-right: 20px !important
}

#geocomplete,
#geocomplete2 {
   background: url(https://bolldpm.com/wp-content/uploads/2017/07/map-icon.png) 10px 8px no-repeat #fff;
   padding: 0 20px 0 35px !important
}

.submit_bt.noo-button {
   color: #fff;
   background: #ed1c24;
   margin: 15px 0;
   text-transform: uppercase;
   text-align: center;
   padding: 15px 30px;
   min-width: 180px
}

.pg_content .submit_bt.noo-button {
   padding: 0 30px !important;
   border: 2px solid #000;
   margin: 0 !important
}

.pg_content .submit_bt.noo-button:hover,
.submit_bt.noo-button:hover {
   background: #000
}

.search_form1 .submit_bt,
.search_form2 .submit_bt {
   padding: 15px 30px;
   font-size: 16px;
   font-weight: 600
}

.third-section {
   margin: 0 !important;
   padding: 10px !important;
   background-color: #2a2a2a !important;
   overflow: hidden
}

.third-section .inner-column {
   margin-top: 10px !important;
   margin-bottom: 10px !important;
   display: inline-block
}

.fifth-section,
.section-seven,
.section-seven h2,
.section-six {
   margin-bottom: 0 !important
}

.third-section .vc_col-sm-2 {
   padding-right: 10px;
   padding-left: 10px
}

.third-section .inner-column .vc_figure {
   text-align: center
}

.third-section .inner-column .vc_figure img {
   max-width: 80%
}

.third-section p {
   padding-right: 30px
}

.fourth-section {
   padding-top: 35px !important;
   padding-bottom: 35px !important;
   background-color: #ed1c24 !important;
   padding-left: 15px;
   padding-right: 15px;
   overflow: hidden
}

.fifth-section {
   margin-top: 0 !important;
   padding-top: 0 !important;
   padding-bottom: 25px !important;
   background-color: #fff !important
}

.fifth-section .inner-colomns {
   display: inline-block;
   padding: 22px 40px 20px !important
}

.fifth-section .inner-colomns .left-text {
   float: left;
   width: 70%;
   padding-right: 25px
}

.fifth-section .inner-colomns .left-image {
   padding-right: 35px
}

.fifth-section .inner-colomns .vc_col-sm-4 {
   float: left
}

.fifth-section .inner-colomns h2 {
   margin-top: 0
}

.eight-section,
.section-seven,
.section-seven h2,
.section-six {
   margin-top: 0 !important
}

.fifth-section .left-image,
.fifth-section .right-image {
   position: relative
}

.fifth-section .left-image .vc_figure:before,
.fifth-section .right-image .vc_figure:before {
   position: absolute;
   content: "";
   width: 0;
   height: 0;
   border-top: 15px solid transparent;
   border-bottom: 15px solid transparent;
   border-right: 15px solid #ed1c24;
   right: 14px
}

.fifth-section .right-image .vc_figure:before {
   border-left: 15px solid #ed1c24;
   border-right: 0 !important;
   right: auto;
   left: -23px
}

.section-six {
   padding-top: 20px !important;
   padding-bottom: 35px !important;
   background-color: #191919 !important;
   padding-left: 15px;
   padding-right: 15px;
   overflow: hidden
}

.section-seven {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
   background-color: #d60010 !important
}

.section-seven .section-inner-text {
   padding-top: 25px !important;
   padding-bottom: 35px !important;
   width: 100%;
   display: inline-block
}

.section-seven h2 {
   padding-top: 50px !important;
   padding-bottom: 10px !important
}

.section-seven .section-inner-text .vc_col-sm-6>.vc_column-inner {
   box-sizing: border-box;
   padding-left: 15px;
   padding-right: 15px;
   width: 100%
}

.section-seven .section-inner-text .wpb_text_column {
   margin-bottom: 35px
}

.section-seven .section-inner-text .wpb_text_column .service-item.left,
.section-seven .section-inner-text .wpb_text_column .service-item.right {
   display: flex
}

.section-seven .service-item.left .service-text,
.section-seven .service-item.right .service-text {
   display: flex;
   vertical-align: middle;
   justify-content: center;
   flex-direction: column;
   text-align: right;
   flex: 1;
   color: #fff;
   padding-right: 15px
}

.section-seven .service-item.right .service-text {
   text-align: left !important;
   padding-left: 15px !important
}

.section-seven .service-item .service-img img {
   max-height: 60px
}

.section-seven .section-inner-text .vc_col-sm-6 {
   width: 50%;
   float: left
}

.eight-section {
   margin-bottom: 0 !important;
   padding-top: 20px !important;
   padding-bottom: 35px !important;
   background-color: #fff !important
}

.embed-responsive {
   margin: 20px 0
}

.page_content a {
   font-size: inherit;
   color: #ed1c24;
   font-weight: 600
}

.page_content {
   padding: 4rem
}

.page_content img {
   max-width: 100%
}

.footer-logos {
   margin: 0;
   padding: 0;
   display: flex
}

.footer-logos li {
   display: inline-block;
   padding: 0 5px 0 0 !important
}

.footer-logos li a {
   background: 0 0;
   border-radius: 3px
}

.footer-logos li a:hover {
   background: #fff
}

.noo-button {
   position: relative;
   background: #000;
   min-width: 150px;
   white-space: nowrap;
   box-sizing: border-box;
   color: #fff;
   display: inline-block;
   text-transform: uppercase;
   font-size: 14px;
   font-family: 'Exo 2', sans-serif;
   font-weight: 600;
   border: none;
   padding: 10px 30px;
   overflow: hidden;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -moz-osx-font-smoothing: grayscale;
   -webkit-transition-property: color;
   transition-property: color;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-border-radius: 0;
   border-radius: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   -webkit-appearance: button;
   cursor: pointer
}

.noo-button.inverse {
   background: #ed1c24;
   border: 1px solid #000
}

.noo-button::before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   bottom: 0;
   left: -30px;
   right: -8px;
   background: #ed1c24;
   -webkit-transform-origin: 0;
   transform-origin: 0;
   -webkit-transform: skewX(45deg) scaleX(1);
   -moz-transform: skewX(45deg) scaleX(1);
   -ms-transform: skewX(45deg) scaleX(1);
   transform: skewX(45deg) scaleX(1);
   -webkit-transition: all .4s ease-out 0s;
   -o-transition: all .4s ease-out 0s;
   transition: all .4s ease-out 0s
}

.noo-button.inverse::before {
   background: #000
}

.noo-button:hover::before {
   -webkit-transform: skewX(0) scaleX(0);
   transform: skewX(0) scaleX(0)
}

.noo-button:hover {
   color: #fff
}

.form-fieldgroup {
   display: flex;
   margin-top: 35px
}

.form-fieldgroup .form-control {
   height: 40px;
   margin: 2px;
   color: #fff
}

.form-fieldgroup .form-control:focus {
   background: 0 0
}

.form-fieldgroup button {
   min-width: 100px;
   padding: 10px 15px;
   margin: 2px
}

#GetQuoteModal .radio-inline {
   margin-left: 0;
   font-weight: 600;
   font-size: 16px
}

#GetQuoteModal .radio-inline input[type=radio] {
   position: static;
   visibility: visible;
   margin-left: 0;
   height: 18px;
   width: 18px;
   float: left;
   margin-top: 2px
}

#get_quote_rsp {
   color: green
}

#getAQuote_inline {
   display: block
}

#getAQuote_inline .form-fieldgroup .form-control {
   background-color: #fff;
   border-radius: 0;
   border: none;
   color: #000;
   margin: 0 15px 0 0
}

#getAQuote_inline .form-fieldgroup button {
   margin: 0;
   min-width: 150px
}

#getAQuote_inline .radio-inline {
   color: #000;
   font-size: 16px
}

#getAQuote_inline .form-fieldgroup {
   margin-top: 20px
}

#getAQuote_inline #ajax_loader {
   display: none;
   text-align: center
}

#getAQuote_inline #ajax_loader img {
   background: #fff;
   border: 1px solid #eee;
   padding: 5px;
   border-radius: 5px;
   margin-top: 5px
}

#getAQuote_inline_response {
   color: #000
}

nav.main-navigation .navbar-nav a.noo-button {
   min-width: 80px;
   padding: 8px 10px;
   margin: 32px auto 0 auto;
   background: #000
}

.featured_ribbon {
   position: absolute;
   top: 5px;
   padding: 3px 10px;
   background: #e7a60c;
   color: #fff;
   box-shadow: -1px 2px 3px rgba(0, 0, 0, .3);
   z-index: 1;
   text-transform: uppercase;
   font-size: 12px;
   font-weight: 600
}

.featured_ribbon:after,
.featured_ribbon:before {
   content: "";
   position: absolute
}

.featured_ribbon:before {
   width: 7px;
   height: calc(100% + 7px);
   top: 0;
   left: -6.5px;
   padding: 0 0 7px;
   background: inherit;
   border-radius: 5px 0 0 5px
}

.featured_ribbon:after {
   width: 5px;
   height: 5px;
   bottom: -5px;
   left: -4.5px;
   background: rgba(255, 255, 255, .8);
   border-radius: 5px 0 0 5px
}

@media (max-width:767px) {

   .fifth-section .inner-colomns h2.vc_custom_heading,
   .third-section h2.vc_custom_heading {
      font-size: 1.3em !important
   }

   .fourth-section form,
   .second-section form,
   .section-six form {
      display: block
   }

   .section-seven .section-inner-text .vc_col-sm-6 {
      width: auto;
      float: none
   }

   .search_form1 .vancouver-search1,
   .search_form2 .vancouver-search1,
   search_form1 {
      margin-bottom: 10px
   }

   .search_form1 .submit_bt,
   .search_form2 .submit_bt {
      width: 100%
   }

   .fifth-section .inner-colomns .left-text {
      float: none;
      width: 100%;
      padding-right: 0
   }

   .fifth-section .inner-colomns .vc_col-sm-4,
   .third-section .vc_col-sm-10,
   .third-section .vc_col-sm-2 {
      float: none !important
   }

   .fifth-section .inner-colomns .left-image {
      padding-right: 0;
      float: none !important
   }

   .fifth-section .left-image .vc_figure::before,
   .fifth-section .right-image .vc_figure::before {
      display: none
   }

   .fifth-section .inner-colomns {
      padding-right: 10px !important;
      padding-left: 10px !important;
      text-align: center
   }

   .fifth-section .inner-colomns .desc-text,
   .fifth-section .inner-colomns h2.vc_custom_heading,
   .third-section .vc_col-sm-10 h2,
   .third-section .vc_col-sm-10 p {
      text-align: center !important
   }

   .fifth-section .left-image,
   .fifth-section .right-image {
      position: static
   }

   .fifth-section .vc_single_image-wrapper {
      text-align: center !important;
      margin-bottom: 10px
   }

   .third-section p {
      padding-right: 0
   }

   .third-section .inner-column .vc_figure img {
      max-height: 80px;
      width: auto
   }

   .third-section {
      padding: 10px !important
   }

   .page_content {
      padding: 1.5rem
   }

   .form-fieldgroup {
      display: block
   }

   .form-fieldgroup .form-control {
      height: 40px;
      margin: 0 0 7px
   }

   .form-fieldgroup button,
   .fourth-section .search_form1 .noo-button {
      width: 100%;
      margin: 0 0 7px
   }

   #getAQuote_inline .form-fieldgroup .form-control {
      margin-bottom: 7px
   }
}

@-ms-keyframes spin {
   from {
      -ms-transform: rotate(0)
   }

   to {
      -ms-transform: rotate(360deg)
   }
}

@-moz-keyframes spin {
   from {
      -moz-transform: rotate(0)
   }

   to {
      -moz-transform: rotate(360deg)
   }
}

@-webkit-keyframes spin {
   from {
      -webkit-transform: rotate(0)
   }

   to {
      -webkit-transform: rotate(360deg)
   }
}

@keyframes spin {
   from {
      transform: rotate(0)
   }

   to {
      transform: rotate(360deg)
   }

   @media (max-width:640px) {

      #assetstradedChart,
      #followersChart,
      #followingChart {
         min-width: 280px;
         height: 280px
      }

      .register-steps li {
         font-weight: 600;
         padding: 0 5px;
         height: 40px;
         line-height: 40px;
         font-size: 9px
      }

      .footer-btns span,
      .register-steps li.active:after {
         display: none
      }

      nav.main-navigation .navbar-nav a img.profile-pic {
         position: absolute;
         right: 0
      }

      .testimonials-style-two .testimonial-item .inner-box {
         font-size: 11px;
         line-height: 16px
      }
   }
}

.noo-green.btn {
   background: #008000 !important;
   border-radius: 0;
   padding: 6px 12px;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.42857143;
}

nav.main-navigation .navbar-nav .btn.noo-green {
   color: #fff !important;
   background: green !important;
   font-weight: 400;
   padding: 7px 10px !important;
}

nav.main-navigation .navbar-nav a.active.noo-green,
nav.main-navigation .navbar-nav a.noo-green:hover {
   color: #fff !important
}

@media (min-width: 990px) {
   .navbar-collapse.collapse {
      display: inline-block !important;
   }
}

.flex-wrap {
   display: flex;
}

.flex-wrap .navbar-header {
   flex: 1;
   min-width: 180px;
}

.flex-wrap .sidebar-header {
   margin-left: 15px;
   padding-top: 34px;
}

nav.main-navigation .navbar-nav .btn.noo-green:hover {
   background: #000 !important;
}

#navbar_top {
   float: right;
}

@media (max-width: 991px) {
   .flex-wrap {
      display: block;
      position: relative;
   }

   .navbar-toggle {
      margin-right: 0px;
   }

   .flex-wrap .sidebar-header {
      position: absolute;
      right: 48px;
      top: 13px;
      padding: 0 !important;
      margin: 0 !important;
   }

   nav.main-navigation a.btn.noo-green {
      background-color: #008000 !important;
      border-radius: 0;
      padding: 8px 7px !important;
      margin: 0;
      font-size: 12px;
      border-radius: 0px;
      display: inline-block !important;
   }

   nav.main-navigation .navbar-brand {
      padding: 0;
   }

   .top-logo img {
      max-height: 42px;
      margin-top: 6px;
   }
}