.dot_left{float:left;display: inline-block; margin-left:-20px; height: 110px;}

.top_margin1{margin-top:4%;}

.top_margin1 p{font-weight: 300;color: #fff !important;font-size: 20px; line-height: 2.2rem;}

.top_slide{    display: block;
    position: relative;
    bottom: 5vh;}

.top_slide img{filter:contrast(0) brightness(2) grayscale(0) url('#fff'); max-width:80% !important;}

.value .text-lg{color: #353535;}

.value .text-md{color: #6E6E6E;}

.space-xl{height:200px;border: none;}

#features ul{margin-top:12%; }

.cnt-box .caption a{display: inline; font-weight: 700;    color: #f7bc06;}

.explain_vid{width: 100%;float:right;display: flex;}

.explain_vid .img-box{margin-right:3%;}

.indexy .section-base .col-lg-3 h2{line-height: 2.8rem;}

#features .btn-text{margin-top:0;}

#process .explain_vid{padding: 0; margin: 0;}

.prop_count{background: #444444;}
/*.mgn-200{margin-top: 200px;}*/

#news .container{padding: 8% 10%;}

#process h1{font-size:50px; text-transform: lowercase;}
#process .dot{font-size:1.5rem;}

.process_pic{max-width: 100px;
float: left;}

.process main{z-index: 7;}

.process_pic img{padding-right: 15%;margin-bottom: 0;}

.timeline-item-right p{text-align: left;}

.timeline-item-left p{text-align: right;}

.indexy .light p{margin-top:25px;}

.tools .cnt-box .caption h2{min-height: 0;}
#footer{POSITION: absolute;
    BOTTOM: 0;
    WIDTH: 100%;
    TEXT-ALIGN: CENTER;}

.timeline-item-left h2{float: left;
color: #f7bc06;
font-size: 3rem;
position: absolute;
z-index: 9;
left:0; top:4px;}

.timeline-item-right h2{float: right;
color: #f7bc06;
font-size: 3rem;
position: absolute;
z-index: 9;
right:0;}

.timeline-item-right .timeline-content{
position: relative;
border-radius: 0.42rem;
padding: 1rem 2rem;
background-color: #eee;
color: #333;
font-size: 16px;
font-weight: 400;
border: 1px solid #ddd;
text-align: right;
}

.timeline-item-left .timeline-content{
position: relative;
border-radius: 0.42rem;
padding: 1rem 2rem;
background-color: #eee;
color: #333;
font-size: 16px;
font-weight: 400;
border: 1px solid #ddd;
text-align: left;
	
}



.float-right{float: right !important;width:100%;}

#process .header_padding2 p{margin-top:0;margin-bottom: 0; padding-top:0; padding-bottom:0; }

#process .section-color{background-color: #fff;}
	.footer-parallax .light .light .counter .value::before{font-weight: 300 !important;}

#news h1{text-transform: lowercase;}

.section-base .col-lg-3 h2{font-size: 40px; line-height: 3rem;}

.counter .text-lg{}

.inner_counter{width:100%;}

/*#dot-matrix {
    background: url(http://s14.directupload.net/images/111129/44ga9qid.png);
    height: 94vh;
	    width: 100%;
    position: absolute;
    top: 0;
    z-index: 3;
	opacity: 1;
	
}

#dot-matrix2 {
    background: url(http://s14.directupload.net/images/111129/44ga9qid.png);
 
    width: 100%;
    position: absolute;
    top: -3vh;
    z-index: 3;
	opacity: 1;
	height:28vh;
	
}
*/


#overlay2 {
   
    width: 100%;
height: 25vh;
    background-image: linear-gradient(6deg, rgb(255 255 255 /78%), rgb(255 255 255 /80%), rgb(0 0 0 / 58%));
	z-index: 3;}

.corner_triangle_L{    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 0 0 50px;
    border-color: transparent transparent transparent #9a9a9a;
    position: fixed;
    /* color: #000; */
    /* font-size: 0rem; */
    /* line-height: 1rem; */
    bottom: 0;
    left: 0;
    z-index: 9;}

.corner_triangle_L:hover{ border-color: transparent transparent transparent #333; -moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; cursor: pointer;}

.corner_triangle_L span{color: #fff;
    font-size: 2rem;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    bottom: -15px;
    left: -60px;
    font-weight: 300;}


.indexy .section-image{background-color: #f8f8f8;}

.the_app{padding: 2rem 0;}

.indexy .prop_count{background: #444444 !important;background: linear-gradient(196deg, rgba(34,34,34,0.9) 0%, rgba(68,68,68,0.9) 90%);}

#features{padding: 0 4%;}
.feat_icons i{font-size: 35px; color: #f7bc06; font-weight: 900;}

.power_btn{margin-top:50px;}

.reserved{width: 100%;
    position: absolute !important;
    bottom: 8%;
    z-index: -1;
    right: 0%;}
.feat_icons{display: none;}
.dot{color: #f7bc06;text-shadow: 0px 1px 12px #0009;}

h1 .dot{font-weight: 600 !important;display: inline !important;}
.the_app h2{font-size: 4.3rem; color: #353535 !important;}

#section-video{height: 93vh;
    position: relative;
    min-height: 93vh;}

#overview{background-color: #fff;background-image: none !important;}



.feature_right_txt{    padding: 3% 0 0 15%;
    max-width: 100%;
    text-align: right;
}
.feature_right_txt p{font-weight: 500;}

.feature_left_txt{    padding: 3% 15% 0 0%;
    max-width: 100%;
    text-align: left;
}
.feature_left_txt p{font-weight: 400;}

#features h2{    font-weight: 600;
    font-size: 3.4rem;
    line-height: 3.5rem;
    text-transform: lowercase}
.menu-classic .container{width: 100%;min-width:100%; padding: 0 5%;min-height:60px;}

.menu-brand { float: left; margin-left: 4.3%; margin-top: 18px;}

.menu-brand a{float: left; max-width: 160px;}

.menu-cnt{width: auto; min-width: 70%; float: right; position: relative;}
/*#section-video{height: 100vh;}*/

#overview .col-lg-4{padding-left:1%; padding-right: 3%; }

.quarter-circle-top-right{
  width: 90px;
height: 46px;
background: #fff;

-moz-border-radius: 8px 0 0 8px;
-webkit-border-radius: 8px 0 0 8px;
	border-radius: 0 0 0 40px;
float: right;
position: fixed;
right: 0;
top: 0px;
	
	transition: 0.5s ease-in-out;
}

.term_body{padding-top:5% !important;}

.header_padding{padding-bottom:5% !important;}

.header_padding2{padding-bottom:3% !important;}

.quarter-circle-top-right:hover{background: rgb(247 188 26);
	transition: 0.5s ease-in-out;}

.quarter-circle-top-right a:hover{color:#fff !important;}

.quarter-circle-top-right a{
	color: #f7bc06;
text-transform: lowercase;
text-decoration: none;
width: 100%;
text-align: center;
position: relative;
display: block;
line-height: 40px;
	border: none !important;
	height: 100%;
	padding-left:15%;

	}
.quarter-circle-top-right a:hover{


	height:100% !important;
	width:100% !important;
	}

.quarter-circle-top-right .btn-border.light:hover{background-color: none !important; border:none !important; width:100% !important; height:100% !important;}

.smally{
	text-align: right;
    float: right;
    font-size: 9px;
    font-weight: 300;
   
    position: relative;}
	
.underliner{
/*	text-decoration-line:underline;*/
	font-weight: 500;
	}
	
#overlay {
  position: sticky; /* Sit on top of the page content */
  width: 100%; /* Full width (cover the whole page) */
  height: 93vh; /* Full height (cover the whole page) */
  min-height: 93vh;
	top: 0;
  left: 0;
  right: 0;
  bottom: 0;
/*  background-color: rgba(0,0,0,0.5);*/ /* Black background with opacity */
    background-image: linear-gradient(6deg, rgb(255 255 255 /78%), rgb(57 57 57 / 80%), rgb(0 0 0 / 77%));

  z-index: 3; /* Specify a stack order in case you're using a different order for other elements */
 /* cursor: pointer;  Add a pointer on hover */
}

.spaceme{
	
	padding-right:5rem;}

@media (max-width: 767px) {

	.moving_vid{min-height:175vh;}
	
	.col-md-6 + .col-md-6{padding: 0; margin: 0;}
 .grid-list{}
	
	[class*="col-"]:not([class*="col-sm"]) + [class*="col-"]:not([class*="col-sm"]) {
    margin-top: 30px;
    padding: 0;
    margin: 5% 0;
	}
	#features h2{font-size: 3rem;}
#news .container{min-width: 100vw; }
	#features{padding: 0;}
	
	#news .col-lg-4{padding:0;}
	
	#features ul{padding: 0;}
	
	hr.space-md{}
	
	.list-pagination{padding-left: 0;}
	
	.pagination{display: block ruby; width:100%;text-align: center;}
	
	#overview .col-lg-4 {
    padding-left: 0%;
		padding-right: 0%;}

	.mm-menu__title .dot_left{height: 0px;}
	
	body > .wrapper nav.light:not(.menu-transparent), nav.light.menu-transparent.scroll-menu, footer
	{background-color: #555555;}
	
	.menu-btn{display: none !important;}
	
	body > nav .menu-brand, .menu-subtitle .menu-brand, body > nav.menu-icon .menu-brand {
    height: 50px;
    padding: 10px 0;
    margin-left: 0;
    margin-top: 8px !important;
    width: 150px;
}
	

	.main_btn {
		position: fixed;
		bottom: 0;
		width: 100%;
		left:0;
		padding: 0;
		z-index: 999999999;
	}
	.main_brn_inner{
		position: fixed;
bottom: 0;
padding: 3.6%;
border-radius: 0;
z-index: 99999999;
		left:0;
		width:100%;
		    max-height: 60px;
		min-height: 60px;
	}
	
	hr.space-lg{height: 30px;}
	
	.moby_vid_sec h1{
	       font-size: 2.8rem;
    line-height: 3.2rem;
    text-transform: lowercase;
    text-shadow: 0px 0px 8px rgba(0,0,0,0.1);
    margin: 8% 0;} 
	
	.moby_vid_sec .col-lg-7{
		padding:6% 4% 8%;
	}
	
	.top_margin1 {
    margin-top: 10%;
}

	.quarter-circle-top-right{
		display: none;
	}
	
	.dot{font-size: inherit !important;}
	.dot_left{height:15rem;}
	
	nav.active .menu-cnt{height: 100vh !important;}
	
	.menu-cnt li{border-bottom:1px dotted #eee;}
	
		.menu-cnt li a{text-align: center;}
	.feat_icons{width: 100%; display: none;}

	main > section > .container{padding: 10% 10%;}
	
	.cnt-box-side-icon > .caption{padding: 0 5%;}
	
	.cnt-box .caption h2{height: auto !important;}
	
	#section-video{height: 210vw; max-height: 760px;}
	
	.smally{text-align: center;
padding: 0 10%;
width: 100%;
line-height: 15px;
position: absolute;
bottom: 0;}
	
	.reserved{bottom:0vh; right:0;}
	
	i.scroll-top-btn{bottom:70px !important}
}

@media (max-width: 600px) {
	
	.feature_left_txt{max-width: 100%;}	
	
	.feature_right_txt{max-width:100%;}
	.power_btn{margin-top:0px;}
	
	.spaceme{padding-right: 0;}
	
	
#overlay {
   
	height: 100% !important;}
	
	
	
	
}


@media (max-width: 480px) {
	
	.corner_triangle_L{bottom:60px !important;}
	.moby_vid_sec h1 {
    font-size: 2.8rem;
    line-height: 3.2rem;}
	
	.cnt-box.boxed .caption {
    padding: 5%;}
	
	.cnt-box-blog-side .blog-date, .cnt-box-blog-top .blog-date{display: none;}
	
	.button_bot_reg{width:100%;}
	.button_bot_reg_internal{float:right;}
	.button_bot_reg_internal #prevBtn{width:49%;}
	.button_bot_reg_internal #nextBtn{width:49%;}
	
}


@media (max-width: 768px) {
	
	.cnt-box .caption h2{min-height: unset !important;}	
	
	.cnt-box-side-icon > .caption{padding-left: 0;}
	#overview .col-lg-4{padding-left: 0%; padding-right: 0%;}
	.moving_vid{/*min-height: 115vh;*/}
}


@media (max-width: 1024px) {
	
	[class*="col-lg-"] + [class*="col-lg-"]
	{max-width: 96%;}
	
	main > section > .container{
		
		width:100%;}
	
	.cnt-box .caption h2{min-height: 120px;}
	
	hr.space-md{height: unset;}
	}


.footer-parallax H4{color:#fff !important;}
.footer-parallax  .icon-links a i{color:#fff !important;}
.orange{color:#f7bc06 !important}
.button_bot_reg_internal{float: right;    margin: 2% 0 0px;}



/*--------------------------------SLIDER-----------------------------*/