/*
Theme Name: Chevar
Theme URI: https://www.softwarelinker.in/chevar/
Author: Jason Pike
Author URI: https://profiles.wordpress.org/jasonpike125/
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: 5.3.7.7.
License: GNU General Public License v2 or later
License URI: http://www.softwarelinker.in/chevar/
Text Domain: chevar
Tested up to: 5.8
Requires PHP: 6.7
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
--------------------------------------------------------------*/

#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;
}*/
.bypostauthor {
	
}
.alignnone {
    margin: 5px 20px 20px 0;
}
 
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
 
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
 
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
 
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
 
a img.alignnone {
    margin: 5px 20px 20px 0;
}
 
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
 
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
 
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
 
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
 
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
 
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
 
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
 
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
 
 
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
 
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

.post-featuremain{
    background: #fff;
}
.post-featuremain .post-img{
    overflow: hidden;
    position: relative;
}
.post-featuremain .post-img img{
    width: 100%;
    height:auto;
    transform: scale(1,1);
    transition: all 0.30s ease 0s;
}
.post-featuremain:hover .post-img img{
    transform: scale(1.2,1.2);
}
.post-featuremain .over-layer{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity: 0;
    text-align:center;
    background:rgba(68, 67, 64, 0.6);
    transition: all 0.50s linear;
}
.post-featuremain:hover .over-layer{
    opacity:1;
}
.post-featuremain .post-link{
    padding:0;
    margin:0;
    list-style:none;
    position: relative;
    top:45%;
}
.post-featuremain .post-link li{
    display: inline-block;
    margin-right:10px;
}
.post-featuremain .post-link li a {
  width: 40px;
  height: 40px;
  line-height: 42px;
  border-radius: 50%;
  color: #fff;
  background: #068f9b;
  font-size: 16px;
  transform: scale(1,1);
  transition: all 0.20s linear;
}
.post-featuremain .post-link li a:hover{
    text-decoration:none;
    transform: scale(1.1,1.1);
	
}


.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;
  padding-right: 0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
  font-family: 'Oswald', sans-serif;
	color: #444;
}
.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, .team-area .section-title, .team-area .section-subtitle, .blog-news .section-title, .blog-news .section-subtitle {
	text-align:center;
}
.team-area {
  background: #f3f3f3;
}
.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 {
  color: #fff;
  background-color: #3742fa;
  border-radius: 0;
  border: none;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
  clip-path: polygon(7% 15%, 0 0, 15% 7%, 85% 7%, 100% 0, 93% 15%, 93% 85%, 100% 100%, 85% 93%, 15% 93%, 0 100%, 7% 85%);
  padding: 3px 10px;
  line-height: 15px;
}
.tags-links a:hover {
  color: #fff;
}
.releated-post-content {
  padding: 7px;
  background: #eee;
  box-shadow: 0 0 3px #CACACA;
  margin-bottom: 15px;
  border-bottom: 4px solid;
  border-radius: 4px;
}
/*.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;
  border-color: #068f9b;
}
#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)  {
.releates-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) {
.releates-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) {
	
.releates-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, .team-area, .blog-news, .contant-area {
  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: #444;
    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; }
}



.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; }
}
p a {
	color: #1151d3;
	text-decoration: underline;
}

/**
 * Accessible Dropdown Menu
 * 
 * Colors
 * Base colors are high contrast but less than 21:1, to avoid triggering contrast sensitivity issues for users with dyslexia.
 */
.primary-menu, .primary-menu a, .primary-menu li.current_page_item > li a {
	background: #2d2d2d;
	color: #e6e6e6;
}
/*
 * Color change for current pages, :hover states, and :focus states change both background and foreground colors.
 */
.primary-menu li.current_page_item > a , .primary-menu li.current_page_item > li a:active, .primary-menu li.current_page_item > li a:focus, .primary-menu a:hover,.primary-menu a:active, .primary-menu a:focus, .primary-menu li.current_page_item a:hover, .primary-menu li li a:hover, .primary-menu li li a:active, .primary-menu li li a:focus {
	background: #068f9b;
	color: #fff;
}
.current-menu-parent {
	background: #CCCCCC;
}
/*
 * Second-level dropdown menus are nested within their parents, 
 * but have a color difference to make the parent/child relationship more obvious
 */
.primary-menu ul ul ul li a {
	background: #333;
	color: #fff;
}

.primary-menu li.current_page_item > a:hover, .primary-menu li.current_page_item > a:focus {
	background: #068f9b;
	color: #fff;
}

/* Sizing, Layout and Text Decoration */
.primary-menu {
	margin: .5em 0;
	padding: 0;
	font-size: 1.1em;
	position: relative;
}

.primary-menu ul {
	margin: 0 !important;
	padding: 0;
	list-style-type: none;
}

.primary-menu a, .primary-menu a:visited {
	display: block;
	font-weight: 400;
	position: relative;
}

.primary-menu a, .primary-menu a:visited {
	padding: .7em 2em 0.7em 1em;
	text-decoration: none;
}

.primary-menu li.current_page_item > a {
	text-decoration: none;
}

.primary-menu li.current_page_item li a {
	text-decoration: none;
}

.primary-menu a:hover,.primary-menu a:active, .primary-menu a:focus, .primary-menu li.current_page_item a:hover {
	text-decoration: underline;
}

.primary-menu li.current_page_item > a:hover {
	text-decoration: none; 
}

.primary-menu li {
	display: inline-block; 	
	position: relative;
}

.primary-menu li {
	padding: 0;
}

.primary-menu li li {
	width: 100%;
	position: relative;
	z-index: 10;
}

.primary-menu li li a, .primary-menu li li a:link, .primary-menu li li a:visited {
	width: 100%;
	border-radius: 0;
	float: none;
	margin: 0;
	padding: 8px;
	border-bottom: 1px solid #666;
	font-size: .95em;
	padding-left: 8px
}

.primary-menu li ul {
	position: absolute;
	width: 12em;
	left: -999em;
	padding: 0;	
}

.primary-menu li:hover ul, .primary-menu li:active ul, .primary-menu li:focus ul, .primary-menu li.focus ul, .focus ul {
	left: auto;
	display: block;
}

.primary-menu li:hover ul, .primary-menu li.focus ul {
	left: auto;
}

.primary-menu ul ul ul {
	position: relative;
	left: 0;
}

.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}
.main-navigation ul li.menu-item-has-children > a::after, .main-navigation ul li.page_item_has_children > a::after {
  content: "\f107";
  font-family: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 48%;
  font-weight: 600;
  right: 15px;
  font-weight: 600;
  font-size: 18px;
  display: block;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  color: #fff;
  font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
}
.dropdown-toggle {
  width: 40px;
  height: 100%;
  color: #555;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
  text-align: center;
  display: none;
}
.dropdown-icon {
  display: inline-block;
  position: relative;
  height: 45px;
  width: 45px;
  transition: all ease-in-out .2s;
  -webkit-transition: all ease-in-out .2s;
  -moz-transition: all ease-in-out .2s;
  border: none;
  background: 0 0;
}
.dropdown-icon::after {
  content: "\f105";
  font-family: 'FontAwesome';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  height: auto;
  text-align: center;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  border: none;
  font-weight: 700;
  display: block;
  color: #fff;
}

.navigation {
  background: #2d2d2d;
}
/* Small menu. */

.main-navigation li.page_item_has_children .tg-submenu-toggle, .main-navigation li.menu-item-has-children .tg-submenu-toggle {
  position: absolute;
  right: 8px;
  top: 0;
  display: block;
  padding: 0.5em 0.8em;
  background: unset;
  color: unset;
  border: unset;
}
@media screen and (max-width: 600px) {
  .main-navigation.toggled {position: relative;}
  .main-navigation.toggled .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
.main-navigation.toggled 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;
  }
   .main-navigation li ul li.menu-item-has-children>a:after,
 .main-navigation li ul li.page_item_has_children>a:after,
 .main-navigation ul li.menu-item-has-children>a:after,
 .main-navigation ul li.page_item_has_children>a:after {
  content:"\f107";
  color:#555;
  right:30px;
  font-weight:400;
  display:none
 }
 
 .dropdown-toggle {
  display: block;
  height: 45px
}
.primary-menu li:hover ul, .primary-menu li:active ul, .primary-menu li:focus ul, .primary-menu li.focus ul, .focus ul {
	display: none;
}
.primary-menu li li a, .primary-menu li li a:link, .primary-menu li li a:visited {
  padding-left: 30px;
}

.main-navigation .dropdown-parent .children, .main-navigation .dropdown-parent .sub-menu {
  display: none;
}
.main-navigation.toggled ul ul{
	display: block;
}
.main-navigation li ul {
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  display: block;
  border-width: 1px 0 0;
}
.main-navigation ul.dropdown-active {
  left: 0 !important;
  opacity: 1 !important;
}
.main-navigation li ul {
  top: 100%;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  background-color: #fff;
  margin-top: 0;
  width: 100%;
}
}
.dropdown-active {
	display: block !important;
}

.sub-menu {
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  display: none;
  border-width: 1px 0 0;
}
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
.menu-toggle::after{
	content: '\f0c9';
font-family: 'FontAwesome';
}
.menu-toggle {
  font-family: inherit;
  line-height: inherit;
  color: #fff;
  font-size: 30px;
  padding: 5px 4px 5px 0px;
  border-radius: 5px;
  border: none;
  width: 53px;
  margin-left: 5px;
  margin-bottom: 5px;
  background: #7b0a0a00;
}
.main-navigation .dropdown-parent .dropdown-toggle.toggle-on .dropdown-icon {
 transform:rotate(90deg);
 -webkit-transform:rotate(90deg);
 -moz-transform:rotate(90deg)
}
.main-navigation {
  border-bottom: 4px solid #068F9B;
}
@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

.main-navigation ul {
  display: flex;
}
}