/*
Theme Name: Chevar
Theme URI: https://www.softwarelinker.in/chevar/
Author: Jason Pike
Author URI: http://www.softwarelinkers.com/
Description: Chevar is an outstanding creative and flexible WordPress theme well suited for business website, digital agency, and everyone else who appreciate good design. The theme overall is an elegant and classic one. (Live preview : https://www.softwarelinker.in/chevar/)
Version: 2.3.7
License: GNU General Public License v2 or later
License URI: http://www.softwarelinker.in/chevar/
Text Domain: chevar
Tested up to: 5.6
Requires PHP: 5.6
Tags: Blog

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Chevar is based on SoftwareLinkers http://www.softwarelinkers.com/, (C) 2022, Inc.
SoftwareLinkers is distributed under the terms of the GNU GPL v2 or later.


*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Lato&family=Oswald:wght@200;300;400;500;600&display=swap');
#cssmenu .menu-menu-container{
	position: relative;
	/*top: 80px;*/
	margin: auto;
        z-index: 999999;
}
a {
  color: #333;
}
p {
  font-size: 14px;
  font-family: 'Lato', sans-serif;
}
body {
  color: #777;
}
.logo {
    text-align: left;
    border: none;
    margin: 0;
}
.theme-banner {
    float: right;
}
#inner-main {
    padding: 0;
	box-shadow: 0 0 3px #CACACA;
}
.releates-post {
  box-shadow: 0 0 3px #CACACA;
  padding: 15px;
  margin-bottom: 15px;
  border-bottom: 4px solid;
  border-radius: 3px;
}
#releated-post {
  padding: 15px;
	padding-right: 0;
}
.fullpage {
  padding: 15px;
}
.releates-post-listing {
  float: left;
  width: 32.5%;
  margin: 0 1.2% 3px 0px;
}

.releates-post .releates-post-listing:nth-child(3n+3) {
  margin-right: 0;
}
.releates-post {
  padding: 15px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
  font-family: 'Oswald', sans-serif;
	color: #444 !important;
}
.entry-meta {
  border-bottom: 1px solid #ccc;
  margin-bottom: 8px;
  padding-bottom: 2px;
}
.entry-date, .byline, .meta-cat {
    margin-right: 20px;
}
.aligncenter {
	text-align: center;
}
.alignright { float: right; }
.alignleft { float: left; }
.gallery-caption, .wp-caption, .wp-caption-text {
    text-align: center;
}
img {
  max-width: 100%;
  height: auto;
}
.fearure-icon {
  color: #068f9b;
  font-size: 23px !important;
}
.site-header {
  background: #fff;
  border-bottom: 1px solid #CACACA;
}
.header-content {
  padding: 20px 15px;
}
.custom-logo {
	width: 100%;
}

.about-img{
	margin:0px;
}
.post-thumbnail {
  float: left;
  margin-right: 15px;
  position: relative;
  line-height: 0;
}
.clear {
  clear: both;
}
.entry-header h2 {
  text-transform: capitalize;
}

.about h2 a{
	color:#777;
}
.about-text a{
	color: rgb(35, 35, 35);
}
.about-text a:hover{
	color: rgb(35, 35, 35);
}
.about {
    padding: 0px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
}
#about{
    background: #fff;
}
#about .row{
    background: #fff;
}
.about .row h2 {
    padding: 19px;
    font-size: 38px;
}


.about-text {
    margin: 0px 0px 22px 22px;;
}
.about-text .section1 {
    background: rgb(242, 242, 242) none repeat scroll 0% 0%;
    padding: 19px;
    margin: 0px 0px 22px 0px;
}
.about-text .section2 {
    background: rgb(242, 242, 242) none repeat scroll 0% 0%;
    padding: 19px;
    
}
.about-text .section1:hover {
    background: rgb(242, 242, 242) none repeat scroll 0% 0%;
    padding: 19px;
    margin: 0px 0px 22px 0px;
	box-shadow: 0 15px 40px 10px rgba(0,0,0,0.22);
    transition: background-color 0.3s, box-shadow 0.3s;
}
.about-text .section2:hover {
    background: rgb(242, 242, 242) none repeat scroll 0% 0%;
    padding: 19px;
	box-shadow: 0 15px 40px 10px rgba(0,0,0,0.22);
    transition: background-color 0.3s, box-shadow 0.3s;
    
}
.service-area .section-title, .service-area .section-subtitle {
	text-align:center;
}
.services-home{
	
	
    
    padding: 19px;
	margin:0px;
    
}

.services-page{
    padding: 19px;
	margin:0px;
}
.services-area {
    text-align: center;
    margin: 0px 15px;
}
.services-area a{
	color: rgb(51, 122, 183);
}
.services-area a:hover{
	color: rgb(35, 35, 35);
}
.icon-home {
    font-size: 80px !important;
    height: 124px;
    width: 124px;
    line-height: 130px !important;
    color: rgb(255, 255, 255);
    margin: 0px auto;
    background-color: rgba(51, 122, 210, 0.67);
    text-align: center;
    display: block !important;
    border-radius: 50%;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: all 500ms ease 0s;
}
.icon-home:hover {
    font-size: 56px !important;
    height: 124px;
    width: 124px;
    line-height: 124px;
    color: RGB(51, 122, 183);
    margin: 0px auto;
    background-color: RGBA(0, 0, 0, 0.14);
    text-align: center;
    display: block;
    border-radius: 50%;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: all 500ms ease 0s;
    transform: scale(1.2);
}
.sercives-heading {
    color: rgb(51, 122, 183);
}
.services-area p {
    text-align: justify;
    font-family: lato;
    color: #777;
}
.link-block {
    background: url(../images/services-bg.jpg);
    height: 500px;
    padding: 192px;
    text-align: center;
	color:#FFFFFF;
}
.team {
    padding: 0px;
    
}
.team-heading{
	background:url(../images/section-title-bg.png);
	text-align:center;
}
.team-img{
	padding:22px;
}
.team-img img{
	width:100%;
}
.team-text{
	text-align:center;
}
.faq{
	margin:50px;
}

.faq p {
	width: 100%;
	text-align: left;
	padding: 9px;
	background: rgb(204, 204, 204) none repeat scroll 0% 0%;
	cursor: pointer;
	border-radius: 8px;
}
.footer{
	background:#000000;
	color:#FFFFFF;
	padding:50px;
}




/*.services-area:hover {
    
    padding: 19px;
    
	box-shadow: 0 15px 40px 10px rgba(0,0,0,0.22);
    transition: background-color 0.3s, box-shadow 0.3s;
}*/


.services .row .heading {
    
    text-align: center;
    padding: 19px;
    font-size: 38px;
    margin-left: 0px;
    margin-right: 0px;
}
#services-page .row {
    background: #CCCCCC;
    
}
.services-page .row .heading {
    text-align: center;
    padding: 19px;
    font-size: 38px;
    margin-left: 0px;
    margin-right: 0px;
}
#services {
    background-repeat: repeat;
    background-color: #F2F2F2;
}
#hero .row{
background-position: center center;
}


.site-info{
	text-align:left;
}
.widget-title {
  float: left;
}
#sidebar section ul{
	list-style-type: none;
    padding: 0;
}
#sidebar section ul{
	    padding: 10px 0px;
}
.search-form label span {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.search-form label input {
  width: 100%;
  font-weight: 498;
  font-size: 13px;
  border-radius: 0px;
  background-color: rgb(245, 245, 245);
  padding: 5px 7px;
  box-sizing: border-box;
  border: 2px solid #757575;
  border-radius: 4px;
}
.search-form .search-submit {
  padding: 7px 12px;
  border-radius: 3px;
  border: medium none;
  background: #ccc;
}
.tags-links a {
  background-color: #068f9b;
  border-radius: 0 2px 2px 0;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  line-height: 13px;
  margin: 0 0 2px 10px;
  padding: 4px 7px 3px;
  position: relative;
  text-transform: uppercase;
}
.tags-links a:hover {
  color: #fff;
}
.tags-links a::before {
  border-top: 10px solid transparent;
  border-right: 8px solid #068f9b;
  border-bottom: 10px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  top: 0;
  left: -8px;
  width: 0;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}
.tags-links a::after {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 4px;
  position: absolute;
  top: 8px;
  left: -2px;
  width: 4px;
}
#sidebar{
	padding:22px;
}
#footer {
    background: rgb(38, 38, 38) none repeat scroll 0% 0%;
}
#news{
	background:#FFFFFF;
}
#news .row{
	background:#FFFFFF;
}
.img-col{
	margin:15px;
}
.text-col {
    margin: 15px;
    text-align: center;
}
#team .row{
	background:#F5F5F5;
}
#team-title h2 {
    text-align: center;
    padding: 19px;
    font-size: 38px;
    margin-left: 0px;
    margin-right: 0px;
    color: #777;
}
.news-img{
	width:20%;
	float:left;
}
.news-text{
	width:80%;
	float:left;
}
.news-text div{
	padding-right:22px;
}
.team-row{
	width:25%;
	float:left;
	margin-bottom:50px;
}
#secondary {
  padding-right: 15px;
  padding-top: 15px;
}
.widget {
  box-shadow: 0 0 3px #CACACA;
  padding: 5px; 
	border-bottom-color: #068f9b;
  margin-bottom: 12px;
  border-bottom: 4px solid;
  border-radius: 3px;
}
#custom {
    padding-bottom: 40px;
    padding-top: 40px;
    padding-right: 39px;
    border-right: 1px solid rgb(0, 0, 0);
}
#news-title h2 {
    text-align: center;
    padding: 19px;
    font-size: 38px;
    margin-left: 0px;
    margin-right: 0px;
}
.hentry {
  padding: 15px;
  box-shadow: 0 0 3px #CACACA;
  margin-bottom: 15px;
}
.portfolio-3col{
	width:33.333333%;
	float:left;
}
.portfolio-4col {
	width:25%;
	float:left;
}
.entry-portfolio{
	margin:11px;
	text-align:center;
}
.read-more {
  color: #FFF;
  float: left;
  margin-top: 4px;
  background: #068f9b;
  padding: 5px 12px;
  border-radius: 4px;
}
.read-more:hover {
  color: #FFF;
}
.site-content {
  background: #fff;
}
.site-main {
  padding: 15px;
  padding-right: 0px;
}
 .entry-title {
  margin: 0;
}
.footer1 #sidebar1{
	padding: 22px;
}

.footer2 #sidebar2{
	padding: 22px;
}

.footer3 > #sidebar3 li{
	display: inline;
}

.footer4 #sidebar4{
	padding: 22px;
}

.section-heading {
    text-align: center;
    padding: 19px;
    font-size: 38px;
    margin-left: 0px;
    margin-right: 0px;
    color: #777;
}
.portfolio-heading {
    margin-left: 11px;
    margin-right: 11px;
}
.entry-title-portfolio p {
    margin-bottom: 40px;
    margin-top: 12px;
}	
.sticky {
}
@media (max-width: 480px)  {
	#releated-post {
  padding: 15px;
}
.releates-post-listing {
  float: left;
  width: 100%;
  margin: 0 0% 20px 0px;
}
.releated-post-thumbnail a img {
	width: 100%
}

.logo {
    text-align: center;
    border: none;
    margin: 30px auto;
    width: 75%;
}
.about {
    padding: 16px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
}
.about-text {
    margin: 22px 0px;
}
.about-text .section1 {
    background: rgb(242, 242, 242) none repeat scroll 0% 0%;
    padding: 19px;
    margin: 0px 14px 22px 15px;
}
.about-text .section2 {
    background: rgb(242, 242, 242) none repeat scroll 0% 0%;
    padding: 19px;
    margin: 0px 14px 22px 15px;
}
.about-text .section1:hover {
    background: rgb(242, 242, 242) none repeat scroll 0% 0%;
    padding: 19px;
    margin: 0px 14px 22px 15px;
}
.about-text .section2:hover {
    background: rgb(242, 242, 242) none repeat scroll 0% 0%;
    padding: 19px;
    margin: 0px 14px 22px 15px;
}



.services {
    padding: 16px;
    
}
.services-page {
    padding: 16px;
    
}

.link-block {
    background: url(../images/services-bg.jpg);
    height: 600px;
    padding: 180px 20px;
    text-align: center;
    color: #fff;
}
.icon{
	margin:28px 0px;
}
.footer1{
	padding:2px;
}
.footer{
	
	padding:20px;
}
.faq{
	margin:22px;
}
.post{
	margin:0px;
}
.news-img{
	width:100%;
	float:left;
}
.news-text{
	width:100%;
	float:left;
	padding:14px;
}
.team-row{
	width:100%;
	float:left;
}
.hentry {
  margin-bottom: 15px;
}
#secondary {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
}
portfolio-3col {
    margin: 0px 0px 47px 0px;
    text-align: center;
    border: 1px solid;
}
.portfolio-3col{
	width:100%;
	float:left;
}
.portfolio-3col-4col{
	width:100%;
	float:left;
}
.portfolio-3col-heading {
    margin-left: -11px;
    margin-right: -11px;
}
.entry-portfolio-3col{
	margin:0px;
	text-align:center;
}
 }


@media (max-width: 767px) {
	
	
.about-text {
    margin: 22px 0px;
}
.icon{
	margin:28px 0px;
}
#team-title h2{
	margin-left:-15px;
	margin-right:-15px;
}
#news-title h2{
	margin-left:-15px;
	margin-right:-15px;
}

.portfolio-3col {
    width: 98%;
    margin: 0px 4px;
}
.portfolio-3col-4col{
	width:98%;
	margin: 0px 4px;
}
.portfolio-3col-heading {
    margin-left: -11px;
    margin-right: -11px;
}	
.site-main {
  padding: 15px;
}
}

@media (min-width: 480px) and (max-width: 767px) {
#releated-post {
  padding: 15px;
}	
.logo {
    text-align: center;
    border: none;
    margin: 17px auto;
    width: 300px;
}
.about {
    padding: 55px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
}
.services {
    padding: 20px;
    
}
.services-page {
    padding: 20px;
    
}


.link-block {
    background: url(../images/services-bg.jpg);
    height: 600px;
    padding: 180px 50px;
    text-align: center;
	color:#FFFFFF;
}
.text-col {
    border-bottom: 1px solid;
}
.news-img{
	width:40%;
	float:left;
}
.news-text{
	width:60%;
	float:left;
}
.team-row{
	width:50%;
	float:left;
	margin-bottom:50px;
}
#secondary {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
}
.portfolio-3col{
	width:50%;
	float:left;
}
.portfolio-3col-4col{
	width:50%;
	float:left;
}
.about-text .section1 {
    background: rgb(242, 242, 242) none repeat scroll 0% 0%;
    padding: 19px;
    margin: 0px 14px 22px 15px;
}
.about-text .section1:hover {
    background: rgb(242, 242, 242) none repeat scroll 0% 0%;
    padding: 19px;
    margin: 0px 14px 22px 15px;
	box-shadow: 0 15px 40px 10px rgba(0,0,0,0.22);
    transition: background-color 0.3s, box-shadow 0.3s;
}
.portfolio-3col-heading {
    margin-left: 11px;
    margin-right: 11px;
}


}


@media (min-width: 768px) and (max-width: 991px) {
	
#releated-post {
  padding: 15px;
}
.logo {
    text-align: center;
    border: none;
    margin: 30px auto;
    width: 40%;
}
.site-main {
  padding: 15px;
}
.about {
    padding: 55px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
}
.services {
    padding: 0px;
   
}
.services-page {
    padding: 0px;
   
}
.about h2{
	text-align:center;
}
.about-text {
    margin: 22px 0px;
}


.link-block {
    height: 600px;
    padding: 192px;
    text-align: center;
}
.services-area {
    text-align: center;
    margin: 0px 50px;
}
.text-col {
    border-bottom: 1px solid;
}
.team-row{
	width:50%;
	float:left;
}
#secondary {
  padding-top: 0px;
  padding-left: 15px;
}
}

@media (min-width: 1200px) {  }
.widget ul {
    padding: 0px;
}
.widget li {
  padding: 6px 0px;
  margin: 0px;
  border-bottom: 1px solid;
  list-style-type: none;
  text-transform: capitalize;
  line-height: 18px;
}

.about-page article {
    padding-bottom: 40px;
    padding-top: 40px;
    padding-top: 40px;
    padding-right: 0px;
    border-right: none;
}

#feedback-page{
	text-align:center;
}

#form-main{
	width:100%;
	float:left;
	padding-top:0px;
}

#form-div {
    background-color: rgba(72,72,72,0.4);
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 50px;
    width: 450px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

.feedback-input {
    color: #3c3c3c;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 18px;
    border-radius: 0;
    line-height: 22px;
    background-color: #fff;
    padding: 13px 13px 13px 12px;
    margin-bottom: 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid rgba(0,0,0,0);
    border: 1px solid rgb(245, 245, 245);
}

.feedback-input:focus {
    background: #fff;
    box-shadow: 0;
    border: 1px solid rgb(212, 212, 212);
    color: #3498db;
    outline: none;
    padding: 13px 13px 13px 12px;
}

.focused{
	color:#30aed6;
	border:#30aed6 solid 3px;
}

/* Icons ---------------------------------- */
#name{
	
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#name:focus{
	
	background-size: 30px 30px;
	background-position: 8px 5px;
  background-position: 11px 8px;
	background-repeat: no-repeat;
}

#email{
	
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#email:focus{
	
	background-size: 30px 30px;
  background-position: 11px 8px;
	background-repeat: no-repeat;
}

#comment{
	
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

textarea {
    width: 100%;
    height: 150px;
    line-height: 150%;
    resize:vertical;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	
        color:#000; 
}

#button-blue {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    border: #fbfbfb solid 4px;
    cursor: pointer;
    background-color: #3498db;
    color: white;
    font-size: 24px;
    padding: 22px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: -4px;
    font-weight: 700;
}

#button-blue:hover{
	background-color: #777;
	color: #0493bd;
}
	

.submit:hover {
	color: #3498db;
}
	
.ease {
	width: 0px;
	height: 74px;
	background-color: #fbfbfb;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;

	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

.submit:hover .ease{
  width:100%;
  background-color:white;
}

@media only screen and (max-width: 580px) {
	#form-div{
		left: 3%;
		margin-right: 3%;
		width: 88%;
		margin-left: 0;
		padding-left: 3%;
		padding-right: 3%;
	}
}

.news-heading h2 {
	color:#337ab7;
}
.text-col h2 {
	color:#337ab7;
}
.nte {
    color: rgb(119, 119, 119);
    font-family: lato;
}

#portfolio-3col {
    background: #fff;
}

#content row{
}
.pg-title-header {
    background: rgba(243, 243, 243, 0.83) none repeat scroll 0% 0%;
    border-bottom: 3px solid #337AB7;
}
.pg-title {
    margin-top: 27px;
    margin-bottom: 25px;
    font-family: lato;
    font-size: 35px;
}
.portfolio-img {
    border: 5px solid rgb(38, 38, 38);
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: all 500ms ease 0s;
}
.portfolio-img:hover {
    border: 5px solid rgb(51, 122, 183);
    transition: all 500ms ease 0s;
    transform: scale(1.05);
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
}
.portfolio-img:active {
    border: 5px solid rgb(51, 122, 183);
    transition: all 500ms ease 0s;
    transform: scale(1.05);
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
}
.portfolio-img:focus {
    border: 5px solid rgb(51, 122, 183);
    transition: all 500ms ease 0s;
    transform: scale(1.05);
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
}

.ares.tparrows {
    display: none;
}
.footer1{
	color:#FFFFFF;
	padding:12px;
}

.footer1 a{
	color:#FFFFFF;
}
.footer2{
	color:#FFFFFF;
	padding:12px;
}

.footer2 a{
	color:#FFFFFF;
}
.footer3{
	color:#FFFFFF;
	padding:12px;
}

.footer3 a{
	color:#FFFFFF;
}
.footer4{
	color:#FFFFFF;
	padding:12px;
}

.footer4 a{
	color:#FFFFFF;
}
.widget-area a{
	color:#333;
}
td {
    padding: 10px !important;
}
.copy {
  color: rgb(255, 255, 255);
  text-align: center;
  padding: 15px;
}
.copy a{
    color: rgb(255, 255, 255);
}
.copy a:hover{
    color: #FFFFFF;
}
.copyright-footer .container {
    padding-top: 22px;
    padding-bottom: 22px;
}
.copyright-footer  {
    background: rgb(0, 0, 0) none repeat scroll 0% 0%;
}




.section-subtitle {
  font-size: 18px;
  color: #777;
  text-transform: capitalize;
}
.features-item-wrapper {
  font-size: 17px;
  line-height: 31px;
  padding: 18px 0px 0px;
}

.service-area, .about-area, .feature-area, .blog-news {
  padding: 24px 12px;
}
.service-area {
  background-color: #cccccc3d;
}
.service-link {
  background: #068f9b;
  color: #fff;
  padding: 6px;
}
.service-link a {
	color: #FFFFFF;
}
.service-link a:hover {
	color: #FFFFFF;
}
.serviceBox{
    color: #999;
    font-family: 'Lato', sans-serif;
    text-align: center;
    border-bottom: 8px solid #068F9B;
    border-radius: 0 0 10px 10px;
    position: relative;
    z-index: 1;
}
.serviceBox .service-icon{
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    padding: 40px 0 26px;
    overflow: hidden;
    position: relative;
}
.serviceBox .service-icon:before{
    content: '';
    background-color: #068F9B;
    height: 300px;
    width: 300px;
    border-radius: 30px;
    transform: translateX(-50%) rotate(45deg);
    position: absolute;
    left: 50%;
    top: 50px;
    z-index: -1;
}
.serviceBox .service-content {
  background: #fff;
  padding: 11px 0px 0px;
  margin: 0 10px;
  box-shadow: 0 0 5px rgba(0,0,0,0.5) inset;
  position: relative;
}
.serviceBox .service-content:before,
.serviceBox .service-content:after{
    content: '';
    background-color: #0b5459;
    height: 10px;
    border-radius: 0 0 8px 8px;
    position: absolute;
    left: -10px;
    right: -10px;
    top: 0;
    z-index: -1;
}
.serviceBox .service-content:after{
    border-radius: 8px 8px 0 0;
    top: auto;
    bottom: 0;
}
.serviceBox .title{
    color: #068F9B;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 5px;
}
.serviceBox .description {
  font-size: 15px;
  line-height: 25px;
  margin: 0;
  padding: 6px;
}
.serviceBox.green{ border-bottom-color: #64B300; }
.serviceBox.green .service-icon:before{ background-color: #64B300; }
.serviceBox.green .service-content:before,
.serviceBox.green .service-content:after{
    background-color: #3f6b05;
}
.serviceBox.green .title{ color: #64B300; }
.serviceBox.grey{ border-bottom-color: #29424f; }
.serviceBox.grey .service-icon:before{ background-color: #29424f; }
.serviceBox.grey .service-content:before,
.serviceBox.grey .service-content:after{
    background-color: #05151e;
}
.serviceBox.grey .title{ color: #29424f; }
.serviceBox.orange{ border-bottom-color: #E15810; }
.serviceBox.orange .service-icon:before{ background-color: #E15810; }
.serviceBox.orange .service-content:before,
.serviceBox.orange .service-content:after{
    background-color: #933a11;
}
.serviceBox.orange .title{ color: #E15810; }
@media only screen and (max-width:1200px){
    .serviceBox .service-icon{ padding: 26px 0 14px; }
}
@media only screen and (max-width:990px){
    .serviceBox{
        width: 262px;
        margin: 0 auto 30px;
    }
    .serviceBox .service-icon{ padding: 40px 0 26px; }
}

.topnav {
  overflow: hidden;
  background-color: #333;
  border-bottom: 5px solid;
  border-color: #068f9b;
}
.menu li{
	list-style-type: none;
}
.menu li a {
  color: #FFFFFF;
  line-height: 47px;
  padding: 15px;
}
.topnav  ul li {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  text-decoration: none;
  font-size: 17px;
}

.topnav  ul li:hover {
  background-color: #068f9b;
}
.topnav ul ul li {
  width: 16em;
  border: none;
  float: none;
  color: black;
  text-decoration: none;
  display: block;
  text-align: left;
  padding: 0;
}
.current-menu-item, .current-menu-parent {
  background-color: #068f9b;
  color: white;
}
.current-menu-item a {
	color: #FFFFFF;
}
.topnav .icon {
  display: none;
}
ol, ul {
  list-style: none;
  padding: 0;
}
.sub-menu {
  float: left;
  overflow: hidden;
}


.sub-menu {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.sub-menu li a {
  float: none;
  color: #333333;
  text-decoration: none;
  display: block;
  text-align: left;
  padding: 14px;
  line-height: 14px;
}
.sub-menu li a:hover {
  color: #FFFFFF;
}



.menu-item-has-children:hover .sub-menu {
  display: block;
}
@media screen and (max-width: 600px) {
  .topnav ul li {display: none;}
.topnav a.icon {
  float: right;
  display: block;
  font-size: 27px;
  padding: 12px;
  color: #fff;
  margin: 0;
}
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
.topnav.responsive ul li {
  float: none;
  display: block;
  text-align: left;
  width: 100%;
}
    .menu-item-has-children ul li {
    display: none;
  }
	    .menu-item-has-children {float: none;}
.sub-menu {position: relative;}
  .sub-menu {
    display: block;
    width: 100%;
    text-align: left;
  }
}