html {
    scroll-behavior: smooth;
}
  
a {
    color: #619ECD;
}

a:hover {
    color: #F5B840;
    text-decoration: none;
}

.abso-img {
    position: absolute;
    z-index: 10;
    margin-left: 20%!important;
}

.nav-item {
    white-space: nowrap;
    font-family: 'Roboto', sans-serif;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.9);
}

.navbar-nav {
    padding-bottom: 80px;
}

.body-youtube-embed {
    width: 800px;
    height: 600px;
    margin-bottom: 50px;
}

.bg-primary{
    background-color: #505050!important;
    color: #fff;
}

.bg-secondary{
    background-color: #969696!important;
    color: #fff;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-tertiary{
    background-color: #f3b641!important;
    color: #fff;
}

.bg-center{
    background-position: center;
    background-repeat: no-repeat;
}

.bg-right{
    background-position: right center;
    background-repeat: no-repeat;
}

.btn-primary:hover {
    color: #fff;
    background-color: #F5B840;
    border-color: #F5B840;
}

.jumbotron {
    padding: 5rem 1rem !important;
    background-color: #fff;
    margin-bottom: 0px;
    margin-left: 1.5%;
}

.btn-primary {
    color: #fff;
    background-color: #619ECD;
    border-color: #619ECD;
}

.btn-tertiary:hover {
    color: #fff;
    background-color: #eca10f;
    border-color: #eca10f;
}
.btn-tertiary {
    color: #fff;
    background-color: #f3b641;
    border-color: #f3b641;
}

.nav-logo {
    margin-left: -20px;
    z-index: 11;
}

.nav-logo-mob {
    position: absolute;
    right: 31.5%;
    z-index: 11;
}

.script{
    font-family: 'Indie Flower', cursive;
}

.script h1{
    font-size: 2.2em;
    font-weight: 900;
}
.script h2, .script h3{
    font-size: 1.8em;
    font-weight: 700;
}

.script h4{
    font-size: 1.8em;
    font-weight: 700;
}

.script p{
    font-size: 1.4em;
}

.script .ph3{
    font-size: 1.8em;
    font-weight: 700;
}

.script .ph4{
    font-size: 1.3em;
    font-weight: 700;
}

.x2{
    font-size: 2em !important;
}

ul{
    font-size: 1.5em;
    list-style: none;
    padding-left: 0px;
}

.justify-center {
    text-align: center;
    text-justify: inter-word;
    text-align-last: center;
}

@media (min-width: 768px) {
    .abso-nav {
        position: absolute;
        z-index: 10;
        margin-top: 50px;
        padding-top: 0px;
    }

    .jumbotron {
        padding: 4rem 1rem !important;
    }

    .nav-start {
        margin-left: 65px !important;
    }

    .myot-logo-body {
        display: inline-block;
        position: center;
    }

    .body-hide-mob {
        display: normal;
    }
}

@media (max-width: 768px) {
    .myot-logo-body {
        display: none;
        position: center;
    }

    .body-hide-mob {
        display: none;
    }
}

.carousel {
	margin: 50px auto;
	padding: 0 70px;
}
.carousel .item {
	color: #999;
	font-size: 14px;
    text-align: center;
	overflow: hidden;
    min-height: 290px;
}
.carousel .item .img-box {
	width: 135px;
	height: 135px;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 50%;
}
.carousel .img-box img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}
.carousel .testimonial {
	padding: 30px 0 10px;
}
.carousel .overview {	
	font-style: italic;
}
.carousel .overview b {
	text-transform: uppercase;
	color: #F5B840;
}
.carousel .carousel-control {
	width: 40px;
    height: 40px;
    margin-top: -20px;
    top: 50%;
	background: none;
}
.carousel-control i {
    font-size: 68px;
	line-height: 42px;
    position: absolute;
    display: inline-block;
	color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}
.carousel .carousel-indicators {
	bottom: -40px;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 10px;
	height: 10px;
	margin: 1px 3px;
	border-radius: 50%;
}
.carousel-indicators li {	
	background: #999;
	border-color: transparent;
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.carousel-indicators li.active {	
	background: #555;		
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}

/*--------------------------------------------------FOOTER---------------------------------------------------*/
.footerarr {
	text-align:center;
	margin-top:-59px;
	margin-bottom:20px;
}
.footerarr i {
	color:#fff;
	font-size:60px;
}
.footer {
	background:#222;
	color:#888;
	margin-top:50px;
	padding-top:50px;
	padding-bottom:30px;
	font-size:13px;
	line-height:20px;
	-webkit-background-size:cover !Important;
	-moz-background-size:cover !Important;
	-o-background-size:cover !Important;
	background-size:cover !Important;
}
.footerbrand {
	font-size:20px !Important;
	font-weight:300 !Important;
	text-transform:none !Important;
	margin-bottom:20px !important;
	border-bottom:0px !Important;
	letter-spacing:1px;
	display:block !Important;
	color:#fff !important;
}
.footermap {
	background:url(../img/map.png) no-repeat;
}
.footerbrand i {
	color:#555;
	font-size:15px;
}
.footer h4 {
	font-size:18px;
	color:#fff;
	text-align:left;
	display:inline-block;
	font-weight:700;
	margin-bottom:25px;
	margin-top:0;
}
.footer hr {
	border-top:1px solid #494949;
	margin-bottom:25px;
}
.footer ul.social-icons {
	list-style:none;
	margin-left:0px;
		margin-top:25px;
}
.copyright {
	color:#fff;
	font-size:12px;
	background:#f54828 url(../img/foot.png) repeat-x left 1px;
}
.copyright ul.footermenu li a {
	color:#fff;
	height:50px;
}
.copyright p {
	line-height:50px;
	margin:0px;
}
.footer input,.footer textarea,.footer input[type="text"] {
	background-color:#333;
	border:1px solid #3c3c3c;
	font-size:12px;
	margin-bottom:10px;
	color:#aaa;
	padding:10px;
}
.footer .btn {
	background:#333;
	text-shadow:none;
	padding:6px 12px;
	font-size:13px;
	color:#888;
}
ul.footermenu {
	list-style:none;
	margin-top:10px;
}
ul.footermenu li {
	float:left;
	margin-left:5px;
	margin-right:5px;
	text-transform:uppercase;
	line-height:33px;
}
ul.footermenu li a {
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	color:#999;
	font-size:11px;
}
ul.footermenu li a:hover {
	color:#fff;
}
.footermenu li:before {
	content:'|';
	color:#fff;
	display:inline-block;
	margin-right:7px;
}
.footermenu li:nth-child(1):before {
	display:none;
}
.footer .titlearrow {
	font-size:30px;
	color:#444;
	background:#373737;
	;
}
.footer .wraptitle {
	margin-bottom:10px;
	text-align:left;
}
.done {
	display:none;
}
.error input,input.error,.error textarea,textarea.error {
	background-color:#ffffff;
	border:1px solid red !Important;
	-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;
	-moz-transition:border linear 0.2s,box-shadow linear 0.2s;
	-o-transition:border linear 0.2s,box-shadow linear 0.2s;
	transition:border linear 0.2s,box-shadow linear 0.2s;
}
#back-top {
	position:fixed;
	bottom:50px;
	right:2%;
	z-index:1000;
}
#back-top span {
	width:40px;
	height:40px;
	display:block;
	margin-bottom:7px;
	background:#333 url(../images/up-arrow.png) no-repeat center center;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-transition:1s;
	-moz-transition:1s;
	transition:1s;
}
#back-top a:hover span {
	opacity:0.7;
}
#back-top a {
	width:44px;
	display:block;
	text-align:center;
	font:11px/100% Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#666;
	-webkit-transition:1s;
	-moz-transition:1s;
	transition:1s;
}
#back-top a:hover {
	color:#999;
}
ul.social-icons li {
	display:inline-block;
	float:none;
	padding:17px;
	width:10px;
	height:10px;
	position:relative;
	background:#444;
	margin-right:5px;
	border-radius:3px;
}
ul.social-icons li i {
	position:absolute;
	font-size:15px;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	left:50%;
	top:50%;
	margin-left:-20px;
	margin-top:-20px;
}
ul.social-icons li a {
	color:#fff;
}
ul.social-icons li a i {
	-webkit-transition-duration:0.8s;
	-moz-transition-duration:0.8s;
	-o-transition-duration:0.8s;
	transition-duration:0.8s;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	transition-property:transform;
	overflow:hidden;
}
ul.social-icons li a i:hover {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
}
ul.social-icons li a:hover {
	text-decoration:none;
	color: #fff;
}
/*--------------------------------------------------FOOTER QUOTES---------------------------------------------------*/

.quote-card {
  background: #afafaf;
  color: #222222;
  padding: 20px;
  padding-left: 50px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);
  position: relative;
  overflow: hidden;
  min-height: 120px;
}
.quote-card p {
  font-size: 22px;
  line-height: 1.5;
  margin: 0;
  max-width: 80%;
}
.quote-card cite {
  font-size: 16px;
  margin-top: 10px;
  display: block;
  font-weight: 200;
  opacity: 0.8;
}
.quote-card:before {
  font-family: Georgia, serif;
  content: "“";
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 5em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}
.quote-card:after {
  font-family: Georgia, serif;
  content: "”";
  position: absolute;
  bottom: -110px;
  line-height: 100px;
  right: -3px;
  font-size: 25em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}
@media (max-width: 640px) {
  .quote-card:after {
    font-size: 22em;
    right: -25px;
  }
}
.quote-card.blue-card {
  background: #0078FF;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.blue-card:before, .quote-card.blue-card:after {
  color: #5FAAFF;
}
.quote-card.green-card {
  background: #00970B;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.green-card:before, .quote-card.green-card:after {
  color:#59E063 ;
}

.quote-card.red-card {
  background: #F61E32;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.red-card:before, .quote-card.red-card:after {
  color:#F65665 ;
}

.quote-card.yellow-card {
  background: #F9A825;
  color: #222222;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.yellow-card:before, .quote-card.yellow-card:after {
  color: #FBC02D;
}

.nav-start{
	margin-left: 0px;
}

.btn-lg {
    font-size: 2rem;
}

.read-more-state{display:none}
.read-more-target{display:none;transition:.25s ease}
.read-more-state:checked~.read-more-wrap .read-more-target{transition:.25s ease;display:inherit}
.read-more-state~.read-more-trigger:before{content:'Show more'}
.read-more-state:checked~.read-more-trigger:before{content:'Show less'}
.read-more-trigger{cursor:pointer;display:block;padding:0 .5em;color:#666;font-size:.9em;line-height:2;border:1px solid #ddd;border-radius:.25em;text-align:center}

.wrap-10 {
    display: inline-block;
}

.wrap-i {
    
}


@media (min-width: 1162px) {
    .btn-start-now {
        color: #505050 !important;
        background-color: #FFFFFF;
        border-radius: 15px;
        font-size: 22px;
        padding: 8px;
        font-weight: bold;
        margin-right: 10px;
    }
}

@media (max-width: 1162px) {
    .btn-start-now {
        display: none;
    }
}