/* [Master Stylesheet] */



@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');



@import 'css/bootstrap.min.css';

@import 'css/owl.carousel.min.css';

@import 'css/animate.css';

@import 'css/magnific-popup.css';

@import 'css/font-awesome.min.css';



/* --------------------------

:: 1.0 Base CSS Start

-------------------------- */



* {

    margin: 0;

    padding: 0;

}



body,

html {

    font-family: 'Roboto', sans-serif;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Roboto', sans-serif;

    font-weight: 700;

    color: #404551;

    line-height: 1.2;

}



a,

a:hover,

a:focus,

a:active {

    font-weight: 700;

    text-decoration: none;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

}



li {

    list-style: none;

}



p {

    font-family: 'Roboto', sans-serif;

    color: #abadbe;

    font-size: 15px;

    font-weight: 500;

    margin-top: 0;

    line-height: 1.9;

}



ul,

ol {

    margin: 0;

    padding: 0;

}



img {

    max-width: 100%;

    height: auto;

}



.section_padding_100 {

    padding-top: 100px;

    padding-bottom: 100px;

}



.section_padding_100_0 {

    padding-top: 100px;

    padding-bottom: 0;

}



.section_padding_100_50 {

    padding-top: 100px;

    padding-bottom: 50px;

}



.section_padding_100_70 {

    padding-top: 100px;

    padding-bottom: 70px;

}



.section_padding_50 {

    padding-top: 50px;

    padding-bottom: 50px;

}



.section_padding_50_20 {

    padding-top: 50px;

    padding-bottom: 20px;

}



.section_padding_150 {

    padding-top: 150px;

    padding-bottom: 150px;

}



.section_padding_200 {

    padding-top: 200px;

    padding-bottom: 200px;

}



.section_padding_0_100 {

    padding-top: 0;

    padding-bottom: 100px;

}



.section_padding_70 {

    padding-top: 70px;

    padding-bottom: 70px;

}



.section_padding_0_50 {

    padding-top: 0;

    padding-bottom: 50px;

}



.section_padding_30 {

    margin-top: 50px;

    margin-bottom: 30px;

}



.mt-15 {

    margin-top: 15px;

}



.mt-30 {

    margin-top: 30px;

}



.mt-40 {

    margin-top: 40px;

}



.mt-50 {

    margin-top: 50px;

}



.mt-100 {

    margin-top: 100px;

}



.mt-150 {

    margin-top: 150px;

}



.mr-15 {

    margin-right: 15px;

}



.mr-30 {

    margin-right: 30px;

}



.mr-50 {

    margin-right: 50px;

}



.mr-100 {

    margin-right: 100px;

}



.mb-15 {

    margin-bottom: 15px;

}



.mb-30 {

    margin-bottom: 30px;

}



.mb-50 {

    margin-bottom: 50px;

}



.mb-100 {

    margin-bottom: 100px;

}



.ml-15 {

    margin-left: 15px;

}



.ml-30 {

    margin-left: 30px;

}



.ml-50 {

    margin-left: 50px;

}



.ml-100 {

    margin-left: 100px;

}



hr.new2 {

  border-top: 1px dashed gray;

}



.line-divider {

  margin-left: 100px;

  margin-right: 100px;

  height: 20px;

}



/*

	Corner lines

*/

.has-corner-line {

  position: relative;

}

.has-corner-line.active .corner, .has-corner-line:hover .corner {

  z-index: 1;

}

.has-corner-line .corner, .has-corner-line.corner-anim:hover .corner, .has-corner-line.corner-anim.active .corner {

  top: -2px;

  right: -2px;

  bottom: -2px;

  left: -2px;

}

.has-corner-line .corner {

  position: absolute;

  z-index: 0;

  pointer-events: none;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  transition: all 0.5s;

}

.has-corner-line .corner:before, .has-corner-line .corner:after {

  position: absolute;

  content: '';

  width: 10px;

  height: 10px;

  border-style: solid;

  border-color: #666666;

}

.has-corner-line .corner.large:before, .has-corner-line .corner.large:after {

  width: 40px;

  height: 40px;

}

.has-corner-line .corner.light:before, .has-corner-line .corner.light:after {

  border-color: #fff;

}

.has-corner-line .corner.primary:before, .has-corner-line .corner.primary:after {

  border-color: #25aae1;

}

.has-corner-line .corner.light-primary:before {

  border-color: #fff;

}

.has-corner-line .corner.light-primary:after {

  border-color: #25aae1;

}

.has-corner-line.corner-anim .corner {

  top: -10px;

  right: -10px;

  bottom: -10px;

  left: -10px;

}

.has-corner-line .corner-1:before {

  top: 0;

  left: 0;

  border-width: 2px 0 0 2px;

}

.has-corner-line .corner-1:after {

  right: 0;

  bottom: 0;

  border-width: 0 2px 2px 0;

}

.has-corner-line .corner-2:before {

  top: 0;

  right: 0;

  border-width: 2px 2px 0 0;

}

.has-corner-line .corner-2:after {

  bottom: 0;

  left: 0;

  border-width: 0 0 2px 2px;

}



/* Style the tab */

.tab {

  float: left;

  /* border: 1px solid #ccc; */

  border-radius: 25px;

  border: 5px solid rgba(0, 0, 0, 0.15);

  background-color: #f8f8f8;

  width: 100%;

  height: 100%;

}



/* Style the buttons inside the tab */

.tab button {

  display: block;

  background-color: transparent;

  color: black;

  padding: 20px 14px;

  width: 100%;

  border: none;

  /* border-bottom: 0.5px solid #dadada; */

  outline: none;

  text-align: left;

  cursor: pointer;

  transition: 0.3s;

  font-size: 15px;

  text-transform: uppercase;

}



/* Change background color of buttons on hover */

.tab button:hover {

  background-color: #ddd;

  color: #1a3c8d;

}



/* Create an active/current "tab button" class */

.tab button.active {

  background-color: #ccc;

  color: #1a3c8d;

}



.home_container {

  display: flex;

}



.home_container > div {

  flex: 1; /*grow*/

}



.horizontal_center {

  display: flex;

  justify-content: center;

  /* align-items: center; */

}



.topRounded {

  border-top-left-radius: 20px;

  border-top-right-radius: 20px;

}



.bottomRounded {

  border-bottom-left-radius: 20px;

  border-bottom-right-radius: 20px;

}



.rightLine {

  border-right: 2px solid black;

}



i.fa.fa-caret-right {

         float: right;

         margin-right: .5em;

     }



/*

 .tab button::after {

  position:absolute;

  display: block;

  content: '\f0da';

  top: 50%;

  right: 40px;

  width: 20px;

  height: 20px;

  margin-top: -10px;

  line-height: 18px;

  font-size: 12px;

  font-family: FontAwesome;

  border: 1px solid gainsboro;

  text-align: center;

  color: #f8f8f8;

  background: black;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  border-radius: 100%;

  -webkit-transition: all, 0.5s;

  -moz-transition: all, 0.5s;

  transition: all, 0.5s;

}



.tab button:hover:after {

    color:#1a3c8d;

    background: white;

}



.tab button.active:after {

  color: #1a3c8d;

  background: white;



}

 */

#preloader {

    overflow: hidden;

    background-color: #211b31;

    height: 100%;

    left: 0;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 999999;

}



.neonmind-preloader {

    overflow: hidden;

    -webkit-animation: 3000ms linear 0s normal none infinite running neonmind-preloader;

    animation: 3000ms linear 0s normal none infinite running neonmind-preloader;

    background-color: transparent;

    border-color: #f1f2f3 #f1f2f3 #4a7aec;

    border-radius: 50%;

    border-style: solid;

    border-width: 4px;

    height: 50px;

    left: calc(50% - 25px);

    position: relative;

    top: calc(50% - 25px);

    width: 50px;

    z-index: 9;

}



@-webkit-keyframes neonmind-preloader {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@keyframes neonmind-preloader {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



#scrollUp {

    bottom: 0;

    font-size: 24px;

    right: 30px;

    width: 40px;

    background: #4a7aec;

    color: #fff;

    text-align: center;

    height: 40px;

    line-height: 38px;

    border-radius: 0;

    box-shadow: 2px 10px 8px rgba(0, 0, 0, 0.15);

}



.neonmind-table {

    display: table;

    height: 100%;

    left: 0;

    position: relative;

    top: 0;

    width: 100%;

    z-index: 2;

}



.neonmind-table-cell {

    display: table-cell;

    vertical-align: middle;

}



.section-heading {

    margin-bottom: 100px;

}



.section-heading > p {

    font-weight: 700;

    color: black;

    font-size: 15px;

    margin-bottom: 10px;

    /* text-transform: uppercase; */

    letter-spacing: 2px;

}



.section-heading > h2 {

    font-size: 40px;

    margin: 0;

    font-weight: 900;

}



.section-heading > h5 {

    font-size: 22px;

    color: #abadbe;

    line-height: 1.8;

    font-weight: 500;

}



.neonmind-btn {

    background-color: #4a7aec;

    min-width: 150px;

    height: 54px;

    padding: 0 30px;

    border-radius: 70px;

    color: #fff;

    font-size: 14px;

    line-height: 54px;

    font-weight: 700;

    text-transform: uppercase;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

    align-items: center;

    justify-content: center;

}



.neonmind-btn:hover {

    background-color: #1a3c8d;

    color: #fff;

}



.bg-overlay,

.bg-overlay-white {

    position: relative;

    z-index: 1;

}



.bg-overlay:after,

.bg-overlay-white:after {

    background-color: rgba(33, 27, 49, 0.88);

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    content: '';

    z-index: -1;

    position: absolute;

}



.bg-overlay-white:after {

    background-color: rgba(231, 235, 246, 0.89);

}



.bg-img {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}



.vertical-align-content {

  display:flex;

  align-items:center;

  /* Uncomment next line to get horizontal align also */

  /* justify-content:center; */

}



.horizontal-align-content {

  align-items:center;

  justify-content:center;

}



/* --------------------------

:: 2.0 Header Area CSS

-------------------------- */



.header_area {

    left: 0;

    position: absolute;

    width: 100%;

    z-index: 999;

    top: 0;

    padding: 0 15px;

    height: 80px;

    background-color: white;

    -webkit-transition-duration: 700ms;

    transition-duration: 700ms;

}



.menu_area {

    position: relative;

    z-index: 2;

    padding: 0 50px;

}



.menu_area #nav .nav-link {

    color: black;

    display: block;

    font-size: 15px;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

    padding: 0 20px;

}



.menu_area .dropdown-menu.show {

    border: none;

    box-shadow: 3px 5px 12px rgba(0, 0, 0, 0.15);

}



.menu_area .dropdown-item {

    font-size: 14px;

    font-weight: 700;

    color: #9597a6;

}



.menu_area #nav .nav-link:hover,

.menu_area #nav .nav-item.active .nav-link,

.menu_area .dropdown-item:hover {

    color: #4a7aec;

}



.login-register-btn a {

    color: #4a7aec;

    display: inline-block;

    font-weight: 500;

}



.login-register-btn a:hover {

    color: #fff;

}



.search-button > a {

    margin: 0 80px;

}



.navbar-nav {

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

}



/* Search Form CSS */



.search-form-area {

    width: auto;

    height: 50px;

    display: none;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

}



.search-form-open .search-form-area {

    display: block !important;

}



.search-form-open .navbar-nav {

    display: none !important;

}



.search-form-area #search {

    width: 550px;

    height: 50px;

    border-radius: 10px;

    border: 2px solid rgba(255, 255, 255, 0.7);

    padding: 0 30px;

    color: #fff !important;

    font-size: 14px;

    background-color: transparent;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

}



/* Sticky CSS */



.header_area.sticky {

    background-color: white;

    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);

    height: 80px;

    position: fixed;

    top: 0;

    z-index: 999;

}



/* --------------------------

:: 3.0 Welcome Area CSS

-------------------------- */



.banner-area {

  /* position: relative;

  z-index: 2;

  height: 100%;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center; */

  background: url(../content/video/home_reel_2020.mp4) no-repeat center center/cover;





}



.banner-area .overlay-bg {

  background: -moz-linear-gradient(left, rgba(60, 64, 143, 0.95) 0%, rgba(91, 97, 207, 0.95) 100%);

  background: -webkit-linear-gradient(left, rgba(60, 64, 143, 0.95) 0%, rgba(91, 97, 207, 0.95) 100%);

  background: linear-gradient(to right, rgba(60, 64, 143, 0.95) 0%, rgba(91, 97, 207, 0.95) 100%);

}



.welcome_area .wrapper {

  line-height: 0;

  width: 100%;

  max-width: 1000px;

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  z-index: 1045;

}



.welcome_area .video-wrapper {

  position: relative;

  padding-bottom: 50%;

  /* 16:9 */

  /* padding-top: 25px; */

  height: 0;

  width: 100%;

}



.welcome_area .video-wrapper iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.welcome_area .video {

  width: 100% !important;

  height: 100% !important;

}



.welcome_area {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    z-index: 2;

    top: 70px;

    left:0;

    width:100%;

    height: 700px;

    max-height: 100%;

    max-width: 100%;

    min-width: inherit;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    background-attachment: fixed;

    background-repeat: repeat-x;

    object-fit: cover;

    /* background-color: red; */

}



.welcome_area .videoBG {

    position:absolute;

    width: auto;

    height: auto;

    top:0;

    left:0;

    right: 0;

    bottom: 0;

    max-height: 100%;

    max-width: 100%;

    background-size:cover;

    object-fit: cover;

  }



#myVideo {

  position: absolute;

  left: 0;

  top: 0;

  min-width: 100%;

  min-height: 100%;

  padding:0 !important;

}



#fullScreenDiv{

    width:100%;

    min-height: 100%;

    height: auto;

    width: auto;

    padding:0!important;

    margin: 0!important;

    /* background-color: gray; */

    position: relative;

}



#videoDiv{

  min-height: 700px;

  height: auto;

  width: 100vw;

  padding:0!important;

  margin: 0!important;

  /* background-color: blue; */

  position: relative;

}



#video{

    width: 100vw;

    height: auto;

    left: 0px;

    top: 0px;

    z-index: 1;

    /* object-fit: cover; */

}



/* The container for our text and stuff */

#messageBox{

    position: absolute;  top: 0;  left: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height:100%;

    /* height: 700px; */

    /* top: 70px; */

    z-index: 20;

    /* background-color: blue; */

}



.top {

  padding-bottom: 56.25%;

  padding-top: 70px;

  height: 0;

  overflow: hidden;

  position: relative;

  /* pointer-events:none; */

}



/* iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

} */



.wrapper {

  position: relative;

  padding-bottom: 200%;

  transform: translateY(-35.95%);

}



.welcome_area .overlayBG {

  width: 100%;

  height: 100%;

  /* top: 70px; */

  bottom: 0px;

  position: absolute;

  justify-content: center;

  display: table;

  background-repeat: no-repeat;

  background-position: center center;

  background: no-repeat center center/cover;

  background-attachment: fixed;

  /* z-index: 12; */

}



.welcome_area .overlayBG-contents {

  /* background: red; */

  display: block;

  height: 100%;

  align-items: center;

  display: table-cell;

  vertical-align: middle;

  background-attachment: fixed;

}



.overlayBG h2{

  align-self: center;

  width: 100%;

  text-align: center;

  color: white;

  position: inherit;

}



.overlayBG img {

  width: 65px;

  height: 65px;

  align-self: center;

  position: inherit;

  background-attachment: fixed;

}



.overlay {

  position: fixed;

  z-index: 1;

  left: 0;

  width: 100%;

  height: 100%;

  top: 70px;

  bottom: 0px;

  background-color: rgb(0,0,0);

  background-color: rgba(0,0,0, 0.9);

  overflow-x: hidden;

  transition: 0.5s;

  z-index: 50;

}



.overlay-content {

  position: relative;

  top: 25%;

  width: 100%;

  text-align: center;

  margin-top: 10px;

  transition: visibility 0s, opacity 0.5s linear;



}



.overlay a {

  padding: 8px;

  text-decoration: none;

  font-size: 36px;

  color: #818181;

  display: block;

  transition: 0.3s;

}



.overlay a:hover, .overlay a:focus {

  color: #f1f1f1;

}



.overlay .closebtn {

  position: absolute;

  top: 20px;

  right: 45px;

  font-size: 60px;

}



/* The Modal (background) */

.modal {

  display: none; /* Hidden by default */

  position: fixed; /* Stay in place */

  z-index: 12000; /* Sit on top */

  padding-top: 0; /* Location of the box */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100%; /* Full height */

  overflow: auto; /* Enable scroll if needed */

  background-color: rgb(0,0,0); /* Fallback color */

  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */

  transform:scaleY(.01) scaleX(0);

  animation: blowUpModal .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;

}



/* Modal Content */

.modal-content {

  position: relative;

  background-color: transparent;

  margin: auto;

  padding: 20px;

  border: 1px solid #888;

  width: 100%;

  height: 100%;

}



/* The Close Button */

.close {

  color: white;

  float: right;

  font-size: 60px;

  font-weight: bold;

  position: absolute;

  right: 100px;

}



.close:hover,

.close:focus {

  color: white;

  text-decoration: none;

  cursor: pointer;

}



@media screen and (max-height: 700px) {

  .overlay a {font-size: 20px}

  .overlay .closebtn {

  font-size: 40px;

  top: 15px;

  right: 35px;

  }

}



.video {

  position: fixed;

  z-index: 100;

  width: 80%;

  height: 70%;

  margin-top: 130px;

}



.hero-slides {

    position: relative;

    z-index: 2;

}



.single-hero-slide {

    height: 900px;

    width: 100%;

    position: relative;

    z-index: 1;

}



.hero-slide-content h2 {

    font-size: 60px;

    color: #fff;

    line-height: 1.8;

}



.hero-slide-content h4 {

    color: #fff;

    font-weight: 400;

    margin-bottom: 0;

    z-index: 12;

}



.hero-slide-content .slide-img {

    color: #fff;

    margin-top: 100px;

    font-weight: 400;

}



.hero-slide-content .slide-video {

    color: #fff;

    margin-top: 10px;

    margin-bottom: 10px;

    font-weight: 400;

    background: url('content/video/rotoser.mp4');

}



.hero-slides .owl-prev,

.hero-slides .owl-next {

    position: absolute;

    width: 60px;

    height: 60px;

    background-color: transparent;

    line-height: 60px;

    text-align: center;

    top: 50%;

    margin-top: -30px;

    left: 50px;

    border-radius: 50%;

    color: #a2baff;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

}



.hero-slides .owl-next {

    left: auto;

    right: 50px;

}



.hero-slides .owl-prev:hover,

.hero-slides .owl-next:hover {

    background-color: #4a7aec;

}



/* -------------------------

:: 4.0 Service Area

------------------------- */



.neonmind--services-area {

    background-color: #ECECEC;

    position: relative;

    z-index: 1;

}



.neonmind--services-area .section-heading h2 {

    color: #fff;

}



.normal-text {

  color: black;

}



.neonmind--services-area .p {

    display: inline-block;

    padding: 0 15px;

    cursor: pointer;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

    margin-bottom: 0;

}



.neonmind-service-slides {

    position: relative;

    z-index: 1;

    margin-top: 20px;

    margin-bottom: 20px;

}



.single-service-area h2 {

    font-size: 60px;

    font-weight: 900;

    margin-bottom: 20px;

    -webkit-transition-duration: 50ms;

    transition-duration: 50ms;

    color: #bec0cc;

}



.neonmind-service-slides .center .single-service-area h2,

.single-service-area:hover h2 {

    color: #4a7aec;

}



.single-service-area h4 {

    margin-bottom: 20px;

}



.neonmind-service-slides .owl-prev,

.neonmind-service-slides .owl-next {

    position: absolute;

    width: 50px;

    height: 50px;

    background-color: transparent;

    line-height: 50px;

    text-align: center;

    top: 50%;

    margin-top: -30px;

    left: -25px;

    border-radius: 50%;

    color: #a2baff;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

}



.neonmind-service-slides .owl-next {

    left: auto;

    right: -25px;

}



body {

	font-family: Helvetica;

	font-size: 13px;

}



.frame {

    height: auto;

    width: auto;

    position: relative;

}

/*

img {

    max-height: 100%;

    max-width: 100%;

    width: auto;

    height: auto;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

}

*/



video {

    max-height: 100%;

    max-width: 100%;

    width: auto;

    height: auto;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

}



div.callout {

	float: left;

}



div.callout {

	background-color: white;

	position: relative;

	color: #FFFFFF;

	padding: 10px;

	margin: -15px;

	min-height: 50px;

}



.callout::before {

	content: "";

	width: 0px;

	height: 0px;

	border: 0.8em solid transparent;

	position: absolute;

}



.callout.top::before {

	left: 45%;

	bottom: -20px;

	border-top: 10px solid #ffffff;

}



.callout.bottom::before {

	left: 45%;

	top: -20px;

	border-bottom: 10px solid #ffffff;

}



.callout.left::before {

	right: -20px;

	top: 40%;

    z-index: 2;

	border-left: 10px solid #ffffff;

}



.callout.right::before {

	left: -20px;

	top: 40%;

    z-index: 2;

	border-right: 10px solid #ffffff;

}



.callout.top-left::before {

	left: 7px;

	bottom: -20px;

	border-top: 10px solid #ffffff;

}



.callout.top-right::before {

	right: 7px;

	bottom: -20px;

	border-top: 10px solid #ffffff;

}



.callout-content {

/*  min-height:65vh;*/

}



.callout-content h5 {

    color: #333333;

}



.callout-content p1 {

    font-family: 'Roboto', sans-serif;

    color: #292d4f;

    font-size: 15px;

    font-weight: 500;

    margin-top: 0;

    line-height: 1.9;

}



div.list-div {

  display: list-item;

  margin-left: 1.3em;

  color: #333333;

  list-style-type: circle;

}

/* -------------------------

:: 5.0 Clients Area

------------------------- */



.clients-logo-area > a > img {

    max-width: 170px;

    height: auto;

}



/* -------------------------

:: 6.0 Features Area

------------------------- */



.neonmind-features-area {

    background-color: #211b31;

    position: relative;

    z-index: 1;

}



.features-img > img {

    width: 40%;

    position: absolute;

    bottom: -30px;

    left: 30px;

    z-index: 9;

}



.neonmind-features-area .section-heading {

    margin-bottom: 60px;

}



.neonmind-features-area .section-heading h2 {

    color: #fff;

}



.neonmind-service-area .section-heading {

    margin-top: 60px;

}



.barfiller {

    background: #f4f4f4;

    border: none;

    border-radius: 0;

    box-shadow: none;

    height: 5px;

    margin-bottom: 5px;

    position: relative;

    width: 100%;

}



.barfiller .fill {

    display: block;

    position: relative;

    width: 0px;

    height: 100%;

    background: #4a7aec;

    z-index: 1;

}



.barfiller .tipWrap {

    display: none;

}



.barfiller .tip {

    margin-top: -35px;

    padding: 2px 4px;

    font-size: 15px;

    color: #4a7aec;

    left: 0px;

    position: absolute;

    z-index: 2;

    background: transparent;

    font-weight: 500;

}



.barfiller .tip:after {

    display: none;

}



.single_progress_bar p {

    margin-bottom: 10px;

}



/* -------------------------

:: 7.0 More Service Area

------------------------- */



.single-more-service-area {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

    padding: 100px 20px;

    position: relative;

    z-index: 1;

    -webkit-transition-duration: 750ms;

    transition-duration: 750ms;

}



.single-more-service-area:hover {

    box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.1);

}



.more-service-content > img {

    margin-bottom: 40px;

}



.more-service-content > h4 {

    margin-bottom: 30px;

    text-transform: capitalize;

    color: #292d4f;

}



/* -------------------------

:: 8.0 Portfolio Area

------------------------- */



.portfolio-menu {

    margin-bottom: 100px;

    margin-top: -10px;

}



.portfolio-menu > p {

    display: inline-block;

    padding: 0 15px;

    cursor: pointer;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

    margin-bottom: 0;

}



.portfolio-menu > p:hover {

    color: #4a7aec;

}



.single_gallery_item {

    width: 25%;

    display: inline-block;

    float: left;

    z-index: 3;

    position: relative;

    overflow: hidden

}



.single_gallery_item > img {

    width: 100%;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

}



.single_gallery_item:hover > img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="8" /></filter></svg>#filter');

    -webkit-filter: blur(8px);

    filter: blur(8px);

    filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=8);

}



.gallery-hover-overlay {

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 9;

    left: 0;

    top: 0;

    background-color: rgba(74, 122, 236, 0.85);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

}



.single_gallery_item:hover .gallery-hover-overlay {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"

}



.port-hover-text h4 {

    color: #fff;

    margin-bottom: 10px;

}



.port-hover-text > a {

    color: #fff;

    font-size: 15px;

}



/* -------------------------

:: 9.0 Workflow Area

------------------------- */



.neonmind-workflow-area {

    width: 100%;

    height: 100%;

    position: relative;

}



.neonmind-workflow-area h5 {

  color: #292d4f;

}



.neonmind-workflow-area h3 {

    font-family: 'Roboto', sans-serif;

    color: #292d4f;

    margin-top: 0;

    line-height: 1.9;

}



.neonmind-workflow-area h2 {

    font-family: 'Roboto', sans-serif;

    color: #292d4f;

    margin-top: 0;

    line-height: 1.9;

}



.workflow-img {

    position: relative;

    z-index: -10;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}



.single-workflow-area > h2 {

    font-size: 16px;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 47px;

    flex: 0 0 47px;

    width: 47px!important;

    height: 47px!important;

    text-align: center;

    background-color: #f3f5f9;

    line-height: 47px;

    border-radius: 50%;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

}



.workflow-content h4 {

    margin-bottom: 30px;

}



.single-workflow-area:hover h2 {

    background-color: #4a7aec;

    color: #fff;

}



.workflow-slides-area {

    position: relative;

    z-index: 99;

    top: -100px;

}



.neonmind-workflow-slides .owl-dots {

    margin-top: 60px;

    text-align: center;

}



.neonmind-workflow-slides .owl-dot {

    background-color: #daddeb;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    margin: 0 4px;

    display: inline-block;

}



.neonmind-workflow-slides .owl-dot.active {

    background-color: #4a7aec;

}



/* -------------------------

:: 10.0 CTA Area

------------------------- */



.neonmind-call-to-action-area {

    position: relative;

    z-index: 1;

    background-attachment: fixed;

}



.cta-content .section-heading {

    margin-bottom: 0;

}



.cta-content .section-heading h2 {

    margin-bottom: 40px;

    color: #fff;

    font-size: 44px;

}



.cta-content .section-heading p {

    color: #fff;

}



/* -------------------------

:: 11.0 FAQ Area

------------------------- */



.panel {

    background-color: #fff;

    border:5px solid rgba(0, 0, 0, 0.15);

    border-radius: 4px;

    box-shadow: 0 0 0 transparent;

    /* margin-bottom: 15px; */

}



.single-accordion:last-of-type {

    margin-bottom: 0px;

}



.single-accordion h6 a {

    background-color: black;

    border-radius: 0;

    color: #fff;

    display: block;

    margin: 0;

    font-weight: 400;

    padding: 15px 15px 15px 15px;

    position: relative;

    font-size: 30px;

    text-transform: uppercase;

}



.single-accordion h6 a.collapsed {

    background-color: white;

    color: black;

}



.single-accordion h6 a span {

    font-size: 10px;

    position: absolute;

    left: 20px;

    text-align: center;

    top: 17px;

}



.single-accordion h6 a.collapsed span.accor-close {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

}



span.accor-open {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

}



.single-accordion h6 a.collapsed span.accor-open {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

}



.single-accordion h6 {

    margin-bottom: 0;

    text-transform: uppercase;

}



.single-accordion .accordion-content {

    border-top: 0 solid transparent;

    box-shadow: none;

}



.single-accordion .accordion-content p {

    padding: 20px 20px 20px;

    margin-bottom: 20px;

    color: black;

    font-size: 20px;

}



.features-content p{

  color: white;

}

/* --------------------------

:: 12.0 Footer Area CSS

-------------------------- */



.footer-area {

    position: relative;

    z-index: 1;

    background-color: #211b31;

}



.single-footer-widget h5 {

    color: #fff;

    margin-bottom: 50px;

}



.single-footer-widget ul > li > a {

    color: #abadbe;

    margin-bottom: 10px!important;

    display: block;

    font-weight: 500;

    font-size: 16px;

}



.single-footer-widget ul > li > a:last-child {

    margin-bottom: 0;

}



.single-footer-widget ul > li > a:hover {

    color: #ffffff;

}



.copyright-text > p {

    margin-bottom: 0;

    font-size: 13px;

}



.footer-social-info > a {

    color: #abadbe;

    padding: 0 15px;

    display: inline-block;

    font-size: 13px;

}



.footer-social-info > a:hover {

    color: #fff;

}



.footer-single--blog-post {

    margin-bottom: 30px;

}



.footer-single--blog-post:last-child {

    margin-bottom: 0;

}



.footer-single--blog-post .blog-post-date > p {

    font-size: 12px;

    margin-bottom: 5px;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

}



.footer-single--blog-post .blog-post-title > h6 {

    font-size: 14px;

    margin-bottom: 0;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

}



.footer-single--blog-post .blog-post-date > p:hover,

.footer-single--blog-post .blog-post-title > h6:hover {

    color: #4a7aec;

}



.footer-single-contact-info .contact-icon {

    margin-right: 15px;

}



.footer-bottom-area {

    background-color: #191426;

    height: 60px;

}



/* --------------------

:: 13.0 Breadcumb CSS

-------------------- */



.neonmind-breadcumb-area {

    /* height: 500px;

    width: 100%;

    position: relative;

    z-index: 1;

    background-repeat: no-repeat;

    background-size: contain; */

    width: 100vw;

    height: 500px;

    position: relative;

    z-index: -10;

    background-position: center center;

    background-size: 100% 100%;

    background-repeat: no-repeat;

}



.image { background-size: cover; }



.bradcumbContent h2 {

    color: #fff;

    font-size: 60px;

}



.bradcumbContent .breadcrumb {

    padding: 0;

    background-color: transparent;

    border-radius: 0;

    margin-top: 10px;

    background-attachment:fixed;

}



.bradcumbContent .breadcrumb-item a,

.bradcumbContent .breadcrumb-item {

    color: #fff;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

}



/* -----------------------

:: 14.0 About Us CSS

----------------------- */



.few-words-from-ceo {

    overflow-x: hidden;

}



.neonmind-about-us-content {

    position: relative;

    z-index: 98;

    padding: 100px 0 100px 0;

}



.neonmind-about-us-content .section-heading h2 {

    margin-bottom: 50px;

    text-align: center;

    color: white;

}



.neonmind-about-us-content p {

    font-family: 'Roboto', sans-serif;

    color: #292d4f;

    font-size: 15px;

    font-weight: 500;

    margin-top: 0;

    line-height: 1.9;

}



.neonmind-about-us-content h5 {

    font-family: 'Roboto', sans-serif;

    color: #292d4f;

    /* font-size: 15px; */

    margin-top: 0;

    line-height: 1.9;

}



.neonmind-more-services-area h5 {

    font-family: 'Roboto', sans-serif;

    color: #292d4f;

    /* font-size: 15px; */

    margin-top: 0;

    line-height: 1.9;

}



.neonmind-more-services-area p {

    font-family: 'Roboto', sans-serif;

    color: #292d4f;

    /* font-size: 15px; */

    margin-top: 0;

    line-height: 1.9;

}



.contact-area p {

    font-family: 'Roboto', sans-serif;

    color: #292d4f;

    font-size: 18px;

    margin-top: 0;

    line-height: 1.9;

}



.single-feature-area p,h4 {

  color: white;

}



.feature-icon {

  width: 65px;

  height: 65px;

  margin-right: 20px;

  float: left;

}



.few-words-contents,

.few-words-thumb {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

    height: 770px;

}



.few-words-contents {

    background-color: #211b31;

}



.few-words-text .section-heading {

    margin-bottom: 50px;

}



.few-words-text .section-heading h2 {

    color: #fff;

}



.few-words-text > p {

    margin-bottom: 0;

}



.ceo-meta-data .ceo-thumb {

    width: 52px;

    height: 52px;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 52px;

    flex: 0 0 52px;

    border-radius: 50%;

    margin-right: 20px;

}



.ceo-meta-data .ceo-name h6 {

    color: #fff;

    margin-bottom: 10px;

    line-height: 1;

}



.ceo-meta-data .ceo-name p {

    margin-bottom: 0;

    line-height: 1;

    font-size: 12px;

    font-weight: 700;

}



/* -------------------------

:: 15.0 Services Area CSS

------------------------- */



.services-content-area {

    position: relative;

    z-index: 98;

    padding: 100px 0 200px 0;

}



.services-text h2 {

    font-size: 55px;

    margin-bottom: 50px;

}



.services-text p {

    line-height: 2;

    margin-bottom: 50px;

}



/* -------------------------

:: 16.0 Team Member Area

------------------------- */



.team-thumbnail {

    width: 189px;

    height: 189px;

    border-radius: 50%;

    margin: 0 auto 50px;

    position: relative;

    z-index: 1;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

}



.team-thumbnail:after {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    content: "";

    background-color: rgba(74, 122, 236, 0.75);

    z-index: 2;

    border-radius: 50%;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

}



.team-thumbnail > img {

    width: 100%;

    height: 100%;

    border-radius: 50%;

}



.team-meta-info {

    margin-bottom: 50px;

}



.team-meta-info h4 {

    line-height: 1;

    margin-bottom: 10px;

}



.team-meta-info span {

    font-size: 12px;

    font-weight: 900;

    color: #abadbe;

    letter-spacing: 2px;

    text-transform: uppercase;

    margin-bottom: 35px;

    display: block;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

}



.team-social-info {

    margin-top: 30px;

}



.team-social-info > a {

    font-size: 13px;

    color: #abadbe;

    display: inline-block;

    padding: 0 15px;

}



.single-team-slide:hover .team-meta-info span,

.team-social-info > a:hover {

    color: #4a7aec;

}



.single-team-slide:hover .team-thumbnail:after {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"

}



.neonmind-team-slides {

    position: relative;

    z-index: 2;

}



.neonmind-team-slides .owl-prev,

.neonmind-team-slides .owl-next {

    position: absolute;

    width: 60px;

    height: 60px;

    background-color: transparent;

    line-height: 60px;

    text-align: center;

    top: 21%;

    margin-top: -30px;

    left: -25px;

    border-radius: 50%;

    color: #a2baff;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

}



.neonmind-team-slides .owl-next {

    left: auto;

    right: -25px;

}



.neonmind-subscribe-newsletter-area {

    background-attachment: fixed;

}



.subscribe-newsletter-content p {

    text-transform: uppercase;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 2px;

}



.subscribe-newsletter-content h2 {

    font-size: 44px;

    margin-bottom: 30px;

}



.subscribe-newsletter-content form {

    position: relative;

    z-index: 1;

}



.subscribe-newsletter-content form > input {

    width: 60%;

    height: 55px;

    border-radius: 70px;

    border: none;

    padding: 0 30px;

    font-style: italic;

    font-size: 14px;

    color: #abadbe;

}



.subscribe-newsletter-content form > button {

    width: 150px;

    height: 55px;

    border-radius: 0 70px 70px 0;

    border: none;

    padding: 0 30px;

    font-size: 14px;

    color: #fff;

    background-color: #4a7aec;

    position: absolute;

    right: 20%;

    font-weight: 700;

    cursor: pointer;

    text-transform: uppercase;

    top: 0;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

}



.subscribe-newsletter-content form > button:hover {

    color: #fff;

    background-color: rgb(16, 54, 145);

}



/* -------------------------

:: 17.0 Clients Area

------------------------- */



.neonmind-clients-testimonials-area {

    background-color: #211b31;

    position: relative;

    z-index: 1;

}



.neonmind-clients-testimonials-area .section-heading h2 {

    color: #fff;

}



.testimonial-content span {

    font-size: 60px;

    color: #fff;

    line-height: 1;

    font-weight: 900;

}



.testimonial-content p {

    margin-bottom: 0;

}



.testimonials-meta .testimonial-thumb {

    width: 52px;

    height: 52px;

    margin: 0 auto 20px;

    border-radius: 50%;

    border: 3px solid #211b31;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

    position: relative;

    z-index: 1;

    margin-top: 40px;

}



.testimonials-meta > h6 {

    color: rgba(255, 255, 255, 0.5);

    margin-bottom: 5px;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

}



.testimonials-meta > p {

    margin-bottom: 0;

    font-weight: 700;

    letter-spacing: 2px;

    font-size: 12px;

    text-transform: uppercase;

}



.testimonials-slides {

    position: relative;

    z-index: 1;

}



.testimonials-slides:before {

    position: absolute;

    width: 33.33333%;

    text-align: center;

    content: "Previous";

    top: 0;

    left: 0;

    z-index: -5;

    height: 100%;

    color: #fff;

}



.testimonials-slides:after {

    position: absolute;

    width: 33.33333%;

    text-align: center;

    content: "Next";

    top: 0;

    right: 0;

    z-index: -5;

    height: 100%;

    color: #fff;

}



.testimonials-slides .owl-prev,

.testimonials-slides .owl-next {

    position: absolute;

    width: 60px;

    height: 60px;

    background-color: transparent;

    line-height: 60px;

    text-align: center;

    top: 21%;

    margin-top: -30px;

    left: -25px;

    border-radius: 50%;

    color: #a2baff;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

}



.testimonials-slides .owl-next {

    left: auto;

    right: -25px;

}



.testimonials-slides .single-testimonial-area .testimonial-content {

    display: none;

}



.testimonials-slides .center .single-testimonial-area .testimonial-content {

    display: block;

}



.single-testimonial-area:hover .testimonials-meta > h6,

.testimonials-slides .center .single-testimonial-area .testimonials-meta > h6 {

    color: #fff;

}



.single-testimonial-area:hover .testimonials-meta .testimonial-thumb {

    border: 3px solid #4a7aec;

}



/* Sonar CSS */



.testimonial-thumb:before {

    content: '';

    display: inline-block;

    position: absolute;

    width: calc(100% - 6px);

    height: calc(100% - 6px);

    border-radius: 50%;

    top: 3px;

    left: 3px;

    -webkit-animation: sonar-effect 1s ease-in-out 0s infinite;

    animation: sonar-effect 1s ease-in-out 0s infinite;

    z-index: -1

}



.testimonials-slides .center .testimonial-thumb:before {

    display: none;

}



@-webkit-keyframes sonar-effect {

    0% {

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }

    50% {

        opacity: 0.5;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        box-shadow: 0 0 0 3px #4a7aec, 0 0 5px 5px #4a7aec, 0 0 0 5px #4a7aec;

    }

    100% {

        box-shadow: 0 0 0 3px #4a7aec, 0 0 5px 5px #4a7aec, 0 0 0 5px #4a7aec;

        -webkit-transform: scale(1.4);

        transform: scale(1.4);

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }

}





@keyframes sonar-effect {

    0% {

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }

    50% {

        opacity: 0.5;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        box-shadow: 0 0 0 3px #4a7aec, 0 0 5px 5px #4a7aec, 0 0 0 5px #4a7aec;

    }

    100% {

        box-shadow: 0 0 0 3px #4a7aec, 0 0 5px 5px #4a7aec, 0 0 0 5px #4a7aec;

        -webkit-transform: scale(1.4);

        transform: scale(1.4);

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }

}



.neonmind-cool-facts-area.service-page {

    width: 100%;

    position: relative;

    z-index: 1;

    height: 100%;

    background-color: #191426;

    /* rgba(34, 34, 34, 1); */

}



.neonmind-cool-facts-area.service-page .counter-area h3 {

  color: #fff;

  text-align: left;

  font-size: 30px;

}

.neonmind-cool-facts-area.service-page .cool-facts-content p {

    color: #fff;

    text-align: center;

}



.skills-text > p {

    padding-right: 30px;

}



.skills-text > p:last-child {

    padding-right: 0;

}



/* -----------------------

:: 18.0 Blog Area CSS

----------------------- */



.blog-area {

    position: relative;

    z-index: 5;

}



.single-blog {

    margin-bottom: 100px;

}



.single-blog .blog-post-thumb {

    margin-bottom: 40px;

}



.single-blog h2 {

    font-size: 24px;

    margin-bottom: 20px;

}



.post-meta {

    margin-bottom: 10px;

}



.post-meta h6 {

    color: #b1b3c3;

    text-transform: capitalize;

    margin-bottom: 0;

    font-size: 12px;

}



.post-meta h6 a {

    color: #b1b3c3;

    display: inline-block;

    margin-right: 5px;

}



.post-meta h6 a:hover {

    color: #4a7aec;

}



.single-blog > a {

    color: #6270ff;

    font-size: 14px;

    text-transform: uppercase;

}



.single-blog p {

    margin-bottom: 40px;

}



.neonmind-pagination-area .page-link {

    padding: 0;

    line-height: 42px;

    color: #007bff;

    border: none;

    border-radius: 0;

    width: 42px;

    height: 42px;

    font-size: 14px;

    text-align: center;

}



.page-item:first-child .page-link,

.page-item:last-child .page-link {

    margin-left: 0;

    border-radius: 0;

}



.blog-post-search-widget form {

    position: relative;

    z-index: 1;

}



.blog-post-search-widget form > input {

    width: 100%;

    height: 50px;

    border-top: none;

    border-left: none;

    border-radius: 0;

    border-right: none;

    border-bottom: 2px solid #e6e7f4;

}



.blog-post-search-widget form > button {

    position: absolute;

    right: 0;

    top: 0;

    width: 50px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    border: none;

    background-color: transparent;

    cursor: pointer

}



.blog-post-archives > h5,

.blog-post-categories > h5,

.latest-blog-posts > h5,

.instagram-feeds > h5 {

    font-size: 18px;

    margin-bottom: 30px;

}



.blog-post-archives ul > li > a,

.blog-post-categories ul > li > a {

    color: #abadbe;

    font-size: 15px;

    display: block;

    padding: 5px 0;

    font-weight: 500;

}



.latest-blog-post-content h6 > a {

    color: #404551;

}



.latest-blog-post-content h6 > a:hover,

.blog-post-archives ul > li > a:hover,

.blog-post-categories ul > li > a:hover {

    color: #4a7aec;

}



.single-latest-blog-post {

    margin-bottom: 20px;

}



.latest-blog-post-thumb {

    width: 70px;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 70px;

    flex: 0 0 70px;

    margin-right: 20px;

}



.instagram-feeds ul > li {

    width: calc(33.3333333% - 8px);

    margin: 4px;

    display: inline-block;

    float: left;

}



/* ----------------------

:: 19.0 Contact Page CSS

---------------------- */



.contact-form-area {

  align-items:center;

  justify-content:center;

}



.contact-form-area h2,

.contact-information h2 {

    font-size: 40px;

    margin-bottom: 50px;

    font-weight: 900;

}



.contact-form-area .form-control {

    font-size: 12px;

    color: #292d4f;

    background-color: transparent;

    border-top: none;

    border-left: none;

    border-right: none;

    border-bottom: 2px solid #ebebeb;

    border-radius: 0;

    height: 50px;

    margin-bottom: 10px;

    padding: 15px;

    font-style: italic;

}



.contact-form-area .form-control:hover,

.contact-form-area .form-control:focus {

    box-shadow: none;

}



.contact-form-area textarea.form-control {

    height: 140px;

}



.contact-social-info > a {

    color: #404551;

    padding: 0 10px;

    display: inline-block;

}



.contact-social-info > a:hover {

    color: #4a7aec;

}



.contact-information .single-contact-info > p {

    color: #292d4f;

}



#googleMap {

    width: 100%;

    height: 680px;

}



/* -----------------------

:: 20.0 Elements Area CSS

----------------------- */



.elements-title h2 {

    margin-bottom: 60px;

    font-size: 24px;

}



.neonmind-btn.neonmind-btn-2 {

    border: 2px solid #4a7aec;

    color: #404551;

    background-color: #fff;

}



.neonmind-btn.neonmind-btn-2:hover,

.neonmind-btn.neonmind-btn-2:focus {

    border: 2px solid #4a7aec;

    color: #fff;

    background-color: #4a7aec;

}



.neonmind-btn.neonmind-btn-3 {

    border: none;

    color: #404551;

    background-color: #fff;

    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.15);

}



.neonmind-btn.neonmind-btn-3:hover,

.neonmind-btn.neonmind-btn-3:focus {

    color: #fff;

    background-color: #4a7aec;

}



.neonmind-cool-facts-area {

    width: 100%;

}



.neonmind-cool-facts-area .counter-area > h3 {

    color: #4a7aec;

    font-size: 60px;

    margin-bottom: 0;

    line-height: 1;

}



.neonmind-cool-facts-area .counter-area h4 {

    color: #4a7aec;

    font-size: 30px;

    margin-bottom: 0;

    line-height: 1;

}



.neonmind-cool-facts-area .cool-facts-content > p {

    color: #292d4f;

    text-align: center;

}



/* --------------------------------

============= The End =============

---------------------------------*/