@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);
@import url(https://fonts.googleapis.com/css?family=Volkhov:400italic);
/*
 * This css file includes styles added in the jekyll port of this theme.
 * To find the original style.css that ships with Airspace, read airspace.css
 *
 */

 html {height:100%!important;}
 body {margin:0; padding:0; height:100%!important;}

a {
  color: #a2b228;
}
.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

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

.post-area {
  padding: 40px;
  width: 100%;
  min-height: 150px;
  background-color: white;
  border-bottom: 1px dotted #ddd;
}

.post-area a:link,
.post-area a:visited {
  font-size: 30px;
  color: #333;
}

.post-area a:hover {
  color: #0D0017;
}

.lang-list {
  display: inline-block;
  margin-top: 15px;
}

.lang-list a {
  color: #0D0017;
  font-weight: bold;
}
/*--
	Common Css
--*/
body {
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans';
}

h2 {
  font-size: 30px;
  font-weight: 300;
}

h3 {
  font-size: 28px;
  font-weight: 300;
  margin: 65px 0 0 0;
}
section#education h3 {
  margin-top: 47px;
}

h4 {
font-size: 1.4em;
font-weight: 700;
margin-bottom: 10px;
}

h5 {
  font-size: 1.2em;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 20px;
  }

p {
  font-size: 14px;
  line-height: 28px;
  margin: 1.5em 0!important;
  
}

ul {
  margin: 0;
  padding: 0 0 0 30px;
  margin-bottom: 10px!important;
  font-size: 16px;
  line-height: 26px;
  
}
li {
  padding-bottom: 4px;
}

.fz-20{
  font-size: 20px;
}

a,
a:active,
a:focus,
a:active {
  text-decoration: none !important;
}

.section {
  padding: 100px 0;
}

.section-title {
  margin-bottom: 70px;
}

.section-title h2 {
  /*text-transform: uppercase;*/
  font-size: 28px;
  font-weight: 600;
}

.section-title p {
 /* font-family: 'Volkhov', serif;*/
  font-style: normal;
  color: #666;
}

.btn-main,
.btn-transparent,
.btn-small {
  background: #655E7A;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 1px;
  padding: 14px 35px;
  text-transform: uppercase;
  border-radius: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.btn-main:hover,
.btn-transparent:hover,
.btn-small:hover {
  background: #353240;
  color: #fff;
}
.btn-solid-border {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
}
.btn-solid-border:hover {

  background: #655E7A;
}
/*--
	Header Start
--*/
header {
  background: #fff;
  padding: 10px 0;
}

header .navbar {
  margin-bottom: 0px;
  border: 0px;
}

header .navbar-brand {
  padding-top: 2px;
}

header .navbar-default {
  background: none;
  border: 0px;
}

header .navbar-default .navbar-nav {
  padding-top: 10px;
}

header .navbar-default .navbar-nav li a {
  color: #333;
  padding: 10px 26px;
  font-size: 16px;
}

font header .navbar-default .navbar-nav li a:hover {
  color: #000;
 
}

.navbar-header {
  margin-bottom: 5px; 
}


/*---------------------------------------------
					Index Start
-----------------------------------------------*/
/*--
	Slider Start
--*/
#slider {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: 10% 0%;
  /*padding: 200px 0 280px 0;*/
  padding: 127px 0 62px 0;
  position: relative;
  z-index:0;
  overflow:hidden;
}

#slider:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.4;
}

#slider .block {
  color: #E3E3E4;
}

#slider .block h1 {
  font-family: 'Open Sans';
  color:white;
  font-weight: 700;
  font-size: 42px;
  line-height: 60px;
  letter-spacing: 3px;
  padding-bottom: 45px;
  text-shadow: black 0px 3px 5px;
}

#slider .block p {
  font-size: 23px;
  line-height: 40px;
  font-family: 'Open Sans';
  font-weight: 400;
  letter-spacing: 0px;
  text-shadow: 0px 2px 2px #000000;
  color: white;
}

/*--
	wrapper Start
--*/
#intro {
  padding: 50px 0;
}

#intro .block h2 {
  font-family: 'Open Sans';
  font-size: 32px;
  padding-top: 35px;
  line-height: 27px;
  margin: 0;
  font-weight:300;
}

#intro .block p {
  color: #7B7B7B;
  padding-top: 20px;
}

#intro .block img {
 /* padding-left: 40px;*/
  width: 100%;
}

#intro .section-title {
  margin-bottom: 0px;
}

#intro .section-title p {
  padding-top: 20px;
}

/*--
	service Start
--*/
#service {
  text-align: center;
  padding: 90px 0;
}

#service .service-item {
  padding-bottom: 30px;
}

#service .service-item i {
  font-size: 60px;
  color: #4A4656;
}

#service .service-item h4 {
  padding-top: 20px;
  margin: 0;
  color: #666;
}

#service .service-item p {
  color: #888;
  padding-top: 10px;
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
}

/*--
	call-to-action Start
--*/
#call-to-action {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 70px 0px;
  position: relative;
  text-align: center;
  color: #fff;
}

#call-to-action:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #1d192c;
  opacity: 0.8;
}

#call-to-action h2 {
  padding-bottom: 24px;
  line-height: 33px;
  margin: 0;
  font-size: 30px;
  font-weight: 300;
  font-family: 'Open Sans';
}

#call-to-action p {
  font-size: 16px;
  line-height: 1.6;
}

#call-to-action .btn-call-to-action {
  padding: 15px 35px;
  border: none;
  background-color: #fff;
  font-size: 15px;
  color: #333333;
  margin-top: 30px;
}

/*--
	Feature Start
--*/
#feature {
  background-position: 50% 94px;
  width: 100%;
  display: block;
  position: relative;
  overflow: visible;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding: 100px 0;
}

#feature h2 {
  font-family: 'Open Sans';
  font-size: 32px;
  font-weight: 300;
  margin-bottom: 30px;
}

#feature p {
  color: #5E5F60;
  margin-bottom: 20px;
}

#feature .btn-view-works {
  background: #655E7A;
  color: #fff;
  padding: 10px 20px;
}

/*--
	content Start
--*/
#testimonial {
  padding: 100px 0;
}

#testimonial .block h2 {
  line-height: 27px;
  color: #5C5C5C;
  padding-top: 110px;
}

#testimonial .block p {
  padding-top: 50px;
  color: #7B7B7B;
}

#testimonial .counter-box li {
  width: 50%;
  float: left;
  text-align: center;
  margin: 30px 0 30px;
}

#testimonial .counter-box li i {
  font-size: 35px;
}

#testimonial .counter-box li h4 {
  font-size: 30px;
  font-weight: bold;
}

#testimonial .counter-box li span {
  color: #555;
}

#testimonial .testimonial-carousel {
  text-align: center;
  width: 75%;
  border: 1px solid #DEDEDE;
  padding: 24px;
  margin: 0 auto;
}

#testimonial .testimonial-carousel img {
  padding-bottom: 38px;
}

#testimonial .testimonial-carousel p {
  line-height: 28px;
  font-weight: 300;
  padding-bottom: 20px;
}

#testimonial .testimonial-carousel .user img {
  padding-bottom: 0px;
  border-radius: 500px;
}

#testimonial .testimonial-carousel .user p {
  padding-bottom: 0;
  font-size: 12px;
  line-height: 20px;
  color: #353241;
}

#testimonial .testimonial-carousel .user p span {
  display: block;
  color: #353241;
  font-weight: 600;
}

#testimonial .testimonial-carousel .owl-carousel .owl-pagination div {
  border: 1px solid #1D1D1D;
  border-radius: 500px;
  display: inline-block;
  height: 10px;
  margin-right: 15px;
  width: 10px;
}

#testimonial .testimonial-carousel .owl-carousel .owl-pagination div.active {
  background: #5C5C5C;
  font-size: 30px;
  display: inline-block;
  border: 0px;
}

/*--
	features Start
--*/
#clients-logo-section {
  padding-top: 30px;
  padding-bottom: 75px;
}

#clients-logo-section .clients-logo-img {
  padding: 0px 50px;
}

/*---------------------------------------------
					Work Start
-----------------------------------------------*/
/*--
	Slider-work Start
--*/
#global-header {
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 110px;
  padding-bottom: 77px;
  /*
  padding-top: 150px;
  padding-bottom: 107px;*/
  position: relative;
  background-attachment: fixed;
}

#global-header:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.2;

}

#global-header .block {
  color: #E3E3E4;
  margin: 0 auto;
  /*padding-left: 90px; klemen*/
  text-align: center;
}

#global-header .block h1 {
  font-family: Roboto!important;
  font-weight: 300;
  font-size: 45px;
  letter-spacing: 2px;
  /*padding-bottom: 15px;*/
  margin-top: 0;
  text-transform: uppercase;
  text-shadow: black 0px 3px 5px;
}

#global-header .block p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  word-spacing: 3px;
}

/*--
	portfolio-work Start
--*/
#portfolio-work {
  overflow: hidden;
  padding: 80px 0;
}

#portfolio-work .block .portfolio-menu {
  padding-bottom: 30px;
  text-align: center;
}

#portfolio-work .block .portfolio-menu ul {
  border: 1px solid #999999;
  display: inline-block;
  margin-bottom: 40px;
}

#portfolio-work .block .portfolio-menu ul li {
  display: inline-block;
  padding: 0px 25px;
  cursor: pointer;
  font-size: 15px;
  line-height: 40px;
  font-weight: 600;
  color: #333333;
  text-transform: capitalize;
  position: relative;
}

#portfolio-work .block .portfolio-menu ul .active {
  color: #655E7A;
  position: relative;
}

#portfolio-work .block .portfolio-menu ul .active:before {
  content: "\f0d7";
  position: absolute;
  font-family: 'FontAwesome';
  bottom: -18px;
  font-size: 30px;
  width: 20px;
  left: 0px;
  right: 0px;
  top: 23px;
  margin: 0 auto;
  color: #fff;
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.9);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#portfolio-work .block .portfolio-menu ul li:hover:before {
  content: "\f0d7";
  position: absolute;
  font-family: 'FontAwesome';
  bottom: -18px;
  font-size: 30px;
  width: 20px;
  left: 0px;
  right: 0px;
  top: 24px;
  margin: 0 auto;
  color: #fff;
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.9);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#portfolio-work .block .portfolio-contant ul li {
  float: left;
  width: 32.22%;
  overflow: hidden;
  margin: 6px;
  position: relative;
}

#portfolio-work .block .portfolio-contant ul li:hover .overly {
  opacity: 1;
}

#portfolio-work .block .portfolio-contant ul li:hover .position-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

#portfolio-work .block .portfolio-contant ul li a {
  display: block;
  color: #fff;
}

#portfolio-work .block .portfolio-contant ul li a h2 {
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#portfolio-work .block .portfolio-contant ul li a p {
  font-size: 15px;
}

#portfolio-work .block .portfolio-contant ul li a span {
  font-style: italic;
  font-size: 13px;
  color: #655E7A;
}

#portfolio-work .block .portfolio-contant ul img {
  width: 100%;
  height: auto;
}

#portfolio-work .block .portfolio-contant .overly {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  text-align: center;
}

#portfolio-work .block .portfolio-contant .position-center {
  position: absolute;
  top: 50%;
  left: 10%;
  -webkit-transform: translate(0%, 50%);
  -moz-transform: translate(0%, 50%);
  -ms-transform: translate(0%, 50%);
  transform: translate(0%, 50%);
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  transition: .5s all;
}

#portfolio-work .block .mix {
  display: none;
}

/*--
	wrapper-work Start
--*/
#wrapper-work {
  overflow: hidden;
  padding-top: 100px;
}

#wrapper-work ul li {
  width: 50%;
  float: left;
  position: relative;
}

#wrapper-work ul li img {
  width: 100%;
  height: 100%;
}

#wrapper-work ul li .items-text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  padding-left: 44px;
  padding-top: 140px;
}

#wrapper-work ul li .items-text h2 {
  padding-bottom: 28px;
  padding-top: 75px;
  position: relative;
}

#wrapper-work ul li .items-text h2:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 75px;
  height: 3px;
  background: #fff;
}

#wrapper-work ul li .items-text p {
  padding-top: 30px;
  font-size: 16px;
  line-height: 27px;
  font-weight: 300;
  padding-right: 80px;
}

/*--
	features-work Start
--*/
#features-work {
  padding-top: 50px;
  padding-bottom: 75px;
}

#features-work .block ul li {
  width: 19%;
  text-align: center;
  display: inline-block;
  padding: 40px 0px;
}

/*---------------------------------------------
					Work Close
-----------------------------------------------*/
/*=============================================*/
/*---------------------------------------------
					 Contact Start
-----------------------------------------------*/
/*--
	contact-form Start
--*/
#contact-form {
  padding-top: 70px;
  padding-bottom: 35px;
}

#contact-form .block form .form-group {
  padding-bottom: 15px;
  margin: 0px;
}

#contact-form .block form .form-group .form-control {
  background: #F6F8FA;
  height: 60px;
  border: 1px solid #EEF2F6;
  box-shadow: none;
  width: 100%;
}

#contact-form .block form .form-group-2 {
  padding-bottom: 15px;
  margin: 0px;
}

#contact-form .block form .form-group-2 textarea {
  background: #F6F8FA;
  height: 135px;
  border: 1px solid #EEF2F6;
  box-shadow: none;
  width: 100%;
}

#contact-form .block button {
  width: 100%;
  height: 60px;
  background: #47424C;
  border: none;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
}

/*--
	wrapper-contact Start
--*/
.address-block li {
  margin-bottom: 20px;
}

.address-block li i {
  margin-right: 15px;
  font-size: 20px;
  width: 20px;
}

.social-icons {
  margin-top: 40px;
}

.social-icons li {
  display: inline-block;
  margin: 0 6px;
}

.social-icons a {
  display: inline-block;
}

.social-icons i {
  color: #2C2C2C;
  margin-right: 25px;
  font-size: 25px;
}

.google-map {
  position: relative;
}

.google-map #map {
  width: 100%;
  height: 300px;
  background-color: #ff432e;
}

#contact-box {
  padding-top: 35px;
  padding-bottom: 58px;
}

#contact-box .block img {
  width: 100%;
}

#contact-box .block h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  color: #000;
  font-size: 28px;
  padding-bottom: 30px;
}

#contact-box .block p {
  color: #5C5C5C;
  display: block;
}

/*--
	features-contact Start
--*/
#features-contact {
  padding-top: 50px;
  padding-bottom: 75px;
}

#features-contact .block ul li {
  width: 19%;
  text-align: center;
  display: inline-block;
  padding: 40px 0px;
}

/* Blog */
.blog-post {
  margin-bottom: 50px;
}

.blog-post img {
  margin-bottom: 15px;
}

.blog-post p {
  margin: 15px 0 20px;
}

.post-title {
  color: #655E7A;
  font-size: 25px;
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}

/*---------------------------------------------
					Contact Close
-----------------------------------------------*/
/*--------- Heading------------*/
.heading {
  padding-bottom: 60px;
  text-align: center;
}

.heading h2 {
  color: #000;
  font-size: 30px;
  line-height: 40px;
  font-weight: 400;
}

.heading p {
  font-size: 18px;
  line-height: 40px;
  color: #292929;
  font-weight: 300;
}

/*---------------------------*/
/*--
	footer Start
--*/
footer {
  background: #F5F5F5;
  text-align: center;
  padding-top: 48px;
  padding-bottom: 55px;
}

footer p {
  font-size: 13px;
  line-height: 25px;
  color: #919191;
  /*--------klemen---------------*/
  display: none;
}

footer a {
  color: #595959;
}

footer .footer-manu {
  padding-bottom: 25px;
}

footer .footer-manu ul {
  margin: 0px;
  padding: 0px;
}

footer .footer-manu ul li {
  display: inline-block;
  padding: 0px 20px;
}

footer .footer-manu ul li a {
  display: inline-block;
  color: #494949;
}

footer .footer-manu ul li a:hover {
  color: #000;
}

/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */
/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /*---------------------------------------------
					Index Start 
-----------------------------------------------*/
  /*--
	wrapper Start 
--*/
  #wrapper {
    text-align: center;
  }
  #wrapper .block img {
    padding-top: 100px;
    width: 50%;
  }
  /*--
	content Start 
--*/
  #content {
    text-align: center;
  }
  #content .block {
    padding-bottom: 100px;
  }
  /*--
	features Start 
--*/
  #features {
    text-align: center;
  }
  /*--
	footer Start 
--*/
  footer .navbar {
    margin-bottom: 0px;
    border: 0px;
    min-height: 40px;
  }
  footer .navbar-default {
    border: 0px;
    width: 68%;
  }
  footer .navbar-default .navbar-nav li a {
    color: #494949;
    padding: 10px 10px;
    font-size: 15px;
  }
  footer .navbar-default .navbar-nav li a:hover {
    color: #000;
  }
  /*---------------------------------------------
					Index Close 
-----------------------------------------------*/
  /*=============================================*/
  /*---------------------------------------------
					Work Start 
-----------------------------------------------*/
  /*--
	slider-work Start 
--*/
  #slider-work .block h1 {
    font-size: 28px;
  }
  #slider-work .block p {
    font-size: 15px;
  }
  /*--
	portfolio Start 
--*/
  #portfolio-work .block .portfolio-manu {
    padding-left: 0px;
  }
  #portfolio-work .block .portfolio-contant ul li a .img-heading {
    padding: 5px 0 5px 13px;
  }
  #portfolio-work .block .portfolio-contant ul li a .img-heading h2 {
    font-size: 20px;
    line-height: 25px;
  }
  #portfolio-work .block .portfolio-contant ul li a .img-heading p {
    font-size: 11px;
    line-height: 20px;
  }
  #portfolio-work .block .portfolio-contant ul li a .overlay {
    padding-left: 15px;
  }
  #portfolio-work .block .portfolio-contant ul li a .overlay h2 {
    padding-top: 30px;
    padding-bottom: 15px;
    font-size: 20px;
    line-height: 25px;
  }
  #portfolio-work .block .portfolio-contant ul li a .overlay p {
    font-size: 11px;
    line-height: 20px;
    padding-top: 15px;
  }
  /*--
	wrapper Start 
--*/
  #wrapper-work ul li .items-text {
    padding-top: 0;
    padding-left: 25px;
  }
  #wrapper-work ul li .items-text h2 {
    padding-bottom: 10px;
    padding-top: 40px;
  }
  #wrapper-work ul li .items-text p {
    font-size: 14px;
    line-height: 20px;
    padding-right: 30px;
  }
  /*--
	features Start 
--*/
  #features-work .block ul li {
    width: 49%;
  }
  /*---------------------------------------------
					Work close 
-----------------------------------------------*/
  /*=============================================*/
  /*---------------------------------------------
					contact start 
-----------------------------------------------*/
  #wrapper-contact .block {
    padding-bottom: 50px;
  }
  /*--
	features-contact Start 
--*/
  #features-contact .block ul li {
    width: 49%;
  }
  /*---------------------------------------------
					contact close 
-----------------------------------------------*/
  /*------------------*/
}
/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (max-width: 767px) {
  /*---------------------------------------------
					Index Start 
-----------------------------------------------*/
.login_btn{
  top: 26px!important;
  right: 120px!important;
}  
#div2 {
  padding-left:0!important;
}
.heading {
    padding-left: 0px;
  }

  p {
    font-size: 13px;
  }
  header .navbar-default .navbar-toggle {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #slider {
    padding-top: 90px;
    padding-bottom: 100px;
  }
  #slider .block {
    padding-left: 0px;
  }
  #slider .block h1 {
    font-size: 20px;
  }
  #slider .block p {
    font-size: 13px;
  }
  /*--
	wrapper Start 
--*/
  #wrapper {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 100px;
  }
  #wrapper .block img {
    padding-top: 100px;
    padding-left: 0px;
    width: 100%;
  }
  /*--
	service Start 
--*/
  #service {
    padding-top: 100px;
  }
  #service .thumbnail {
    padding-bottom: 70px;
  }
  /*--
	call-to-action Start 
--*/
  #call-to-action p {
    padding: 0px 0px 40px;
  }
  #call-to-action .btn {
    padding: 10px 20px;
    font-size: 15px;
  }
  /*--
	content Start 
--*/
  #content {
    text-align: center;
    padding-top: 70px;
  }
  #content .block {
    padding-bottom: 100px;
  }
  #content .block h2 {
    padding-top: 0px;
  }
  #content .block-bottom {
    padding: 0px;
  }
  #content .block-bottom .item-img {
    padding-left: 0px;
  }
  /*--
	features Start 
--*/
  #features .features-img {
    text-align: center;
  }
  /*---------------------------------------------
					Index Close 
-----------------------------------------------*/
  /*=============================================*/
  /*---------------------------------------------
					Work Start 
-----------------------------------------------*/
  #slider-work {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  #slider-work .block {
    padding-left: 0px;
  }
  #slider-work .block h1 {
    font-size: 20px;
  }
  #slider-work .block p {
    font-size: 11px;
    line-height: 25px;
  }
  /*--
	portfolio Start 
--*/
  #portfolio-work .block .portfolio-manu {
    padding-left: 0px;
    text-align: center;
  }
  #portfolio-work .block .portfolio-manu ul li {
    padding: 0 8px;
  }
  #portfolio-work .block .portfolio-contant ul li {
    width: 100%;
  }
  #portfolio-work .block .portfolio-contant ul li a .img-heading {
    padding: 5px 0 5px 13px;
  }
  #portfolio-work .block .portfolio-contant ul li a .img-heading h2 {
    font-size: 20px;
    line-height: 25px;
  }
  #portfolio-work .block .portfolio-contant ul li a .img-heading p {
    font-size: 11px;
    line-height: 20px;
  }
  #portfolio-work .block .portfolio-contant ul li a .overlay {
    padding-left: 15px;
  }
  #portfolio-work .block .portfolio-contant ul li a .overlay h2 {
    padding-top: 65px;
    padding-bottom: 15px;
    font-size: 20px;
    line-height: 25px;
  }
  #portfolio-work .block .portfolio-contant ul li a .overlay p {
    font-size: 11px;
    line-height: 20px;
    padding-top: 15px;
    padding-right: 5px;
  }
  /*--
	wrapper Start 
--*/
  #wrapper-work ul li {
    float: none;
    width: 100%;
  }
  #wrapper-work ul li .items-text {
    padding-left: 15px;
    padding-top: 30px;
  }
  #wrapper-work ul li .items-text h2 {
    padding-top: 10px;
    padding-bottom: 15px;
    font-size: 20px;
    line-height: 25px;
  }
  #wrapper-work ul li .items-text p {
    font-size: 11px;
    line-height: 20px;
    padding-top: 15px;
  }
  /*--
	features Start 
--*/
  #features-work .block ul li {
    display: block;
    width: 100%;
  }
  /*---------------------------------------------
					Work close 
-----------------------------------------------*/
  /*=============================================*/
  /*---------------------------------------------
					contact Start 
-----------------------------------------------*/
  /*--
	slider-contact Start 
--*/
  #slider-contact {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  #slider-contact .block {
    padding-left: 0px;
  }
  #slider-contact .block h1 {
    font-size: 20px;
  }
  #slider-contact .block p {
    font-size: 11px;
    line-height: 25px;
  }
  /*--
	wrapper-contact Start 
--*/
  #wrapper-contact .block {
    padding-bottom: 50px;
  }
  #wrapper-contact .block .location p {
    width: 100%;
  }
  #wrapper-contact .block .social-media-icon a i {
    padding-top: 30px;
  }
  /*--
	features-contact Start 
--*/
  #features-contact .block ul li {
    display: block;
    width: 100%;
  }
  /*---------------------------------------------
					contact close 
-----------------------------------------------*/
  /*--
	footer Start 
--*/
  footer .footer-manu {
    display: none;
  }
}
/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */
.iblock {
  display: inline-block;
  text-align: center;
}
.center {
  text-align: center;
}
img[alt="Sentinel-2 viewer"] {
  text-align: center;
  max-width:100%;
}

.app-box img {
  float: left;
  margin-right: 50px;
  border-radius: 50%;
  max-width: 175px;
  width: auto;
  height: auto;
  margin-bottom: 50px;
}
.app-box {
  display: inline-block;
  /*padding: 25px 25px 35px;*/
  padding: 35px 2px 0px;
  border-bottom: 1px dashed #dcdcdc;
  border-radius: 6px;
  width: 900px;
  max-width: 950px;
  margin-bottom: -1px;
}
.dot-container {
  padding-bottom: 30px;
  margin-top: 30px;
}
.dot-container>* {
  display: inline-block;
  vertical-align: top;
}
.dot>a>img {
  border-radius: 50% 50% 50% 50%;
  margin-right: 35px;
  margin-top: 35px;
  width: 230px;
  transition: all ease 0.3s;
}
.dot-container p {
  width: 670px;
}

p {
  font-size: 16px;
  line-height: 26px;
  margin: 0 0 10px;
}
.datasubtitle {
  width:230px; 
  font-size:70%; 
  text-align:center;
  margin-top: 10px;
}

.btn_brown{
  background: #c39049;
  border: none;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: normal;
  padding: 50px 20px;
  transition: all ease 0.3s;
  text-decoration: none;
  text-shadow: none;
  font-size: 0.9em;
  display: inline-block;
  vertical-align: middle;    
	line-height: 1.5em;
	margin-right: 5px;
	text-align: center;
	min-width:120px;
}

.btn_green{
	background: #a2bf4a;
  border: none;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: normal;
  padding: 50px 20px;
  transition: all ease 0.3s;
  text-decoration: none;
  text-shadow: none;
  font-size: 0.9em;
  display: inline-block;
  vertical-align: middle;  
	line-height: 1.5em;
	margin-right: 5px;
	text-align: center;
	min-width:120px;
}

.btn_cyan{
	background: #49c2b9;
  border: none;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: normal;
  padding: 50px 20px;
  transition: all ease 0.3s;
  text-decoration: none;
  text-shadow: none;
  font-size: 0.9em;
  display: inline-block;
  vertical-align: middle;   
	line-height: 1.5em;
	margin-right: 5px;
	text-align: center;
	min-width:120px;
}

.btn_blue{
	background: #4991c0;
  border: none;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: normal;
  padding: 50px 20px;
  transition: all ease 0.3s;
  text-decoration: none;
  text-shadow: none;
  font-size: 0.9em;
  display: inline-block;
  vertical-align: middle;
 	line-height: 1.5em;
	margin-right: 5px;
	text-align: center;
	min-width:120px;
}

.btn_violet{
	background: #6161a7;
  border: none;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: normal;
  padding: 50px 20px;
  transition: all ease 0.3s;
  text-decoration: none;
  text-shadow: none;
  font-size: 0.9em;
  display: inline-block;
  vertical-align: middle;
	line-height: 1.5em;
	margin-right: 5px;
	text-align: center;
	min-width:120px;
}

.btn_violet_2{
	background: #8b61a7;
  border: none;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: normal;
  padding: 50px 20px;
  transition: all ease 0.3s;
  text-decoration: none;
  text-shadow: none;
  font-size: 0.9em;
  display: inline-block;
  vertical-align: middle;
	line-height: 1.5em;
	margin-right: 5px;
	text-align: center;
	min-width:120px;
}
.btn_violet_3{
	background: #b27794;
  border: none;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: normal;
  padding: 50px 20px;
  transition: all ease 0.3s;
  text-decoration: none;
  text-shadow: none;
  font-size: 0.9em;
  display: inline-block;
  vertical-align: middle;
	line-height: 1.5em;
	margin-right: 5px;
	text-align: center;
	min-width:120px;
}
.box-container {
	border: 1px dashed lightgrey;
	border-radius: 6px 6px 6px 6px;
  min-height: 160px;
  height:100%;
	margin: 35px 10px;
	width: 80%;
}
.box-container>* {
	margin: 0;
	padding: 0;
}
.box-container>h4 {
	font-size: 1.5em;
	padding: 15px 0;
}
.box-container i,
.step-title i,
.small-text i {
	color: hsl(63, 100%, 37%);
	margin-right: 7px;
	font-size: 1em;
}
.img>img {
	border-radius: 6px 0 0 6px;
	float: left;
	margin-right: 25px;
	max-width: 250px;
}

.btn {
	background: #a2b228;
	border: none;
	color: #fff !important;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: normal;
	padding: 10px 20px;
	border-radius: 4px;
	transition: all ease 0.3s;
	text-decoration: none;
	text-shadow: none;
	font-size: 0.9em;
	display: inline-block;
	vertical-align: middle;

	line-height: 1.5em;
}
.psquare {
  line-height: 22px;
}
.wmsTwoCol>img {
  float: right;
  margin-left: 35px;
}
.imgContainer>img {
  box-shadow: 2px 3px 4px hsla(0, 0%, 0%, 0.2);
  margin-right: 20px;
  margin-top: 20px;
  float: none;
}
#tab_img .imgDescription {
	text-align: left;
	float: right;
	padding: 20px;
	width: 25%;
}

#tab_img .imgDescription.wide {
	width: 28%;
	margin-top: 15px;
}

#tab_img>* {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}
.fadeImgs {
	position: relative;
	display: inline-block;
	max-width: 100%;
}

.fadeImgs img {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}

.fadeImgs>img:first-child {
	position: relative;
}
.background {
  background: #efefef;
  margin: 20px 0;
  height: 330px;
}
.video-container {
  position: relative;
  padding-bottom: 50.25%;
  padding-top: 30px;
  height: 0;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.side_orange{
	background-color:#c39049;
	color:white!important;
}
.side_green{
	background-color:#a2bf4a;
	color:white!important;
}
.side_cyan{
	background-color:#49c2b9;
	color:white!important;
}
.side_blue{
	background-color:#4991c0;
	color:white!important;
}
.side_violet{
	background-color:#6161a7;
	color:white!important;
}
.side_violet2{
	background-color:#8b61a7;
	color:white!important;
}
.side_violet3{
	background-color:#b27794;
	color:white!important;
}


.side_orange a{
	background-color:#c39049;
	color:white!important;
}
.side_orange a:hover{

	color:#414546!important;
}
.side_green a{
	color:white!important;
	text-align:center;
}
.side_green a:hover{
	color:#414546!important;
	text-align:center;
}
.side_cyan a{
	color:white!important;
	text-align:center;
}
.side_cyan a:hover{
	color:#414546!important;
	text-align:center;
}
.side_blue a{
	color:white!important;
	text-align:center;
}
.side_blue a:hover{
	color:#414546!important;
	text-align:center;
}
.side_violet a{
	color:white!important;
	text-align:center;
}
.side_violet a:hover{
	color:#414546!important;
	text-align:center;
}
.side_violet2 a{
	color:white!important;
	text-align:center;
}
.side_violet2 a:hover{
	color:#414546!important;
	text-align:center;
}
.side_violet3 a{
	color:white!important;
	text-align:center;
}
.side_violet3 a:hover{
	color:#414546!important;
	text-align:center;
}

.long-text-container {
  max-width: 100%;
	width: auto;
}

.long-text-menu {
	float: left;
    min-width: 180px;
    margin-top: -38px;
    margin-left:0;


}
.long-text-menu>aside>ul>li:nth-child(1){
  background-color: #01282f;
  border-bottom: 1px solid #444;
}
.long-text-menu>aside>ul>li:nth-child(2){
  background-color: #01282f;
  border-bottom: 1px solid #444;
}
.long-text-menu>aside>ul>li:nth-child(3){
  background-color: #01282f;
  
  border-bottom: 1px solid #444;
}
.long-text-menu>aside>ul>li:nth-child(4){
  background-color: #01282f;
  
  border-bottom: 1px solid #444;
}
.long-text-menu>aside>ul>li:nth-child(5){
  background-color: #01282f;
  
  border-bottom: 1px solid #444;
}
.long-text-menu>aside>ul>li:nth-child(6){
  background-color: #01282f;
  
  border-bottom: 1px solid #444;
}
.long-text-menu>aside>ul>li a{
  color:grey;

}
aside{
  background-color:#f5f5f5;
}
.sub-menu li {
  border-bottom: 1px solid #666;
  padding: 5px;
  font-size:14px;
  background-color: #333;
  padding-left: 20px;
}
.sub-menu .sub-menu li {
  border-bottom: none;
  padding: 5px;
  font-size:14px;
  background-color: #333;
  padding-left: 20px;
}
.long-text-menu a{
  color:grey;
}
.long-text-menu>aside>ul>li{
  font-size:14px;
}


.long-text-menu>ul li,
.aboutmenu ul li {
	border-bottom: 1px solid hsl(0, 0%, 86%);
	list-style: none outside none;
	padding: 8px 10px;
}

.long-text-menu ul{
list-style-type: none;
padding: 0 0 0 0px;
margin-bottom: 0!important;
}



.aboutmenu {
	margin-top: 50px;
}
.pricing {
	width: 100%;
	margin: 1.5em auto 3em;
}

.pricing__feature-list {
	text-align: left;
}

.pricing--plans .pricing__item {
	padding: 2em 2em;
	cursor: default;
	border: 1px solid #fff;
}

.pricing--plans .pricing__item:nth-child(even) td {
	background-color: #fff
}

.pricing--plans .pricing__item:nth-child(even) .priceBox {
	background-color: hsl(0, 0%, 97%);
}

.pricing__item>td {
	background: none repeat scroll 0 0 hsl(0, 0%, 96%);
	padding: 8px;
}

.pricing--plans .pricing__item:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.pricing--plans .pricing__item>.priceBox {
	background: none repeat scroll 0 0 hsl(0, 0%, 91%);
	/*width: 27%;*/
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.pricing--plans .pricing__title {
	margin: 1.5em 0 0;
}

.pricing--plans .icon {
	font-size: 2.8em;
	color: #999999;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.pricing--plans .pricing__item:hover .icon {
	color: #a2b228;
}

.pricing--plans .pricing__price {
	font-size: 2.5em;
	font-weight: 300;
	margin: 0.7em 0 0.2em;
	overflow: hidden;
}

.pricing--plans .pricing__currency {
	font-size: 0.7em;
}

.pricing--plans .pricing__period {
	font-size: 0.4em;
	font-weight: 300;
}

.pricing--plans .pricingDetails {
	font-size: 0.35em;
	opacity: 0.6;
}

.pricing--plans .pricing__anim {
	display: inline-block;
	position: relative;
}

.pricing--plans .pricing__item:hover .pricing__anim {
	-webkit-animation: moveUp 0.4s forwards;
	animation: moveUp 0.4s forwards;
	-webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.pricing--plans .pricing__item:hover .pricing__anim--2 {
	-webkit-animation-delay: 0.05s;
	animation-delay: 0.05s;
}

.pricing form tbody {
	border: none;
}

.pricing form>table {
	width: 100%;
}

.pricing--plans .pricing__sentence {
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0 0 0.5em;
	color: #8b909d;
}

.pricing--plans .pricing__feature-list {
	font-size: 0.85em;
	margin: 0;
	padding: 0.25em 0 2.5em;
	list-style: none;
	text-align: center;
}

.pricing--plans .pricing_plus {
	width: 40px;
	height: 40px;
	border: 1px solid hsla(223, 8%, 58%, 0.18);
	padding: 0;
	border-radius: 50%;
	margin: 0 auto;
}

.pricing--plans .pricing_plus p {
	font-size: 2em !important;
	margin-top: -3px;
	text-align: center;
}
.table tr,
.table td {
	border: 1px solid #dcdcdc;
	padding: 5px;
	vertical-align: top;
}

.table tr:nth-child(even) {
	background: #fff
}

.table tr:nth-child(odd) {
	background: none repeat scroll 0 0 hsl(0, 0%, 96%)
}

.table p {
	margin: 0;
	padding: 5px;
}

.table th {
	border: 1px solid hsl(0, 0%, 86%);
	padding: 0 5px;
	text-align: left;
}

.table .pre {
	max-width: 600px;
}

.eoTypeGroup>.views-row {
	padding: 10px 10px 10px 140px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(40% - 20px);
	min-height: 130px;
	margin-right: 10px;
	margin-bottom: 5px;
	box-shadow: 0 1px 2px #ccc;
}

.eoTypeGroup>.views-row .views-field-field-eo-image {
	position: absolute;
	left: 10px;
	top: 10px;
	border: 3px solid #7f7a00;
}

.eoTypeGroup>.views-row .views-field-field-eo-image img {
	display: block;
}

.eoTypeGroup>.views-row .views-field-title {
	font-weight: bold;
	color: #444;
}

.eoTypeGroup>.views-row .views-field-field-band-combinations {
	font-family: monospace;
	color: #666;
}

.eoTypeGroup>.views-row .views-field-body {
	font-size: 13px;
}

.eoTypeGroup>.views-row .views-field-body p {
	margin: 0 0 4px!important;
	line-height: 1.2em;
}

.featureIco {
	margin-top: 65px;
	margin-bottom: 30px;
}

.featureIco h3 {
  font-family: 'Open Sans';
	font-size: 1em;
	font-weight: 400;
	margin: 0;

}

.featureIco p,
.step p {
	font-size: 1em;
	line-height: 1.4em;
	opacity: 0.6;
}

.featureIco>div {
	display: inline-block;
	width: calc(30% - 30px);
	text-align: center;
	margin-right: 30px;
	margin-left: 30px;
	vertical-align: top;
}

.featureIco img {
	height: 100px;
	width: 100px;
}

.box-list>div {
	display: inline-block;
	padding: 20px 10px;
	vertical-align: middle;
}

.box-list {
	border: 1px solid hsl(0, 0%, 86%);
	border-radius: 6px 6px 6px 6px;
	margin-bottom: 20px;
	width: 75%;
}

.box-desc {
	width: 70%;
}

.box-img {
	width: 17%;
	text-align: center;
}

.box-list div>* {
	margin: 0;
	padding: 0;
}

.box-desc h4 {
	font-size: 1.5em;
	margin-bottom: 5px;
}

#tabsVer.tabsFront {
  text-align: left;
}
.tabsFront .ui-widget-header .ui-state-default.ui-tabs-active.ui-state-active {
	background: #a2b228;
}
.tabsFront .ui-widget-header .ui-state-default {
	background: #f2f2f2;
}
.tabsFront a {
	color: #a2b228;
	text-decoration: none;
}
.tabsFront a:hover {
  text-decoration: underline;
}
#tabsVer.tabsFront ul {
	float: none;
}
#tabsVer.tabsFront .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix {
	width: auto;
}
#tabsVer.tabsFront ul li {
	display: inline-block;
}
#tabsVer.tabsFront {
	text-align: center;
}
#tabsVer.tabsFront>* {
	width: auto;
	max-width: 100%;
	float: none !important;
}
#tabsVer {
	margin-top: 40px;
}
#tabsVer .ui-tabs-nav {
	margin-top: 5px;
	margin-right: 20px;
}
#tabsVer .ui-tabs-nav li {
	border: medium none;
	display: block;
	float: none;
	margin-bottom: 10px;
	font-size: 0.85em;
}

#tabsVer .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix {
	width: 25%;
}

#tabsVer div>h3 {
	color: hsl(0, 0%, 0%);
	font-size: 2.2em;
	font-weight: 300;
	padding: 0;
	margin-top: -5px;
}

#tabsVer div>h4 {
	font-weight: 300;
	font-size: 1.4em;
	line-height: 1.2;
}



.ui-tabs .ui-tabs-nav li {
	border: 1px solid hsl(0, 0%, 93%);
	display: inline-block;
	margin: 0 3px;
	padding: 0 3px;
	transition: all ease 0.3s;
	color: hsl(0, 0%, 0%);
}

.ui-tabs .ui-tabs-panel {
	padding: 0;
}

.ui-tabs .ui-tabs-nav li:hover {
	cursor: pointer;
	border: 1px solid #a2b228;
}

.ui-widget-header .ui-state-active {
	border: 1px solid #a2b228;
	text-shadow: none !important;
}

.ui-widget {
	font-family: Open Sans, Arial, sans-serif;
}

.ui-tabs .ui-tabs-nav li a {
	text-transform: uppercase;
	text-shadow: none;
}

.ui-tabs .ui-tabs-nav li a:hover {
	text-decoration: none;
}
  

.infographic {
	position: relative;
}

.infographic li {
	position: absolute;
	list-style: none;
}

.tooltip-1 {
	left: 78%;
	top: 3%;
}

.tooltip-2 {
	left: 30%;
	top: 20%;
}

.tooltip-3 {
	left: 82%;
	top: 28%;
}

.tooltip-4 {
	left: 31%;
	top: 16%;
}

.tooltip-5 {
	left: 20%;
	top: 60%;
}

.tooltip-6 {
	left: 24%;
	top: 18%;
}

.tooltip-7 {
	left: 44%;
	top: 11%;
}

.tooltip-8 {
	left: 67%;
	top: 50%;
}

.tooltip {
	display: inline;
	position: relative;
	z-index: 999;
}

/* Trigger text */

.tooltip-item {
	background: #a2b228;
	border: 2px solid #fff;
	border-radius: 5px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	padding: 0 10px;
	color: #fff;
}

.tooltip-item:hover {
	background: #222;
}
/* Gap filler */
.tooltip-item::after {
	content: '';
	position: absolute;
	width: 360px;
	height: 20px;
	bottom: 100%;
	left: 50%;
	pointer-events: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.tooltip:hover .tooltip-item::after {
	pointer-events: auto;
}

/* Tooltip */

.tooltip-content {
	position: absolute;
	z-index: 9999;
	width: 360px;
	left: 50%;
	margin: 0 0 10px -180px;
	bottom: 100%;
	text-align: left;
	font-size: 0.765em;
	line-height: 1.4;
	box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	opacity: 0;
	cursor: default;
	pointer-events: none;
	padding-top: 6px;
}

.tooltip-title {
	font-weight: 700;
	margin-left: 10px;
	font-size: 1.1em;
}

.tooltip-effect-2 .tooltip-content {
	-webkit-transform-origin: 50% calc(100% + 10px);
	transform-origin: 50% calc(100% + 10px);
	-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);
	transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}

.tooltip:hover .tooltip-content,
.tooltip:focus .tooltip-content {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
	transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
}

.tooltip.tooltip-effect-2:hover .tooltip-content {
	-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
	transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
}


/* Arrow */

.tooltip-content::after {
	content: '';
	top: 100%;
	left: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #2a3035;
	border-width: 10px;
	margin-left: -10px;
}


/* Tooltip content*/

.tooltip-text {
	font-size: 1em;
	line-height: 1.35;
	display: block;
	padding: 10px;
	color: #222;
	font-weight: 400;
}

.tooltip-effect-5 .tooltip-text {
	padding: 1.4em;
}

.tooltip-text a {
	color: #a2b228!important;
}




.tabInfo {
	margin-top: -15px;
	margin-bottom: 5px;
}

.tabsFront .ui-widget-header .ui-state-default.ui-tabs-active.ui-state-active {
	background: #a2b228;
}

.tabsFront .ui-widget-header .ui-state-default {
	background: #f2f2f2;
}

.tabsFront a {
	color: #a2b228;
	text-decoration: none;
}



.tabsFront a:hover {
	text-decoration: underline;
}

#tabsVer.tabsFront ul {
	float: none;
}

#tabsVer.tabsFront .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix {
	width: auto;
}

#tabsVer.tabsFront ul li {
	display: inline-block;
}

#tabsVer.tabsFront {
	text-align: center;
}

#tabsVer.tabsFront>* {
	width: auto;
	max-width: 100%;
	float: none !important;
}

.infographic {
	position: relative;
}

.infographic li {
	position: absolute;
	list-style: none;
}

.tooltip-1 {
	left: 78%;
	top: 3%;
}

.tooltip-2 {
	left: 30%;
	top: 20%;
}

.tooltip-3 {
	left: 82%;
	top: 28%;
}

.tooltip-4 {
	left: 31%;
	top: 16%;
}

.tooltip-5 {
	left: 20%;
	top: 60%;
}

.tooltip-6 {
	left: 24%;
	top: 18%;
}

.tooltip-7 {
	left: 44%;
	top: 11%;
}

.tooltip-8 {
	left: 67%;
	top: 50%;
}

.tooltip {
	display: inline;
	position: relative;
	z-index: 999;
}

.uppercase {
	text-transform: uppercase;
	color: #7f7a00;
	font-weight: 600 !important;
}

code {
	border: none;
}


/* Trigger text */

.tooltip-item {
	background: #a2b228;
	border: 2px solid #fff;
	border-radius: 5px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	padding: 0 10px;
	color: #fff;
}

.tooltip-item:hover {
	background: #222;
}


/* Gap filler */

.tooltip-item::after {
	content: '';
	position: absolute;
	width: 360px;
	height: 20px;
	bottom: 100%;
	left: 50%;
	pointer-events: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.tooltip:hover .tooltip-item::after {
	pointer-events: auto;
}


/* Tooltip */

.tooltip-content {
	position: absolute;
	z-index: 9999;
	width: 360px;
	left: 50%;
	margin: 0 0 10px -180px;
	bottom: 100%;
	text-align: left;
	font-size: 0.765em;
	line-height: 1.4;
	box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	opacity: 0;
	cursor: default;
	pointer-events: none;
	padding-top: 6px;
}

.tooltip-title {
	font-weight: 700;
	margin-left: 10px;
	font-size: 15px;
}

.tooltip-effect-2 .tooltip-content {
	-webkit-transform-origin: 50% calc(100% + 10px);
	transform-origin: 50% calc(100% + 10px);
	-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);
	transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}

.tooltip:hover .tooltip-content,
.tooltip:focus .tooltip-content {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
	transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
}

.tooltip.tooltip-effect-2:hover .tooltip-content {
	-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
	transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
}


/* Arrow */

.tooltip-content::after {
	content: '';
	top: 100%;
	left: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #2a3035;
	border-width: 10px;
	margin-left: -10px;
}


/* Tooltip content*/

.tooltip-text {
	font-size: 13px;
	line-height: 1.35;
	display: block;
	padding: 10px;
	color: #222;
  font-weight: 400;
}

.tooltip-effect-5 .tooltip-text {
	padding: 1.4em;
}

.tooltip-text a {
	color: #a2b228;
}

#description {
  background-color: #222;
  color: white;
  display: none;
  border-radius: 5px;
  font-size: 12px;
  margin-top: 0px;
  padding: 5px;
  line-height: 1.2em;
  transition: ease-in-out 0.3s;
  width: 400px;
}
#jury-member:hover #description {
  display: block;
  justify-content: center;
  transition: ease-in-out 0.3s;
}
#data-mission:hover #description {
  display: block;
  justify-content: center;
  transition: ease-in-out 0.3s;
}

  .ui-tabs, .ui-widget-header {
    background: none;
    border: none;
    padding: 0;
}
.ui-tabs-vertical .ui-widget-header,
.ui-tabs-vertical .ui-tabs-panel {
	float: left;
	width: calc(33% - 30px);
}
.ui-tabs-vertical .ui-tabs-panel {
	width: calc(66% - 30px);
	padding: 15px;
}
.ui-widget-header .ui-state-default {
	border: none;
	background: none;
	color: #666;
	border-radius: 5px;
	display: block;
	float: none;
}
.ui-tabs .ui-tabs-nav li a {
	float: none;
	display: block;
  padding: 8px 12px;
}
.ui-widget-header .ui-state-active {
	background: #a2b228;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
}
.ui-widget-header .ui-state-active a {
	color: #fff; 
}

/**** inline ***/
.ui-tabs.inline {
	display: inline-block;
	max-width: 100%;
	text-align: center;
}
.ui-tabs.inline .ui-widget-header {
	display: inline-block;
	padding: 0;
	background: #ddd;
	border-radius: 5px;
}
.ui-tabs.inline .ui-widget-header li {
	float: none;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}
.ui-tabs.inline .ui-tabs-panel {
  text-align: left;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: block;
}
#breadcrumbs {
  margin-top: 18px;
  margin-left: -15px;
  font-size:14px;
  text-transform: capitalize;
}
.subtitle_press {
  position: absolute;
  display:inline;
  color: white;
  padding: 10px;
  background: rgba(1, 40, 47, .6);
  margin-top:140px;

  max-width: 250px;
}
#checkmark:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 13px;
  background-color: #73c8c0;
  left: 10px;
  top: 2px;
}
#checkmark {
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#checkmark:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 4px;
  background-color: #73c8c0;
  left: 6px;
  top: 11px;
}
.panel-heading {
 /* background-color: white!important; */
}
.panel {
  border: none;
}
header {
  background: #01282f;
 

}
.navbar-nav>li>.dropdown-menu {

  background: #01282f;
}
header .navbar-default .navbar-nav li a {
  color: grey;
  /*font-weight: 700;*/
}
header .navbar-default .navbar-nav li a:hover {
  color: white;
  /*font-weight: 700;*/
  background-color:#243339;
}
#myVideo {
  position: absolute;
  width: 100%;
	min-height: 100%;
  top:0;
 }
  .pre {
    background: none repeat scroll 0 0 hsl(0, 0%, 96%);
    border-left: 5px solid hsl(63, 100%, 37%);
    font-size: 0.9em;
    color: #195372;
    padding: 10px 15px;
}

table p {
  margin:0!important;
}
@media only screen and (max-width: 415px) {
  .app-box {
    max-width: 414px;
    width:auto!important;
}
.box-list>div {
  display: block;
}

.img2 img {
  width:100%!important;

}
  .dot-container p {
    width: auto!important;
}
  .navbar-brand>img {
    display: block;
    width: 80%;
    margin-top: 8px;
  }
  #slider {
    padding-top: 0;
    padding-bottom: 0;
  }
  .row {
     margin-right: 0px; 
     margin-left: 0px;
}
#breadcrumbs {
  margin-left: 0;
}
.btn_green{
  max-width:inherit!important;
  min-height: auto!important;
}
.btn_brown{
  max-width:inherit!important;
  min-height: auto!important;
}
.btn_cyan{
  max-width:inherit!important;
  min-height: auto!important;
}
.btn_blue{
  max-width:inherit!important;
  min-height: auto!important;

}
.btn_violet{
  max-width:inherit!important;
  min-height: auto!important;
}
.btn_violet_2{
  max-width:inherit!important;
  min-height: auto!important;

}
  #slider .block h1 {
    line-height: 1;
    padding-bottom: 0;
  }
  .footer-manu {
    display:none!important;
  }
  #div2 {
    padding-left:0!important;
  }
  .login_btn {
    top: 31px!important;
    right: 93px!important;
    font-size: 9px!important;
    padding: 8px!important;
    padding-top: 10px!important;
    padding-bottom:10px!important;
  }
  #slider .block p {
    font-size: 16px;
    /*line-height: 20px;*/
    line-height:0;
  }
  .squares {
    display: block!important;
  }
  .squares>.btn_brown {
    max-width: max-content!important;
    min-height: max-content!important;
  }
  .squares>.btn_green {
    max-width: max-content!important;
    min-height: max-content!important;
  }
  .squares>.btn_cyan {
    max-width: max-content!important;
    min-height: max-content!important;
  }
  .featureIco div{
    width:100%!important;
    margin-left: 0; 
  }

  .responsive {
    width: 100%!important;
    height: auto!important;
  }
  img[alt*="Sentinel-2 viewer"] {
    width:100%!important;
    height:auto!important;
 } 

  img[alt*="tablet_ndvi_maps"] {
  width:100%!important;
  height:auto!important;
  }
  .imgDescription{
  width: 100%!important;
  }
  .long-text-container {
  max-width: 100%!important;
  }
  #global-header .block h1 {
  font-size:35px;
  }
  #global-header {
  padding-top: 50px;
  padding-bottom: 25px;
  }
  .app-box img {
    margin-bottom:30px;
  }
  .box-desc {
     width: 100%; 
  }
  .box-list {
    width:95%;
  }
  #feature {
    background-image: none!important;
    background:#ece8e8;
  }
  .app-box > h4 {
    clear: both;
  }
  .long-text-menu {
    /* needed because of proposed solution */
    /* Could also be display: none;, but this works too.*/
    height: 0;
  }
  .sidemenu {
    display: none!important;
    /* These 3 things below have no meaning because
      there is no other way of opening the sidemenu 
      beside the buttons inside the .sidemenu element
    */
    width: 200px!important;
    margin-top: 50px;
    padding-right: 20px;
  }
}


html, body {
  height: 100%;
  margin: 0;
}
.long-text-menu {
  /* changes needed because of proposed solution */
  /* height:100%; */
  position: sticky;
  top: -38px; /* because of margin-top: -38px; on line 1835 */
  height: calc(100vh + 38px); /* because of margin-top: -38px; on line 1835 */
}
.sidemenu {
  height:100%; 
}
.level4 {
  padding-left: 10px!important;
}
.level4 li {
  border-bottom: none!important;
}

.level1 li {
  border-bottom: #49524c 1px dashed;
  padding-left: 8px;
}
.level1 li:last-child {
  border-bottom: none;
}
.sidemenu a:hover {
  color: #beb7b7;
}
.navbar-brand {
  padding-left: 0;
}

/*@media only screen and (max-width: 1650px) {
.container {
  width: 1100px;
  }}*/

  .soc-btn a {
    padding-right:5px;
  }
  .sidemenu > ul {
    /* margin and padding not needed in the proposed solution */
    /* margin-bottom: -9800px!important;
    padding-bottom: 9800px!important; */
    background-color: #01282f!important;
    height: 100%;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1680px) {
    .container {
      width: calc(63%)!important;
    }
  }

  @media only screen and (min-width: 1681px) and (max-width: 2560px) {
    .container {
      width: calc(70%)!important;
    }
    .education-box {
      max-width:32%!important;
    }
  }

  section:nth-child(4){
    /* Don't know if this only affects the sidemenu, 
      but with this rule present, the solution only
      works for pricing and faq
    */
    /* overflow:hidden; */
  }
  #side_menu {
    transition: 1s;
  }
  #sm_btn {
    float: right;
    border: none;
    background-color: #222e34;
    color:white;
  }

  #sm_btn1 {
    display:none;
    float: right;
    border: none;
    background-color: #222D34;
    color:white;
    position: absolute;
    left: 0px;
  }
  .sidemenu a {
    font-size: 15px;
}
.sidemenu .level1 li>a {
  font-size: 15px!important;
}
.level2 li {
  padding-left: 0;
}
aside ul {
  line-height: 2em;
}
@media only screen and (min-width: 1200px) and (max-width: 1341px){
  .nav {
    margin-right: -115px!important;
  }
}
.powered {
  color: #f0f0f0;
  font-size: 9px;
  display: inline-block;
  margin-top: 21px!important;
  float:left;
  line-height: 26px;
}
.powered span {
  color: #a2b228;
}

@media only screen and (min-width: 768px) and (max-width: 1600px){
  header .navbar-default .navbar-nav li a {
  padding:10px 10px;
}
}

@media only screen and (min-width: 990px) and (max-width: 1060px){
  header .navbar-default .navbar-nav li a {
  padding:10px 10px;
  } 
    .nav {
    margin-right: 40px;
  }
}

@media only screen and (max-width: 768px) {
  p.powered {
    margin-bottom: 0px!important;
  }
  .navbar-brand {
    padding-right:25px;
  }
  #fot1 {width: 230px;}
  .btn {
    font-size: 0.7em;
  }
  
}
@media only screen and (min-width: 768px) and (max-width: 989px){
    p.powered  {
    display: block;
    /*margin-left: 20px!important;*/
  }
}

@media only screen and (min-width: 768px) and (max-width: 868px){
  .nav {
    margin-right: 30px!important;
}
}

@media only screen and (max-width: 414px) {
  p.powered {
    margin-top: 5px!important;
    margin-left: 37px!important;
    font-size: 7px;
    margin-bottom: -22px!important;
    line-height: 2px;
  }}

  @media only screen and (min-width: 700px) and (max-width: 1216px) {
    .long-text-menu {
      /* needed because of proposed solution */
      /* Could also be display: none;, but this works too.*/
      height: 0;
    }
    .sidemenu {
      display:none!important;
    }
  }
  #Geoserver {
    display:none;
  }

  @media only screen and (min-width: 400px) and (max-width: 1084px) {
    #slider{
      padding:0;
      
    }
    #slider .block h1 {
      padding-top:60px;
    }
    #slider .block p {
      margin: 10px!important;
      line-height: 20px;
    }
  }
  @media only screen and (max-width: 700px){
    .long-text-menu {
      /* needed because of proposed solution */
      /* Could also be display: none;, but this works too.*/
      height: 0;
    }
    .sidemenu {
      display:none!important;
    }
  }

  @media only screen and (min-width: 768px) and (max-width: 992px) {
    .powered {
      font-size: 8.8px;
      display: block;
      float: none;
      padding-left: 23px;
      padding-bottom: 0;
      margin-bottom: -20px!important;
      line-height: 2px;
    }
  }

  @media only screen and (max-width: 987px){
    .row {
      margin-left:0!important;
      margin-right:0!important;
    }
  }
  #fot1 {
    max-width: 250px;
  }
  @media only screen and (max-width: 630px){
    .footer-manu {
      display:none!important;
    }
  }
  .logotypes img {
    padding-right: 35px;
    vertical-align: middle;
    padding-bottom: 22px;
}

@media only screen and (max-width: 500px) {
  h3.presponse {
    font-size: 18px;
  }

  .h2res {
    font-size: 22px!important;
  }

  table td:first-child {
    padding-left:5px!important;
  }
  table.thirdparty td {
    vertical-align:top;
  }
  .thirdparty p {
    font-size:14px;
    line-height: 1.4;
  }

  .thirdparty ul {
    font-size:14px;
    line-height: 1.4;
  }
  .thirdparty p {
    font-size: 14px;
  }
  .thirdparty li {
   text-indent: 0!important;
   padding:0!important;
   line-height: 18px;
  }
  #enterprise td {
  vertical-align: top;
   }

   .btn1 {
     font-size:12px!important;
   }
   #pricetag {
    font-size:16pt!important;
  }
}
.thirdparty p {
  font-size: 14px!important;
}
.thirdparty li {
  font-size: 14px!important;
  line-height: 1.4;
}
.btn2 {
	background: #a2b228;
	border: none;
	color: #fff !important;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: normal;

	border-radius: 4px;
	transition: all ease 0.3s;
	text-decoration: none;
	text-shadow: none;
	font-size: 0.9em;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5em;
}
.pricelinks {
  text-decoration: underline !important;
  color: #474747!important;
}
#faq {
  overflow: initial;
}
#pricing {
  overflow: hidden;
}
.panel-title {
  cursor:pointer;
}
.panel {
  margin-bottom: 0px;
}
.panel-heading {
  background-color: white!important;
}
.pricingfaqs .panel-title {
  font-size:14px;
}
.pricingfaqs {
  border-collapse: collapse;
  margin-bottom: 0.2px;
}
.btn2 {
  text-decoration: underline!important;
}

@media only screen and (max-width: 992px) {
#feature {
  background-image: none!important;
}}

#faq .sidemenu ul {
  /* not needed in the proposed solution */
  /* margin-bottom: -4400px!important;
  padding-bottom: 4400px!important; */
}

#pricing .sidemenu ul {
  /* not needed in the proposed solution */
  /* margin-bottom: -3100px!important;
  padding-bottom: 3100px!important; */
}
#pricing {
  overflow: initial;
}
#eobrowser .sidemenu ul {
  /* not needed in the proposed solution */
  /* margin-bottom: -6280px!important;
  padding-bottom: 6280px!important; */
}
#eobrowser {
  overflow: initial;
}

.tablinks.btn.active {
  background-color: #868b39;
}
@media only screen and (max-width: 768px) {
  .caret {
    display:none;
  }}

  #faq .panel-body:after {
    clear: unset!important;
  }

  .pricingfaqs .panel-body:after {
    clear: unset!important;
  }



  @media only screen and (min-width: 1850px) and (max-width: 3000px) {
    #slider  {
      overflow: hidden;
    }
  }

  .login_btn:hover {
    background-color:#655E7A!important;
    color:white!important;
  }
  
  /* Counter */

  .counter_container {
    color: #333;
    margin: 0 auto;
    text-align: center;
  }
  
  #headline {
    font-weight: normal;
    margin-bottom: 25px;
    margin-top: 40px;
  }
  
  #countdown li {
    display: inline-block;
    font-size: 1em;
    list-style-type: none;
    padding: 1em;
    text-transform: uppercase;
    border-right:#cececc 1px solid;
    padding-bottom: 0.5em;
    color: #a2b228;
  }
  
  #countdown li span {
    display: block;
    font-size: 4.5rem;
    padding-bottom: 11px;
  }
  
  .message {
    font-size: 4rem;
  }
  
  #content_counter {
    display: none;
    padding: 1rem;
  }
  
  
  
  @media all and (max-width: 768px) {
    #headline {
      font-size: 1.5rem;
    }
    
    #countdown li.counter {
      font-size: 1.125rem;
      padding: .75rem;
    }
    
    #countdown li span {
      font-size: 3.375rem;
    }
    #countdown li {
      padding: 0.5em;
      font-size: 0.8em;
    }
  }

  section#education .btn {
    font-size: 0.85em!important;
    margin-bottom:10px!important;
}

.btns a{
  background: #a2b228;
  border: none;
  color: #fff !important;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: normal;
  padding: 10px 20px;
  border-radius: 4px;
  transition: all ease 0.3s;
  text-decoration: none;
  text-shadow: none;
  font-size: 0.9em;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5em;
  margin-bottom: 15px;
}
.education-box {
  margin-right: 4px;
  vertical-align: top; 
  max-width: 310px!important; 
  display: inline-block; 
  background-color: #F1F1F1; 
  margin-top: 5px; 
  padding-top: -30px; 
  padding-bottom: 1px; 
  padding-right: 10px; 
  padding-left: 10px;
}
.education-box img {
  width: 100%;
  height: auto;
}

section#education h2 {
  margin-bottom: 30px;
  margin-top: 45px;
}
section#education figure {
  display: inline-block;
  margin-right: 20px;
}

.inlineimage {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
#how-can-you-take-part-in-the-challenge {
  margin-bottom: 20px;
}

section#contest li p {
  margin-bottom: 5px!important;
  margin-top: 5px!important;
  font-weight: bold;
}
section#contest ul ul li {
  list-style-type: none;
}
h3#faq {
  margin-bottom:20px;
}
.trip-box:hover {
  transform: scale(1.02);
}
.trip-box {
  transition: 0.3s;
}
section#fis_request .section-title {
  margin-bottom:0!important;
}

section#rs-101-textbook-initiative .section-title {
  display:none;
}
section#rs-101-textbook-initiative .trip-box {
  margin-top: 0!important;
}
section#contest .section-title {
  display:none;
}
section#contest .trip-box {
  margin-top: 0!important;
}

ol {font-size: 16px;}

#how-can-i-observe-live-changes-custom-script-directly-configurator figure:nth-of-type(2) {
display:inline!important;
}
section#careers [title~=Chief], section#careers [title~=Apply], section#careers [title~=Python], section#careers [title~=Back-end], section#careers [title~=Front-end], section#careers [title~=Dev], section#careers [title~=Java], section#careers [title~=Open], section#careers [title~=Other], section#careers [title~=Evangelist] { 
  background: #a2b228;
  border: none;
  color: #fff !important;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: normal;
  padding: 10px 20px;
  border-radius: 4px;
  transition: all ease 0.3s;
  text-decoration: none;
  text-shadow: none;
  font-size: 0.9em;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5em;
}
section#careers hr {
  border-top: 1px solid #ddd;
}

section#careers .nav-tabs {
  border-bottom: 0;
}

section#careers .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  color: white;
  cursor: default;
  background-color: #536a06;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
section#careers ul.nav.nav-tabs {
  height: 24px;
}

section#careers .panel-body {
  padding-left: 0;
}

section#careers .panel-heading.panel-heading-nav{
  padding-left: 0px;
}

section#careers .nav-tabs>li>a {
  color: #333;
}





section#pricing hr {
  border-top: 1px solid #ddd;
}

section#pricing .nav-tabs {
  border-bottom: 0;
}

section#pricing .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  color: white;
  cursor: default;
  background-color: #4f6f00;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
section#pricing .panel-default>.panel-heading{
  border: none;
  
}
section#pricing .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 4px 4px;
    background-color:#97a80b;
}
section#pricing ul.nav.nav-tabs {
  height: 24px;
}

section#pricing .panel-body {
  padding-left: 0;
}

section#pricing .panel-heading.panel-heading-nav{
  padding-left: 0px;
}

section#pricing .nav-tabs>li>a {
  color: white;
}

section#pricing .checkbox, .radio {
  display: inline-flex;
}
@media only screen and (max-width: 600px) {
section#pricing ul.nav.nav-tabs {
  display:flex;
  height:auto;
}
section#pricing .nav-tabs>li {
  display: contents;
}

}
.ot-floating-button {
  display:none;
}