/*
Theme Name: Opto - Child
Version: 1.0
Description: A child theme of Schema by MyThemeShop
Template: mts_schema
Text Domain: schema
*/
@import url("../mts_schema/style.css");
/* general */
.btn {
	color: #fff !important;
	background:#4a5128;
	padding: 10px 15px;
        color: #fff;
    border-color: #672324;
border-radius: 4px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 14px;
}
.alignleft {
	float: left;
	margin: 0px 20px 20px 0px;
	border: 2px solid #ececec;
	margin-bottom:20px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}
.alignright {
	float: right;
	margin: 0px 0px 20px 20px;
	border: 2px solid #ececec;
	margin-bottom:20px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}
.alignnone {
	border: 2px solid #ececec;
	margin-bottom:20px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}
.center { text-align: Center; }
.clear { clear: both; }
/* header */
#header { background: #069E9F; }
.topBar { width: 100%; height: 40px; background: #464A55; text-align: center; }
.topBar p, .topBar p a { color: #fff; font-size: 18px; }
.topBar .header-social-icons { display: inline-block; float: none; position: static; margin-top: 3px; }
.logo-wrap, .headerPhone, .headerInfo { float: left; width: 50%; padding: 1%; } .logo-wrap{width: 40%}
.logo-wrap { margin: 10px 0 0 0; }
#secondary-navigation .navigation ul li:hover, #secondary-navigation .navigation ul .current-menu-item{
    border: 2px solid #016d00;
    border-radius: 10px;
}
#secondary-navigation .navigation ul li a:hover{color: white;}
#secondary-navigation .navigation ul li:hover a{color: #016d00 !important;}
.navigation ul li{    float: none;border: 2px solid transparent;    border-radius: 10px;
    display: inline-block;}
#secondary-navigation{float: none;    text-align: center;}
.navigation ul{    padding: 10px 0;}
.logo-wrap{ padding: 0; padding-left: 10px; }
.headerWrapper{ background: #036892; }

.headerInfo .lefts{display: inline-block;     vertical-align: top;padding-right: 50px;
    text-align: right;}
.headerInfo .rights{display: inline-block; vertical-align: top; float: none;}
.headerInfo { float: right;
    width: auto; }
.lefts p{   
	color: #fff; margin: 0;
    font-size: 16px;
    line-height: 24px;
}
.lefts a, .phoned a {
	color: #fff!important;
}

.phoned { font-size: 22px; margin-bottom: 10px;font-weight: bold;    color: #1e73be; text-align: right; }
div.header-social-icons { background: none; border: 0px; }
div.header-social-icons a { background: #fff; border-radius: 50%; padding: 6px; width: 20px; text-align: center; line-height: 20px; margin: 0px 5px;     font-size: 21px; color: #ccc;}
div.header-social-icons::before { border: 0px; }
#primary-navigation .header-social-icons a, .header-social-icons a { padding: 0px 10px; }
.container {    max-width: 1000px;}
.primary-slider-container { max-width: 100%; float: none; width: 100%;  overflow: hidden; margin: 0px; }
.primary-slider-container img { float: none; width: calc(100% - 12px);  }
.primary-slider-container .slide-caption { width: 94%; padding: 2% 3%; top: 37%; left: 0px; max-height: 50px; }
.slide-title { font-size: 32px !important; line-height: 34px; }
.owl-carousel .owl-item img { max-width: 100% !important; }
.primary-slider .owl-dots { bottom: 8%; top: inherit; right: 16%; }
#page { padding-top: 0px; width: 100%; max-width: 100%; }
 #secondary-navigation .navigation ul .current-menu-item a{
  color: #016d00 !important;
}
/* home boxes */
.homeBoxes {
	margin: 0px auto;
	margin-top: 0px;
	text-align: center;
}
.homeBox {
	position: relative;
	float: left;
	width: 21%;
	padding: 2%;
	overflow: hidden;
	height: 300px;
}
.homeBox img{
	width: 100%;
	vertical-align: middle;
}
.homeBox h3{
	position: absolute;
	bottom: 50px;
	z-index: 6000;
	text-align: center;
	color: #fff;
	width: 92%;
}
.textwidget .button{
	color: #fff;
    background: #1e73be;
    text-align: center;
    font-size: 20px;
    padding: 15px 10px;
    display: block;
    text-transform: uppercase;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
ul{    list-style-type: disc;    margin-left: 15px;}
.banner img{display: block;}
.welcome h1 { text-align: center; }
.contactBox { padding-top: 40px;  }
.contactText { float: left; width: 45%; padding-right: 5%; }
.contactMap { float: left; width: 50%; }
/* inner pages */
#page.single { float: left; }
.article { background: none;  margin: 0 auto; float: none; }
.page h1.title { margin-bottom: 20px; }
/* footer */
.copyrights { text-align: center; }
#copyright-note span { display: none; }
.to-top { float: none; }
#copyright-note .to-top span{ display: inline-block; font-size: 16px; line-height: 24px; }
#copyright-note .to-top a {     color: #333 !important; text-decoration: underline; }
.footerWidgets { padding: 30px; }

.footerWidgets .container { background: rgba(255,255,255,0.7); }
.widgetBox { float: left; width: 31%; padding: 1%; }
.hide-d { display: none; }
.copyrights{
    background: transparent !important;
	padding-bottom: 30px;
}
.copyrights p{
	margin-bottom: 5px;
}
footer{
    background-size: cover;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	#secondary-navigation a { font-size: 14px !important; padding: 24px 18px; }
}
#secondary-navigation a{
	padding: 3px 6px;
    border: 2px solid transparent;
}
.homeBoxes .service{
    padding: 0 10px;
    width: 33.3%;
    box-sizing: border-box;
    float: left;
}
.owl-controls {
	opacity: 0;
}
.homeBoxes .service .inner{    padding: 15px;
    background: rgba(0,0,0,0.7);}
.homeBoxes{
      background-size: cover !important;
      background-position: center center !important;
      overflow: hidden;
      padding: 30px 0;
      position: absolute;
      left: 0px;
      right: 0px;
      z-index: 10;
      top: 25%;
      transform: translateY(-50%);
} 
.homeBoxes h3{
   color: #fff;
    font-size: 26px;
    margin-top: 0px;
    text-align: center;
}
.homeBoxes img{
  border: 6px solid white;
}
.homeBoxes p{
font-size: 16px;
    line-height: 24px;
    color: #fff;
  text-align: left;
}
.homeBoxes a{
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #5cb85c;
    color: #fff;
    font-size: 16px;
}
.homeBoxes a:hover {
	color: #fff!important;
}
.welcome{
    background: white;
    padding-top: 20px;
    overflow: hidden;
    clear: both;
}
div#regular-header{    background: #069E9F;}
.welcome_txt_left{
	float: left;
	width: 66%;
	padding-right: 20px;
	box-sizing: border-box;
}
.welcome_txt_right{
	float: left;
	width: 34%;
}
.contactBox{
	background: #4a3f5d;
    overflow: hidden;
}
.contactBox p{
 color: white;
}
footer{
  margin-top: 0;
}
	
.innerBanner{
    text-align: center;
      background: white;
}
.home_reviews .inner{
  padding: 10px;
    border: 1px solid #f2f2f2;
    background: #f2f2f2;
    border-radius: 10px;    
    position: relative;
    margin-bottom: 20px;
}
.article{
	background: rgba(244,244,244,0.9);
    background: -moz-linear-gradient(top, rgba(244,244,244,0.9) 0%, rgba(255,255,255,0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,0.9)), color-stop(100%,rgba(255,255,255,0.9)));
    background: -webkit-linear-gradient(top, rgba(244,244,244,0.9) 0%,rgba(255,255,255,0.9) 100%);
    background: -o-linear-gradient(top, rgba(244,244,244,0.9) 0%,rgba(255,255,255,0.9) 100%);
    background: -ms-linear-gradient(top, rgba(244,244,244,0.9) 0%,rgba(255,255,255,0.9) 100%);
    background: linear-gradient(to bottom, rgba(244,244,244,0.9) 0%,rgba(255,255,255,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 );
}
.home_reviews .inner:after{
border-color: #f2f2f2 transparent;
    border-style: solid;
    border-width: 15px 15px 0;
    bottom: -15px;
    content: "";
    display: block;
    left: 49%;
    position: absolute;
    width: 0;
}
.home_reviews .inner p{
	color: #000; 
	margin: 0;
	text-align: center;
	font-size: 14px;
}
.home_reviews h3{
	color: #000; 
	margin: 0;
	text-align: center;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
}
.home_reviews .stars{
	display: inline-block;
	vertical-align: middle;
	color: #016d00;
}
.home_reviews .bottom{    margin-bottom: 15px;text-align: center;}

#page.single{
	background: #fff;
}
.innerBanner img{
    margin-top: -130px;
}
.article{
    max-width: 1100px;
	padding: 15px;
}

#logo a { float: none !important; }

@media screen and (max-width: 545px) {
	.welcome_txt_left {
		width: 100%;
		padding-right: 0;
	}
	.welcome_txt_right {
		width: 100%;
	}
}
@media screen and (max-width: 865px){
	.logo-wrap {
		float: none;
		margin: auto;
	}
	div.header-social-icons{    background: transparent !important;float: none !important;
		overflow: hidden;
		text-align: center;
	}
	div.header-social-icons a{float: none; display: inline-block;}
}
#article_sidebar h3{text-align: left;}

.article #article_sidebar{
	float: left;
	width: 340px;
	text-align: left;
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
}
.article #content_box{
	float: right;
	width: calc(100% - 340px);
}
/*Blog*/
.post-info{display:none;}
#featured-thumbnail {
 
    max-width: 30%;
    display: block;
    position: relative;
    overflow: hidden;
    clear: both;
    margin-bottom: 15px;
    float: right;
}

 
.front-view-content {
 
    float: left;
    width: 69%;
}
body#blog #content_box{width:100%;}
body#blog #sidebar{display:none;}

.video_holder {
    height: 700px;
    position: relative;
    overflow: hidden;
}

.video_holder video {
    position: absolute;
    height: 100% !important;
    width: 100%;
    object-fit: cover;
}
/* mobile */
@media screen and (min-width: 881px) {
	.c6 {
		width: 50%;
		float: left;
	}
}
@media screen and (max-width: 880px) {
	.logo-wrap {
		padding-left: 0;
	}
	.sticks:nth-child(2) {
		display: none;
	}
	.video_holder {
		display: none !important;
	}
	a#pull {
	    margin: 0px auto !important;
    	box-sizing: border-box !important;
	}
	.article #content_box {
	float: none;
	width: 100%;
	}
	.article #article_sidebar{
	float: none;
	width: 100%;
	}
	.mobileBtn a:hover, .hours:hover{color: #fff;}
	.hide-d { display: block; }
	#header { background: none; padding: 0px 0 20px 0px; margin-bottom: 0px; }
	.mobileBtn { margin-bottom: 0px; }
        .logo-wrap{margin: 0;    margin-bottom: -20px;}
	.mobileBtn a, .hours{ display: block; color: #fff; text-align: center; background: #016d00; padding: 10px; border-radius: 10px; -moz-border-radius: 10px; margin: 10px !important;}
	.mobileBtn.phoneBtn { font-size: 20px; }
	.mobileBtn a:hover, .mobileBtn a:visited { color: #fff; }
	
	.primary-slider-container, .hide-xs { display: none; }
	.container, .welcome .container, .widgetBox { width: 96%; padding: 2%; }
	.contactText { width: 100%; }
	.homeBoxes, .banner, .banner, .contactMap { display: none; }
	.welcome, .footerSocial, div.footer .copy { width: 100%; height: auto;}
	.copyrights{    text-align: center;}
	.welcome {margin: 20px auto;}
	footer{    text-align: center;}
	.social-profile-icons ul, .contactText{text-align: center;}
	.social-profile-icons li{    display: inline-block;
    float: none !important;}
	.post-content img { width: 100% !important; height: auto !important; }
	.footer-widgets.widgets-num-4 .f-widget:nth-child(even), .footer-widgets.widgets-num-3 .f-widget:nth-child(even),
	.footer-widgets.widgets-num-4 .f-widget, .footer-widgets.widgets-num-3 .f-widget	{ width: 100% !important; max-width: 100% !important; }
	
	div.header-social-icons { float: none !important; text-align: center; }
	div.header-social-icons a { float: none; display: inline-block; position: relative; z-index: 9999; }
	.header-social-icons {  text-align: Center; float: none !important; }
	.header-social-icons a {  display: inline-block; font-size: 32px !important; width: 34px !important; line-height: 34px; color: #333 !important; }
}