/*
Theme Name: Elite Schema Child
Version: 1.0
Description: A child theme of Schema by MyThemeShopf.slide-title
Template: mts_schema
Text Domain: schema
*/

@import url("../mts_schema/style.css");

/* general */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
video#bgvid{
	position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
}
.outServices {      margin: 0 0 80px;  background-color: transparent!important;}
.servTitle {padding: 5px 0!important;}
.boxy:nth-child(1), .boxy:nth-child(3), .boxy:nth-child(5), .boxy:nth-child(9) {
    background-color: #0fb3f4!important;
    color: #08abab;
}
.boxy:nth-child(2), .boxy:nth-child(4), .boxy:nth-child(6) {
    background-color: #0476d9!important;
    color: #013939;
}
.servTitle h2 {
    font-weight: bold!important;
    text-shadow: 1px 1px 2px #000;
    font-size: 64px!important;
	color:#fff!important;
}
.servicesBoxes {
    padding: 0px!important;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}






.btn {
	color: #fff !important;
	background: #0476d9;
	padding: 10px 15px;
	text-transform: uppercase;
	border:2px solid #05c7f2;
}
.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;
}
.header-social-icons a {
    color: #fff !important;
    margin-left: 5px;
}
div#regular-header {
	position: relative;
	z-index: 10;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.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;
}
.alignrightclean {
	float: right;
	margin: 0px 0px 20px 20px;
}
.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;
}

.main-header { background: none; }

#header {
    background: url(/wp-content/uploads/2019/09/wavesnav1.png) no-repeat center top;
    padding: 68px 0 6px;
    /* margin-bottom: -35px; */
    /* margin-top: -25px;*/
}
#header .container { width: 960px; }
.navigation > ul { text-align: center; float: none; }
.navigation > ul > li { float: none; display: inline-block; }
#secondary-navigation a { padding: 5px 15px; }
#secondary-navigation .navigation > ul > li:hover, #secondary-navigation .navigation > ul > .current-menu-item { border-radius: 10px; }

#secondary-navigation .navigation > ul > li.menu-item-has-children:hover, #secondary-navigation .navigation > ul > .menu-item-has-children { border-radius: 10px 10px 0 0; }
#secondary-navigation ul li ul li a { font-size: 14px; }

/* header */

.logo-wrap, .headerPhone, .headerInfo { float: left; width: 31%; padding: 1%; }
.logo-wrap { margin: 10px 0 0 0; }
.headerInfo { width: 32%; text-align: right; color:#fff;}
.headerInfo p { margin-bottom: 5px; color:#fff;}
.headerPhone { text-align: center; color:#fff;}
.headerPhone a { color: #fff !important; }
.phoned { font-size: 28px; margin-bottom: 10px;}
.hoursd { font-size: 14px; }
div.header-social-icons { background: none; border: 0px; }
div.header-social-icons::before { border: 0px; }
#primary-navigation .header-social-icons a, .header-social-icons a { padding: 0px 10px; }

.primary-slider-container { max-width: 960px; float: none; width: 960px; margin: 0 auto;}
.primary-slider-container img { float: left; width: 600px; height: 360px; }
.primary-slider-container .slide-caption { /*float: left; position: static; width: 320px; max-height: 240px; height: 290px; padding: 100px 20px 20px 20px; background: #865716; font-size: 36px;*/
	width: 100%;
    background: url(/wp-content/uploads/2019/09/abstract-waves-.png) 50% 90%;
    bottom: 0;
    left: 0;

 }
.slide-title { font-size: 30px !important; line-height: 35px; }
/*.owl-carousel .owl-item img { max-width: 600px !important; }*/
.primary-slider .owl-dots { bottom: 8%; top: inherit; right: 16%; }


#page, .container, .article { width: 960px; }
#page { padding-top: 0px; }

/* home boxes */
.homeBoxes {
	width: 960px;
	height: 130px;
	margin: 0px auto;
	margin-top: 0px;
	text-align: left;
	padding: 25px 0px;
}
.homeBoxes h3{
	color: #fff;
	font-size: 26px;
	margin-top: 0px;
}
.homeBoxes p, .homeBoxes a{
	color: #fff !important;
	font-style: italic;
	font-size: 16px;
}
.homeBoxes .box01,
.homeBoxes .box02,
.homeBoxes .box03 {
	float: left;
	height: 120px;
	width: 31%;
	position: relative;
	padding: 1%;
	background: #4b5800;
	box-shadow: -5px 5px 5px #404c00;
}
.homeBoxes .box02{
	width: 32%;
	background: #404c00;
	box-shadow: -5px 5px 5px #333c00;
}
.homeBoxes .box03 {
	background: #333c00;
	box-shadow: -5px 5px 5px #282f01;
}
.box01 .animal01 {
	position: absolute;
	right: 0px;
	bottom: -13px;
	width: 130px;
	height: 116px;
	background:url(img/animal04.png);
    background-size: contain;
    background-repeat: no-repeat
}
.box02 .animal02 {
	position: absolute;
	right: 0px;
	bottom: -36px;
	width: 150px;
	height: 151px;
	background:url(img/animal02.png);
    background-size: contain;
    background-repeat: no-repeat
}
.box03 .animal03 {
	position: absolute;
	right: 0px;
	bottom: -20px;
	width: 130px;
	height: 132px;
	background:url(img/animal05.png);
    background-size: contain;
    background-repeat: no-repeat
}

/* welcome */
.welcome {
	width: 100%;
	padding: 20px 0;
	margin-bottom: 0px;
}
.welcome h1 { text-align: center; }
.welcome p, .welcome h3 { color: #000; }

.welcome .container {
	width: 920px;
	padding: 20px;
	margin: 40px auto;
	text-align: left;
	background: rgba(255,255,255,0.8);
	bordeR: 3px solid #0476d9;
    box-shadow: 0 1px 8px #05c7f2;
}

/* home widgets */
.homeWidgets {
	width: 960px;
	margin: 0px auto;
	text-align: left;
}
.row {
	margin:0px -10px;
}
.widgetBox {
	float: left;
	box-sizing: border-box;
	width: calc(33.33% - 20px);
	margin:0px 10px 20px;
	padding: 10px;
	background: rgba(255,255,255,0.8);
	min-height:240px;

}
.widgetBox h3 {
	font-size: 39px;
    font-weight: bold;
	text-align: center;
	border-top:3px solid #05c7f2;
	border-bottom:3px solid #05c7f2; }
.textwidget p {
	font-size: 12px;
	line-height: 18px;
}
.welcome a{
	white-space:nowrap;
}


/* inner pages */
.article { width: 100%; background: rgba(255,255,255,0.8); }
.page h1.title { margin-bottom: 20px; }
.innerImage { width: 960px; height: 230px; overflow: hidden; margin: 0 auto; max-height: 230px; }
.innerImage img { width: 100%; }

/* footer */
.copyrights { text-align: center; color: #fff; }
#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: #fff !important; }

.hide-d { display: none; }

#logo a { float: none !important; }

/* Video */
.video-wrapper {
	height: 700px;
	position: relative;
	overflow: hidden;
}
.video-wrapper video {
	position: absolute;
	height: 100% !important;
	width: 100% !important;
	object-fit: cover;
}
.carousel-caption {
    text-shadow:none;
    bottom:16%;
	position: absolute;
	text-align: center;
	width: 100%;
}
.carousel-caption h1 {
    text-transform:uppercase;
    margin-bottom:5px;
    color:#fff;
    font-size:48px;
    font-weight:400;
	text-shadow: 1px 1px 1px #000;
}
.carousel-caption p {
    margin-bottom:25px;
    color:#fff;
    font-weight:700;
    font-size:18px
}
.carousel-caption a {
    background-color:#0628b3;
    border:none;
    box-shadow:none;
    color:#fff;
    border-style:none;
    padding:9px 27px;
    font-size:16px;
    display:inline-block;
    margin-bottom:0;
    border-radius:2px;
    text-align:center;
    vertical-align:middle;
    font-weight:700;
    line-height:1.43;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    white-space:nowrap;
    cursor:pointer
}
.carousel-caption a:hover {
    background-color:#0628b3;
	color:#fff;
}
/*Blog*/
.post-info{display:none;}
#featured-thumbnail {
    max-width: 30%;
    display: block;
    position: relative;
    overflow: hidden;
    clear: both;
    margin-bottom: 15px;
    float: right;
}
.innerImage {
	height: 250px;
	background-size: cover;
	background-position: 50% 50%;
	position: relative;
}

.front-view-content {

    float: left;
    width: 69%;
}
body#blog #content_box{width:100%;}
body#blog #sidebar{display:none;}


/* mobile */
@media screen and (max-width: 880px) {

	.hide-d { display: block; }
	#header { background: none; padding: 0px 0 10px 0px; margin-bottom: 0px; }
	.mobileBtn { margin-bottom: 0px; }
	.mobileBtn a, .hours{ display: block; color: #fff; text-align: center; background: #4c371a; 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; }
	#slider, .hide-xs { display: none; }
	.container, .welcome .container, .widgetBox { width: 96%; padding: 2%; }
	.widgetBox {
		margin:0px 0px 20px;
		width: 100% !important;
	}
	.row {
		margin: 0px;
	}
	.homeBoxes, .innerImage { display: none; }
	.homeBoxes, .homeWidgets, .welcome, .footerSocial, div.footer .copy { width: 100%; height: auto;}
	.homeBoxes .box01, .homeBoxes .box02, .homeBoxes .box03 {height: auto; width: 100%; float: none; margin-bottom: 30px; padding: 20px;}
	.welcome {margin: -20px auto;}
	.homeBoxes .box01, .homeBoxes .box02, .homeBoxes .box03 { width: 98%; }
	.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; background:none!important;}
	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; }
	#secondary-navigation .navigation ul ul li > a {
	font-size: 10px;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    text-transform: none; }
	
	.dm-rate-us span, .dm-rate-us a:visited, .rtg a { color: #fff!important; }
	.dm-rate-us { text-shadow: 0 0 5px #000, 0 1px 0px #000, 0 -1px 0px #000; }
}
	#secondary-navigation .navigation ul ul li > a {
	font-size: 12px;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    text-transform: none; }
html ul li#menu-item-35 ul.wda-long-menu { width: 646px; right: -305px; }

@media screen and (min-width:880px) {
	.dm-rate-us a {
        color:white!important;
	    font-size:24px!important;
	}
    .dm-rate-us span {
        color:white!important;
    }
}