/* =================================== */
/*	Basic Style 
/* =================================== */

.work-item img {
  left: 0;
  right: 0;
  margin: auto;
 }
 
 body {
     background-color: #000;
     font-family: 'Open Sans', sans-serif;
     line-height: 21px;
     font-size: 13px;
     color: #ffffff;
 }
 
 ol, ul {
     margin: 0;
     padding: 0;
     list-style: none;
 }
 
 figure, p {
     margin: 0;
 }
 
 a {
     color: #fff;
   
     -webkit-transition: all .3s ease-in 0s;
        -moz-transition: all .3s ease-in 0s;
         -ms-transition: all .3s ease-in 0s;
          -o-transition: all .3s ease-in 0s;
             transition: all .3s ease-in 0s;
 }
 
 iframe {
     border: 0;
 }
 
 #footer_logo {
   width: 60%;
   max-width: 250px;
 }
 
 a, a:focus, a:hover {
     text-decoration: none;
     outline: 0;
 }
 
 a:focus, a:hover {
     color: #6CB670;
 }
 
 h1, h2, h3,
 h4, h5, h6 {
   font-weight: normal;
   margin: 0;
 }
 
 .clear:before,
 .clear:after {
     content: " ";
     display: table;
 }
  
 .clear:after {
    clear: both;
 }
  
 .clear {
    *zoom: 1;
 }
 
 span.color {
   color: #0feb9e;
 }
 
 
 .sec-title {}
 
 /* REPLACE 1ab700 WITH  1ab700 for neon colors! */
 
 .sec-title h2 {
   color: #00ff18;
   font-size: 28px;
   font-weight: 800;
   /*text-transform: uppercase;*/
 }
 
 .sec-sub-title {
   margin: 35px 0 45px;
 }
 
 .sec-sub-title p {
   font-weight: 400;
   line-height: 24px;
   font-size: 18px;
   color: #1dca00;
 }
 
 .devider {
   margin-top: 30px;
 }
 
 .devider i {
   color: #cccccc;
 }
 
 .devider:before,
 .devider:after {
   content: "______________________";
   color: #e6e8ea;
   position: relative;
   bottom: 6px;
 }
 
 .devider:before {
   right: 10px;
 }
 
 .devider:after {
   left: 10px;
 }
 
 .mb50 {
   margin-bottom: 50px;
 }
 
 #preloader {
   background-color: #000;
   height: 100%;
   position: fixed;
   width: 100%;
   z-index: 1100;
 }
 
 #preloader > img {
   left: 0;
   right: 0;
   margin: auto;
   position: absolute;
   top: 0;
   bottom: 0;
 }
 
 
 /*=========================================
   Header
 ==========================================*/
 
 #navigation {
   background-color: rgba(16, 22, 54, 0.2);
   border: 0 none;
   margin: 0;
   
     -webkit-transition: background-color 800ms linear;
        -moz-transition: background-color 800ms linear;
       -ms-transition: background-color 800ms linear;
          -o-transition: background-color 800ms linear;
       transition: background-color 800ms linear;
 }
 
 .navbar-toggle i {
   color: #fff;
 }
 
 .navbar-brand {
   padding: 0;
 }
 
 .navbar-nav li a {
   border-top: 1px solid transparent;
 }
 
 .navbar-nav li a.current,
 .navbar-nav li a:focus,
 .navbar-nav li a:hover {
   background-color: transparent;
   border-top: 1px solid #32B0EE;
   color: #fff;
 }
 
 
 
 
 /*=========================================
   Slider
 ==========================================*/
 
 #slider {
   padding: 0;
 }
 
 #slider .carousel-inner .item {
   background-size: cover;
 }
 
 
 
 .carousel-caption h2 {
   font-size: 62px;
   font-weight: 300;
 }
 
 .carousel-caption h2 span {
   font-weight: 800;
 }
 
 .carousel-caption h3 {
   font-size: 48px;
   font-weight: 300;
   margin: 6px 0 20px;
 }
 
 .carousel-caption p {
   color: #fff;
   font-size: 18px;
   font-weight: 300;
 }
 
 .carousel-caption p:before,
 .carousel-caption p:after {
 color: #0feb9e;
 content: "___";
 position: relative;
 top: -8px;
 }
 
 .carousel-caption p:before {
   right: 20px;
 }
 
 .carousel-caption p:after {
   left: 20px;
 }
 
 .social-links {
   margin-top: 5%;
 }
 
 .social-links li {
   display: inline-block;
 }
 
 .social-links li a {
   color: rgba(255, 255, 255, 0.3);
   display: block;
   margin: 0 6px;
 }
 
 .social-links li a:hover {
   color: #fff;
 }
 
 .carousel-indicators {
   bottom: 10px;
   left: inherit;
   margin: 0;
   right: 30px;
   top: 49%;
   width: 0;
 }
 
 .carousel-indicators li {
   border: 1px solid rgba(255, 255, 255, 0.3);
   height: 8px;
   width: 8px;
 }
 
 .carousel-indicators .active {
   height: 8px;
   width: 8px;
 }
 
 
 
 /*=========================================
   Features
 ==========================================*/
 
 .features {
   background-color: #000000;
 }
 
 .owl-controls {
   bottom: -45px;
   margin-top: 10px;
   position: relative;
   text-align: center;
 }
 
 .owl-controls .owl-page {
   display: inline-block;
 }
 
 .owl-controls .owl-page span {
   border: 1px solid #C7CED3;
   border-radius: 20px;
   display: block;
   height: 8px;
   margin: 5px 4px;
   width: 8px;
 }
 
 .owl-controls .owl-page.active span {
   background: #062033;
   border: 0;
 }
 
 .service-icon {
   border: 1px solid #1ab700;
   border-radius: 50%;
   color: #1ab700;
   float: left;
   padding: 10px 13px;
 }
 
 .service-desc {
   margin-left: 70px;
   position: relative;
   top: 5px;
 }
 
 .service-desc h3 {
   color: #00ff18;
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 25px;
 }
 
 
 
 
 /*=========================================
   Our Works
 ==========================================*/
 
 #works .sec-sub-title p, #team .sec-sub-title p {
   padding-left: 7%;
   padding-right: 7%;
   color: white;
 }
 
 .work-filter {
   margin-bottom: 35px;
 }
 
 .work-filter ul li {
     display: inline-block;
 }
 
 .work-filter ul li a {
   color: #062033;
   display: block;
   font-size: 14px;
   font-weight: 700;
   padding: 5px 17px;
   border-radius: 6px;
   text-transform: capitalize;
 }
 
 .work-filter ul li a:hover,
 .work-filter ul li a.active {
   background-color: #1ab700;
   border-radius: 6px;
   color: #fff;
   padding: 5px 17px;
 }
 
 .mix {
     display: none;
 }
 
 .work-item {
     float: left;
     width: 25%;
     position: relative;
 }
 
 .work-item > img {
   display: block;
   height: auto;
   max-width: 100%;
 }
 
 .overlay {
   background-color: #128200;/* rgba(14,180,147,.9); */
   text-align: center;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   color: #fff;
   
   opacity: 0;
   filter: alpha(opacity=0);
   
   -webkit-transition: all 450ms ease-out 0s;	
      -moz-transition: all 450ms ease-out 0s;
      -o-transition: all 450ms ease-out 0s;
         transition: all 450ms ease-out 0s;
       
   -webkit-transform: rotateY(180deg) scale(0.5,0.5);
      -moz-transform: rotateY(180deg) scale(0.5,0.5);
     -ms-transform: rotateY(180deg) scale(0.5,0.5);
      -o-transform: rotateY(180deg) scale(0.5,0.5);
       transform: rotateY(180deg) scale(0.5,0.5);
 }
 
 .work-item:hover .overlay {
   opacity: 1;
   filter: alpha(opacity=100);
   
   -webkit-transform: rotateY(0deg) scale(1,1);
      -moz-transform: rotateY(0deg) scale(1,1);
     -ms-transform: rotateY(0deg) scale(1,1);
      -o-transform: rotateY(0deg) scale(1,1);
         transform: rotateY(0deg) scale(1,1);
 }
 
 .work-item .overlay a {
   border: 1px solid #fff;
   border-radius: 50%;
   display: inline-block;
   margin-top: 20%;
   padding: 7px 10px;
 }
 
 .work-item .overlay a:hover {
   color: #fff;
 }
 
 .work-item .overlay h4 {
   font-size: 18px;
   font-weight: 700;
   line-height: 24px;
   margin: 25px 0 8px;
 }
 
 .work-item .overlay p {
   font-size: 14px;
   line-height: 24px;
 }
 
 
 
 /*=========================================
   Our Team Member
 ==========================================*/
 
 .member-thumb {
   width: 273px;
   position: relative;
   display: block;
   margin-left: auto;
   margin-right: auto;
 }
 
 
 .member-thumb .overlay h5 {
   font-size: 16px;
   font-weight: 700;
   line-height: 24px;
   margin: 10px 0;
 }
 
 .member-thumb .overlay {
   font-size: 16px;
   padding: 20px;
   line-height: 24px;
 }
 
 
 .member-thumb:hover .overlay {
   cursor: pointer;
   opacity: 1;
   filter: alpha(opacity=100);
   
   -webkit-transform: rotateY(0deg) scale(1,1);
      -moz-transform: rotateY(0deg) scale(1,1);
     -ms-transform: rotateY(0deg) scale(1,1);
      -o-transform: rotateY(0deg) scale(1,1);
         transform: rotateY(0deg) scale(1,1);
 }
 
 .team-member:hover h4 {
   color: #1ab700;
 }
 
 .team-member .social-links {
   margin-top: 24%;
 }
 
 .team-member .social-links li a {
   background-color: #0d5d00;/* #0d7c67; */
   color: #fff;
   height: 42px;
   padding: 10px 0 0;
   width: 42px;
 }
 
 
 /*=========================================
   Some fun facts
 ==========================================*/
 
 #facts {
   background-image: url("../img/parallax/city.jpg");
   background-color: rgba(6,32,51,.8);
   background-attachment: fixed !important;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   padding: 0;
 }
 
 .facts .devider:before,
 .facts .devider:after {
   color: #737C85;
 }
 
 .facts .devider i {
   color: #fff;
 }
 
 .parallax-overlay {
   background-color: rgba(6,32,51,.8);
   padding: 70px 0;
 }
 
 .counters-item {
   color: #fff;
 }
 
 .counters-item i {
   border: 1px solid #737C85;
   border-radius: 50%;
   color: #fff;
   display: inline-block;
   height: 120px;
   margin: 0 0 35px;
   padding: 40px 0 0;
   width: 120px;
 }
 
 .counters-item strong {
   display: block;
   font-size: 60px;
   font-weight: 600;
   line-height: 60px;
 }
 
 .counters-item p {
   font-size: 18px;
   line-height: 24px;
   margin-top: 15px;
   text-transform: uppercase;
 }
 
 
 /*=========================================
   Contact Us
 ==========================================*/
 
 .contact {
   padding-bottom: 0;
   background-color: black;
 }
 
 .contact-address h3 {
   color: #00ee17;
   font-size: 22px;
   line-height: 32px;
   margin-bottom: 25px;
 }
 
 .contact-address p {
   line-height: 24px;
 }
 
 .contact-form {}
 
 .contact-form h3 {
   color: #00ef17;
   font-size: 24px;
   font-weight: 700;
   line-height: 32px;
   margin-bottom: 25px;
 }
 
 .contact-form .input-group {
   width: 100%;
 }
 
 .contact-form .form-control {
   border-color: -moz-use-text-color -moz-use-text-color #cccccc;
   border-radius: 0;
   border-style: none none solid;
   border-width: 0 0 1px;
   box-shadow: none;
   margin-bottom: 10px;
 }
 
 .contact-form .input-field {
   width: 48%;
   float: left;
   margin-right: 4%;
 }
 
 .contact-form .input-field:last-child {
   margin-right: 0;
 }
 
 .contact-form .form-control.error {
 border-bottom-color: #c0392b;
 }
 
 label.error {
   color: #c0392b;
   font-weight: normal;
 }
 
 .contact-form #form-submit {
   background: url("../img/envelop_green.png") no-repeat scroll 0 15px transparent;
   border: 0 none;
   color: #fff;
   font-size: 16px;
   line-height: 24px;
   padding: 10px;
   text-align: right;
   width: 150px;
 }
 
 .footer-social {
   margin-top: 17px;
 }
 
 .footer-social li a {
   color: #cdd2d6;
   display: block;
   margin-bottom: 10px;
 }
 
 #map_canvas {
   padding-top: 10px;
   padding-bottom: 10px;
   width: 100%;
 }
 
 
 
 /*=========================================
   Contact Us
 ==========================================*/
 
 
 .footer {
   background-color: #0f6900;
   
   color: #fff;
 }
 
 .footer a:hover {
   color: #062033;
 }
 
 .footer h6 {
   font-size: 14px;
   font-weight: 700;
   line-height: 24px;
   margin-bottom: 30px;
 }
 
 .about-us p {
   line-height: 24px;
 }
 
 .footer-single .subscribe {
   margin-bottom: 15px;
   position: relative;
 }
 
 .footer-single img{
   width: 80%
 }
 
 .subscribe #subscribe {
   background-color: transparent;
   border: 2px solid #fff;
   border-radius: 2px;
   height: 40px;
   text-indent: 10px;
   width: 100%;
 }
 
 .subscribe #subs {
   background-color: transparent;
   border: 0 none;
   font-size: 24px;
   position: absolute;
   right: 0;
   top: 6px;
 }
 
 .footer-single {
   line-height: 24px;
 }
 
 .footer-single ul {
   }
 
 .footer-single li {
   line-height: 32px;
 }
 
 .footer-single p i {
   margin: 0 10px;
 }
 
 .credit a {
   color: #062033;
 }
 
 .credit a:hover {
   color: #fff3;
 }
 
 .copyright {
   color: #fff3;
   margin-top: 100px;
   
 }
 
 .copyright a {
   color: #fff3;
   
 }
 
 #back-top {
   bottom: 20px;
   position: fixed;
   right: 25px;
   z-index: 9;
 }
 
 #logo_7traxx {
   width: 50%;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;;
   position: absolute;
 
 }
 
 #logo_txt{
   position: absolute;
   left: 0;
   right: 0;
   margin-top: 5px;
   margin-left: 10px;
   height: 35px;
   margin: auto;
   top: 7px;
 }
 
 #head_carousel {
   /* height: 1000px !important;*/
 }
 
 #page_header{
   /* height: 600px !important; */
 }
 
 .carousel-caption ul {
   bottom: 0 !important;
 }
 
 .carousel-caption {
   bottom: 6%;
 }
 
 a {
     color: #fff;
   
     -webkit-transition: all .3s ease-in 0s;
        -moz-transition: all .3s ease-in 0s;
         -ms-transition: all .3s ease-in 0s;
          -o-transition: all .3s ease-in 0s;
             transition: all .3s ease-in 0s;
 }
 
 iframe {
     border: 0;
 }
 
 a, a:focus, a:hover {
     text-decoration: none;
     outline: 0;
 }
 
 a:focus, a:hover {
     color: #6CB670;
 }
 
 h1, h2, h3,
 h4, h5, h6 {
   font-weight: normal;
   margin: 0;
 }
 
 .clear:before,
 .clear:after {
     content: " ";
     display: table;
 }
  
 .clear:after {
    clear: both;
 }
  
 .clear {
    *zoom: 1;
 }
 
 span.color {
   color: #0feb9e;
 }
 
 body > section,
 .footer {
   padding: 40px 0;
 }
 
 .sec-title {}
 
 /* REPLACE 1ab700 WITH  1ab700 for neon colors! */
 
 .sec-title h2 {
   color: #00ff18;
   font-size: 28px;
   font-weight: 800;
   /*text-transform: uppercase;*/
 }
 
 .sec-sub-title {
   margin: 35px 0 45px;
 }
 
 .sec-sub-title p {
   font-weight: 400;
   line-height: 24px;
   font-size: 18px;
   color: #00fe18;
 }
 
 .devider {
   margin-top: 30px;
 }
 
 .devider i {
   color: #cccccc;
 }
 
 .devider:before,
 .devider:after {
   content: "______________________";
   color: #e6e8ea;
   position: relative;
   bottom: 6px;
 }
 
 .devider:before {
   right: 10px;
 }
 
 .devider:after {
   left: 10px;
 }
 
 .mb50 {
   margin-bottom: 50px;
 }
 
 #preloader {
   background-color: #000;
   height: 100%;
   position: fixed;
   width: 100%;
   z-index: 1100;
 }
 
 #preloader > img {
   left: 0;
   right: 0;
   margin: auto;
   position: absolute;
   top: 0;
   bottom: 0;
 }
 
 
 /*=========================================
   Header
 ==========================================*/
 
 #navigation {
   background-color: rgba(16, 22, 54, 0.2);
   border: 0 none;
   margin: 0;
   
     -webkit-transition: background-color 800ms linear;
        -moz-transition: background-color 800ms linear;
       -ms-transition: background-color 800ms linear;
          -o-transition: background-color 800ms linear;
       transition: background-color 800ms linear;
 }
 
 .navbar-toggle i {
   color: #fff;
 }
 
 .navbar-brand {
   padding: 0;
 }
 
 .navbar-nav li a {
   border-top: 1px solid transparent;
 }
 
 .navbar-nav li a.current,
 .navbar-nav li a:focus,
 .navbar-nav li a:hover {
   background-color: transparent;
   border-top: 1px solid #32B0EE;
   color: #fff;
 }
 
 
 
 
 /*=========================================
   Slider
 ==========================================*/
 
 #slider {
   padding: 0;
 }
 
 #slider .carousel-inner .item {
   background-size: cover;
 }
 
 
 
 .carousel-caption h2 {
   font-size: 62px;
   font-weight: 300;
 }
 
 .carousel-caption h2 span {
   font-weight: 800;
 }
 
 .carousel-caption h3 {
   font-size: 48px;
   font-weight: 300;
   margin: 6px 0 20px;
 }
 
 .carousel-caption p {
   color: #fff;
   font-size: 18px;
   font-weight: 300;
 }
 
 .carousel-caption p:before,
 .carousel-caption p:after {
 color: #0feb9e;
 content: "___";
 position: relative;
 top: -8px;
 }
 
 .carousel-caption p:before {
   right: 20px;
 }
 
 .carousel-caption p:after {
   left: 20px;
 }
 
 .social-links {
   margin-top: 5%;
 }
 
 .social-links li {
   display: inline-block;
 }
 
 .social-links li a {
   color: rgba(255, 255, 255, 0.3);
   display: block;
   margin: 0 6px;
 }
 
 .social-links li a:hover {
   color: #fff;
 }
 
 .carousel-indicators {
   bottom: 10px;
   left: inherit;
   margin: 0;
   right: 30px;
   top: 49%;
   width: 0;
 }
 
 .carousel-indicators li {
   border: 1px solid rgba(255, 255, 255, 0.3);
   height: 8px;
   width: 8px;
 }
 
 .carousel-indicators .active {
   height: 8px;
   width: 8px;
 }
 
 
 
 /*=========================================
   Features
 ==========================================*/
 
 .features {
   background-color: #000000;
 }
 
 .owl-controls {
   bottom: -45px;
   margin-top: 10px;
   position: relative;
   text-align: center;
 }
 
 .owl-controls .owl-page {
   display: inline-block;
 }
 
 .owl-controls .owl-page span {
   border: 1px solid #C7CED3;
   border-radius: 20px;
   display: block;
   height: 8px;
   margin: 5px 4px;
   width: 8px;
 }
 
 .owl-controls .owl-page.active span {
   background: #062033;
   border: 0;
 }
 
 .service-icon {
   border: 1px solid #1ab700;
   border-radius: 50%;
   color: #1ab700;
   float: left;
   padding: 10px 13px;
 }
 
 .service-desc {
   margin-left: 70px;
   position: relative;
   top: 5px;
 }
 
 .service-desc h3 {
   color: #00ff18;
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 25px;
 }
 
 
 
 
 /*=========================================
   Our Works
 ==========================================*/
 
 .work-filter {
   margin-bottom: 35px;
 }
 
 .work-filter ul li {
     display: inline-block;
 }
 
 .work-filter ul li a {
   color: #062033;
   display: block;
   font-size: 14px;
   font-weight: 700;
   padding: 5px 17px;
   border-radius: 6px;
   text-transform: capitalize;
 }
 
 .work-filter ul li a:hover,
 .work-filter ul li a.active {
   background-color: #1ab700;
   border-radius: 6px;
   color: #fff;
   padding: 5px 17px;
 }
 
 .mix {
     display: none;
 }
 
 .work-item {
     float: left;
     width: 25%;
     position: relative;
 }
 
 .work-item > img {
   display: block;
   height: auto;
   max-width: 100%;
 }
 
 .overlay {
   background-color: #128200;/* rgba(14,180,147,.9); */
   text-align: center;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   color: #fff;
   
   opacity: 0;
   filter: alpha(opacity=0);
   
   -webkit-transition: all 450ms ease-out 0s;	
      -moz-transition: all 450ms ease-out 0s;
      -o-transition: all 450ms ease-out 0s;
         transition: all 450ms ease-out 0s;
       
   -webkit-transform: rotateY(180deg) scale(0.5,0.5);
      -moz-transform: rotateY(180deg) scale(0.5,0.5);
     -ms-transform: rotateY(180deg) scale(0.5,0.5);
      -o-transform: rotateY(180deg) scale(0.5,0.5);
       transform: rotateY(180deg) scale(0.5,0.5);
 }
 
 .work-item:hover .overlay {
   opacity: 1;
   filter: alpha(opacity=100);
   
   -webkit-transform: rotateY(0deg) scale(1,1);
      -moz-transform: rotateY(0deg) scale(1,1);
     -ms-transform: rotateY(0deg) scale(1,1);
      -o-transform: rotateY(0deg) scale(1,1);
         transform: rotateY(0deg) scale(1,1);
 }
 
 .work-item .overlay a {
   border: 1px solid #fff;
   border-radius: 50%;
   display: inline-block;
   margin-top: 20%;
   padding: 7px 10px;
 }
 
 .work-item .overlay a:hover {
   color: #fff;
 }
 
 .work-item .overlay h4 {
   font-size: 18px;
   font-weight: 700;
   line-height: 24px;
   margin: 25px 0 8px;
 }
 
 .work-item .overlay p {
   font-size: 14px;
   line-height: 24px;
 }
 
 
 
 /*=========================================
   Our Team Member
 ==========================================*/
 
 .member-thumb {
   width: 80% !important;
   max-width: 250px;
   position: relative;
 }
 
 .member-thumb .overlay h5 {
   font-size: 16px;
   font-weight: 700;
   line-height: 24px;
   margin: 10px 0;
 }
 
 .member-thumb .overlay {
   font-size: 16px;
   padding: 20px;
   line-height: 24px;
 }
 
 .team-member h4 {
   color: #6b8190;
   font-size: 18px;
   font-weight: 600;
   line-height: 24px;
   margin: 15px 0 8px;
 }
 
 .team-member {
   padding-bottom: 50px;
 }
 
 .team {
   padding-bottom: 0;
 }
 
 .member-thumb:hover .overlay {
   cursor: pointer;
   opacity: 1;
   filter: alpha(opacity=100);
   
   -webkit-transform: rotateY(0deg) scale(1,1);
      -moz-transform: rotateY(0deg) scale(1,1);
     -ms-transform: rotateY(0deg) scale(1,1);
      -o-transform: rotateY(0deg) scale(1,1);
         transform: rotateY(0deg) scale(1,1);
 }
 
 .team-member:hover h4 {
   color: #1ab700;
 }
 
 .team-member .social-links {
   margin-top: 24%;
 }
 
 .team-member .social-links li a {
   background-color: #0d5d00;/* #0d7c67; */
   color: #fff;
   height: 42px;
   padding: 10px 0 0;
   width: 42px;
 }
 
 
 /*=========================================
   Some fun facts
 ==========================================*/
 
 #facts {
   background-image: url("../img/parallax/city.jpg");
   background-color: rgba(6,32,51,.8);
   background-attachment: fixed !important;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   padding: 0;
 }
 
 .facts .devider:before,
 .facts .devider:after {
   color: #737C85;
 }
 
 .facts .devider i {
   color: #fff;
 }
 
 .parallax-overlay {
   background-color: rgba(6,32,51,.8);
   padding: 70px 0;
 }
 
 .counters-item {
   color: #fff;
 }
 
 .counters-item i {
   border: 1px solid #737C85;
   border-radius: 50%;
   color: #fff;
   display: inline-block;
   height: 120px;
   margin: 0 0 35px;
   padding: 40px 0 0;
   width: 120px;
 }
 
 .counters-item strong {
   display: block;
   font-size: 60px;
   font-weight: 600;
   line-height: 60px;
 }
 
 .counters-item p {
   font-size: 18px;
   line-height: 24px;
   margin-top: 15px;
   text-transform: uppercase;
 }
 
 
 #subscribe::placeholder {
   color: white;
 }
 
 /*=========================================
   Contact Us
 ==========================================*/
 
 .contact {
   padding-bottom: 0;
 }
 
 .contact-address{
   text-align: center;
 }
 
 .contact-address h3 {
   color: #00fe18;
   font-size: 22px;
   line-height: 32px;
   margin-bottom: 25px;
 }
 
 .contact-address p {
   line-height: 24px;
 }
 
 
 
 .contact-form h3 {
   color: #00d814;
   font-size: 24px;
   font-weight: 700;
   line-height: 32px;
   margin-bottom: 25px;
 }
 
 .contact-form .input-group {
   width: 100%;
 }
 
 .contact-form .form-control {
   border-color: -moz-use-text-color -moz-use-text-color #cccccc;
   border-radius: 0;
   border-style: none none solid;
   border-width: 0 0 1px;
   box-shadow: none;
   margin-bottom: 10px;
 }
 
 .contact-form .input-field {
   width: 48%;
   float: left;
   margin-right: 4%;
 }
 
 .contact-form .input-field:last-child {
   margin-right: 0;
 }
 
 .contact-form .form-control.error {
 border-bottom-color: #c0392b;
 }
 
 label.error {
   color: #c0392b;
   font-weight: bnormal;
 }
 
 .contact-form #form-submit {
   background: url("../img/envelop_green.png") no-repeat scroll 0 15px transparent;
   border: 0 none;
   color: #fff;
   font-size: 16px;
   line-height: 24px;
   padding: 10px;
   text-align: right;
   width: 150px;
 }
 
 .footer-social {
   margin-top: 17px;
 }
 
 .footer-social li a {
   color: #cdd2d6;
   display: block;
   margin-bottom: 10px;
 }
 
 #map_canvas {
   width: 100%;
   background-color: white;
 }
 
 #map_canvas iframe {
   width: 80%;
   margin-left: 10%;
 }
 
 
 #privacy_policy, #impressum {
   margin-top: 40px;
 }
 
 #privacy_policy h3,
 #privacy_policy h2,
 #privacy_policy h4{
   margin-top: 20px;
 }
 
 .grecaptcha-badge {
   display:none;
 }
 
 .g-recaptcha {
   color: black;
 }