html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
html, body, #root {
    min-height: 100%;
}
body {
    font-family: Gotham,Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #4a4a4a;
}
body,p,div,ul,h1,h2,h3,h4{
	margin:0px;
	padding:0px;
}
.bold{
	font-weight:bold;
}
p{
	line-height:30px;
}
a{
	text-decoration:none;
	color: #4a4a4a;
}
.center{
	text-align:center;
}
.centered-div{
	margin-left:auto;
	margin-right:auto;
}
.header{
	background:#e7eae3;
}
.container{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
ul{
	list-style:none;
}
ul.menu{
	padding: 10px 0px 10px 0px;
	z-index: 50;
	position: relative;
}
ul.menu li{
	display:inline-block;
	vertical-align: top;
}
ul.menu li a{
	display:block;
	color:#0c732c;
	padding:10px 15px 10px 15px;
	text-decoration:none;
	cursor:pointer;
}
ul.menu li ul.sub-menu{
	position:absolute;
	border:1px solid #0c732c;
	border-radius:0px 0px 20px 20px;
	background:#ffffff;
	display:none;
}
ul.menu li.main-li{
	position:relative;
}
ul.menu li.main-li:hover ul.sub-menu{
	display:block;
}
ul.menu li ul.sub-menu li{
	display:block;
}
ul.menu li ul.sub-menu li{
	border-bottom:1px solid #0c732c;
}
ul.menu li ul.sub-menu li a{
	display:block;
	color:#0c732c;
	padding:10px 15px 10px 15px;
	text-decoration:none;
}
ul.menu li ul.sub-menu li:last-child{
	border-bottom:0px solid #0c732c;
}
.remain-inline{
	display:inline-block;
	vertical-align:top;
}
.left{
	float:left;
}
.right{
	float:right;
}
.left-content{
	float:left;
}
.right-content{
	float:right;
}
.clear{
	clear:both;
}
.line{
	background:#0c732c;
	height: 6px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-radius: 3px;
}
.line_1{
	width: 194px;
}
.line_2{
	width: 140px;
}
.line_3{
	width: 230px;
}
.signup-bt{
	background:#ffffff;
	padding:12px;
	border-radius:30px;
	color:#0c732c ! important;
}
.signup-bt:hover{
    background-color: rgb(226, 226, 226);
}
.login-bt{
	margin-right:15px;
}
.login-bt:hover{
	background-color: #ffffff;
	padding:12px;
	border-radius:30px;
	color:#0c732c;
}
.btn{
	background:#0c732c;
	color:#ffffff;
	border-radius:30px;
	padding:12px 20px 12px 20px;
}
.footer{
	background:#1d1d1d;
	color:#fff;
	padding:20px 0px 50px 0px;
}
.footer a{
	color:#ffffff;
}
.footer ul{
	margin-top:20px;
}
.footer ul li{
	padding:4px 0px 4px 0px;
}
.footer-wave{
    width: 100%;
    height: 68px;
    position: relative;
	margin-top:30px;
}
.footer-vert-divider{
	float:left;
}
.social-networks{
	font-size:25px;
}
.copyright{
	margin-top:50px;
}
a.link:hover{
	text-decoration:underline;
}
.contact li{
	padding:5px 0px 5px 0px;
}
button,input[type="submit"]{
	background:#0c732c;
	border-radius:30px;
	padding:10px 20px 10px 20px;
	color:#FFF;
	font-weight:bold;
	border:0px;
	font-size:15px;
	cursor:pointer;
}
#animation{
	display:none;
}
.spinner {
  margin: 30px;
  height: 10px;
  width: 10px;
  animation: rotate 0.8s infinite linear;
  border: 8px solid #0c732c;
  border-right-color: transparent;
  border-radius: 50%;
  margin-left:auto;
  margin-right:auto;
}

@keyframes rotate {
  0%    { transform: rotate(0deg); }
  100%  { transform: rotate(360deg); }
}
.information, .success, .warning,.validation {
	border: 1px solid;
	margin: 10px 0px;
	padding:0px 10px 0px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.information, .success, .warning,.validation,.error p{
	padding-top:4px;
}
.information {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../images/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../images/warning.png');
}
.error {
border: 1px solid;
margin: 10px 0px;
padding:0px 10px 0px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../images/error.png');
}
.error p,.success p{
	margin: 5px;
}
input[type="text"],input[type="password"],input[type="tel"],input[type="email"], textarea {
    width: 100%;
    border: 0;
    background:#e6e7e8;
    font-weight: 300;
    margin: 0;
    padding: 0 12px 0 21px;
}
input[type="text"],input[type="password"],input[type="tel"],input[type="email"]{
	height: 40px;
}
textarea {
    padding-top: 18px;
	resize:none;
}
select {
    width: 100%;
    height: 40px;
    font-weight: 300;
    margin: 0;
    padding: 0 12px 0 21px;
}
@media only screen and (max-width: 992px) {
	ul.menu li ul.sub-menu{
		top:50px;
	}
	.wrapper{
		padding:10px;
	}
	.container{
		width:100% ! important;
	}
	ul.menu li a {
		padding: 10px 10px 10px 10px ! important;
	}
	ul.menu li ul.sub-menu.last{
		right:5px;
	}
	ul.menu li img{
		margin-top: -10px !important;
		width: 30px !important;
	}
	.left-content{
		float: none ! important;
		width:100% ! important;
		clear:both;
		margin-bottom:20px;
	}
	.right-content{
		float: none ! important;
		width:100% ! important;
		clear:both;
		margin-bottom:20px;
	}
	.footer-wave{
		height:15px ! important;
	}
	.footer-vert-divider{
		width:100% ! important;
		float:none ! important;
		margin-bottom:30px;
	}
}