body,
.menu li a {
	font-size: 14px !important;
}

h1, h2, h3, h4, h5, h6 {
	color: #666;
}

.menu li a {
	text-transform: none;
}

nav.bg-light .nav-utility,
nav.bg-light .nav-bar {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

nav.bg-light .logo-light {
    display: inline;
}

.btn-oneplus.animated:hover {
	padding: 10px 25px;
}

.customer-ref .btn-oneplus {
	opacity: 0.5;
}

.vision {
    padding: 20px 25px;
    border-radius: 30px;
}

.btn-oneplus {
	width: 100%;
	border: 1px solid white;
	color: #333;
	padding: 10px 16px;
    font-size: 18px;
}

.btn-oneplus:hover,
.btn-oneplus:focus,
.btn-oneplus.active {
	opacity: 1;
}

.btn-oneplus:focus {
	outline: none !important;
	color: white;
}

.btn-oneplus:hover,
.btn-oneplus:focus {
	background: #37ad9f;
}

.btn-oneplus.active {
	background: #37ad9f;
	color: white;
}

.bg-light a:hover {
    /*color: #bfa21a;*/
    color: #333;
}

.menu > li ul {
	background: #37ad9f;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

.menu li ul li a {
	text-transform: none;
	opacity: 1;
}

.menu > li > ul li {
	border-bottom: 1px solid white;
}

.menu li.toggle-sub a{
	opacity: 1;
}

.menu > li > ul li:last-child {
	border-bottom: transparent;
}

.nav-bar {
    height: 73px;
    max-height: 73px;
    line-height: 74px;
}

.nav-bar .left-side ul li {
	line-height: 70px;
}

.nav-bar .left-side ul li {
	vertical-align: top;
}

nav li.active a {
	color: #37ad9f;
	opacity: 1;
}

.nav-bar .module,
.nav-bar .module-group {
    height: 73px;
}

.nav-container,
nav.fixed {
    border-bottom: 4px solid #37ad9f;
}

.logo {
    max-height: 100%;
}

.company-name {
	font-size: 24px;
	margin-left: 10px;
}

.tab-title i {
	margin-bottom: 0 !important;
}

.image-bg .btn.btn-filled,
.image-bg .btn-filled:visited {
    border-color: #37ad9f;
}

.image-bg .btn-filled:hover {
    border-color: #fff !important;
}

.primary-color {
	color: #37ad9f;
}

button,
.btn {
	text-transform: none !important;
	font-size: 14px !important;
}

.bg-primary,
input[type="submit"],
button[type="submit"] {
	background: #37ad9f !important; 
}

.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h6,
.bg-primary p,
.bg-primary hr {
	color: white;
	border-color: white;
}

.bg-grey {
	background: #eee;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"] {
    background: #f5f5f5;
    border: none;
    width: 100%;
    height: 50px;
    padding-left: 20px;
    font-weight: 500;
    margin-bottom: 24px;
    border-radius: 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
textarea:focus {
    outline: 1px solid #ccc;
}

input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder {
  opacity: 0.5;
}

input[type="submit"],
button[type="submit"] {
	border-color: #37ad9f;
}

.breadcrumb-2 li a,
.breadcrumb-2 li {
	text-transform: none;
	letter-spacing: 0px;
    font-weight: 700;
    font-size: 14px;
    font-weight: 600;
}

.breadcrumb > .active {
    color: #0a635a;
}

.page-title-3, .page-title-4 {
    height: 100px;
}

.bold {
	font-weight: 600;
}

.btn-filled {
	background: #37ad9f;
}

.accordion-1 .title:hover,
.accordion-1 .active .title:hover {
    background: #37ad9f;
}

.accordion-1 .active .title {
    background: #37ad9f;
}

.icon-tabs .active .tab-title,
.icon-tabs .active .tab-title i {
    color: #37ad9f;
}

.icon-tabs .tabs li {
    width: 18%;
}

section.image-slider {
	box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.5);
}

.accordion-1 .content p,
.accordion-1 .content dl {
    padding: 13px;
}

.accordion li.active .content {
    overflow-y: auto;
}

dl.list-inline dt {
	float: left;
	margin-right: 10px;
}

dl.list-inline dd {
	margin-left: 23px;
	margin-bottom: 5px;
}

#project-ref {
	background: #eee;
}

.grid li a img {
	width: 100%;
}
	
.grid-item {
  float: left;
  width: 32.3%;
  padding: 10px;
}

.grid-item-2 {
  float: left;
  width: 46.5%;
  padding: 10px;
}

.grid-item .content {
	/*border: 1px solid #ddd;*/
	padding: 15px;
	background: white;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    min-height: 207px;	
}

#get-started {
	padding: 50px 0;
    background: white;
}

.fullwidth { width: 100%; }

.accordion-1 .title span {
    font-size: 18px;
     text-transform: none; 
     letter-spacing: 0px; 
}

#product-sec > div > div > div > dl {
	padding: 15px;
	border: 1px solid #eee;
}

.icon-tabs .tab-title span {
	font-size: 16px;
    text-transform: none;
    letter-spacing: 0px;
}

::-webkit-input-placeholder {
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
}
::-moz-placeholder {
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
}
:-ms-input-placeholder {
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
}
:-moz-placeholder {
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
}

footer {
	background-color: #37ad9f;
    padding: 30px 0 45px;
}

footer a,
footer {
	color: white;
}

footer a {
	text-decoration: underline;
}

footer a:hover,
footer a:focus {
	color: #333;
}

footer .btn {
	border-color: white;
	color: white;
	text-decoration: none;
}

footer .btn:focus {color: white;}
footer .btn:hover {
	color: #37ad9f;
	background: white;
}

@media (max-width: 680px) {

	.grid-item {
	  width: 93% !important;
	}
}

@media (min-width: 768px) {
	#customer-ref,
	#service-sec,
	#product-sec {
		border-left: 1px solid #ddd;
	}
}

@media (max-width: 767px) {
	p,
	p.lead,
	body,
	.menu li a {font-size: 16px !important; line-height: 28px;}

	.icon-tabs .tabs li {
	    width: 49% !important;
	}

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

	.grid-item-2 {
	  width: 96% !important;
	}

	#project-ref .grid-item .content {
		text-align: center;
	}

	h1 {
	  font-size: 42px !important;
	  line-height: 40px;
	  font-weight: 300;
	}
	h2 {
	  font-size: 32px !important;
	  line-height: 40px;
	}
	h3 {
	  font-size: 28px !important;
	  line-height: 32px;
	}
	h4 {
	  font-size: 24px !important;
	  line-height: 32px;
	}
	h5 {
	  font-size: 18px !important;
	  line-height: 24px;
	  font-weight: 400;
	}
	h6 {
	  font-size: 16px !important;
	  line-height: 24px;
	  font-weight: 700;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.text-md-center {
		text-align: center;
	}
}
@media (max-width: 990px) {
	.nav-bar, .nav-bar .module-group, .nav-bar .module {
	    height: auto !important;
	}
	.module-group {
	    height: auto !important;
	    border-top: 1px solid #ccc;
	}
	.module.widget-handle {
	    border-left: none;
	    border-top: 1px solid #ccc;
	    line-height: 73px;
	    min-height: 73px;
	}

	.menu > li > ul li a,
	.mega-menu .title {
	    padding: 10px 16px;
	}

	.menu a {
	    padding: 10px 0;
	}
}


@media (max-width: 990px) {
	.page-title-3, .page-title-4 {
    	height: 120px;
	}

	.page-title-4 .breadcrumb, .page-title-2 .breadcrumb {
	    margin-top: 0px;
	    float: none;
	}

	.page-title .text-right,
	.page-title-3, .page-title-4 {
		text-align: center !important;
	}
}

@media (max-width: 991px) {

	.grid-item {
	  width: 47.8%;
	}

	.grid-item-2 {
	  width: 90%;
	}

	.grid li {
	    width: 50% !important;
	}
}

@media (max-width: 1199px) {

	#get-started .text-right {
		text-align: left;
	}
	/*.company-name {
		display: none;
	}*/
}

@media (max-width: 1267px) {
	.company-name {
		display: none;
	}
}

/*ul.menu li:hover {
	border-bottom: 4px solid #37ad9f;
}*/

.grid li {
	transition: 0.15s;
}

.grid li:hover {
	padding: 4px;
}

.grid.effect-4 {
	perspective: 1300px;
}

.grid.effect-4 li {
	transform-style: preserve-3d;
}

.grid.effect-4 li.animate {
	transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	animation: fallPerspective .8s ease-in-out forwards;
}

@keyframes fallPerspective {
	100% { transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}