


/*****************************
		GENARAL STYLE
*****************************/

@font-face {
  font-family: ClockFont;
  src: url(../fonts/digital-7.ttf);
}

@font-face {
  font-family: MainTitle;
  src: url(../fonts/PlayfairDisplay-Bold.ttf);
}

@font-face{
    font-family: contentFont1;
    src: url(../fonts/OpenSans-Regular.ttf);
}

@font-face{
    font-family: contentFont2;
    src: url(../fonts/OpenSans-Bold.ttf);
}

body{
	background: #222;
	background-attachment: fixed;
	overflow-x: hidden;
	font-family: contentFont1;

}

ul{
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6{
	font-family: MainTitle;
}

a{
	cursor: pointer;
}

.row-padding{
	padding-top: 80px;
	padding-bottom: 70px;
	border-top: rgba(0, 0, 0, .5) solid 1px;
	border-bottom: rgba(0, 0, 0, .5) solid 1px;
}

.row-top-padding{
	padding-left: 40px;
	padding-right: 40px;
}

.padding-bottom{
	padding-bottom: 20px;
}

.padding-top{
	padding-top: 20px;
}

.div-100{
	width: 100%;
	height: auto;
}

#carousel-example-generic{
	border-radius: 10px !important;
	overflow: hidden;
}

.div-img img{
	width: 100%;
	height: auto;
}

.row-white{
	background: #fff;
}

.padding-left-0{
	padding-left: 0;
}

.padding-right-0{
	padding-right: 0;
}

.body-row-padding{
	padding-top: 20px;
	padding-bottom: 20px;
}

.nav-bar{
	margin-top: 20px;
}

.row-footer{
	border-top: rgba(0, 0, 0, 1) solid 1px;
	padding: 40px 0;
	color: #efd858;
	text-align: center;
}

.row-footer h6{
	margin: 30px 0;
}

.row-footer p{
	font-size: 11px;
	width: 52%;
	margin: auto;
}

.all-videos-img{
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}

.all-videos-img-top{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	top: 100%;
	left: 0;
	transition: all ease .6s;
}

.all-videos-img-top i{
	text-align: center;
	font-size: 84px;
	color: #efd858;
	display: block;
	margin: auto;
	margin-top: 75%;
	transform: translateY(-50%);
}

.all-videos-img:hover .all-videos-img-top{
	top: 0;
}

.div-txt{
	text-align: center;
}

.div-txt h2{
	color: #00FFFF;
	margin-bottom: 30px;
}
.div-txt h3{
	color: #fff;
}
.div-txt h4{
	color: #efd858;
}

.cases-home{
	position: relative;
}

.case-home-title {
	position: absolute;
	padding: 20px 0;
	text-align: center;
	background: rgba(0, 0, 0, .6);
	bottom: 0;
	width: 100%;
}

.case-home-title h4{
	color: #efd858;
}

.pl-0{
	padding-left: 0 !important;
}

.pr-0{
	padding-right: 0 !important;
}

.img-wrapper{
	height: 500px;
	overflow: hidden;
}

.img-wrapper-text{
	padding: 90px;
	color: #efd858;
}

.img-wrapper-text h3{
	margin-bottom: 40px;
}

.img-wrapper-text p{
	margin-bottom: 20px;
}

.div-txt a{
	color: #efd858;
	display: block;
	margin-top: 30px;
	font-style: italic;
	text-decoration: underline;
}

.login-bg{
	width: 50vh;
	height: 50vh;
	background: rgba(0, 0, 0, .85);
	margin: 15% auto 0;
	padding: 40px;
	text-align: center;
	color: #efd858;
}

.login-bg h3{
	text-transform: uppercase;
	margin-bottom: 40px;
}

.login-bg input{
	border-radius: 0;
	margin-bottom: 27px;
	display: block;
	height: 40px;
}

.login-bg button{
	color: #000;
	border-radius: 0;
	border: none;
	background: #efd858;
	padding: 13px 30px;
	font-size: 13px;
	margin-bottom: 30px;
	margin-top: 20px;
}

.login-bg p{
	color: #fff;
}

.login-bg a{
	color: #efd858;
}

.login-bg-2{
	height: 60vh;
	margin-top: 13%;
}

.details-banner{
	position: relative;
}

.details-banner-top{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .9);
	top: 0;
	left: 0;
}

.video-pricing{
	border: #efd858 solid 2px;
	padding: 60px 30px;
	text-align: center;
	color: #efd858;
	margin-top: 25%;
}

.video-pricing h2{
	margin: 20px 0 60px;
}

.video-pricing h3{
	margin: 0 0 20px;
}

.video-pricing h5{
	margin-bottom: 60px;
}

.video-pricing a{
	border: #efd858 solid 2px;
	background: #efd858;
	color: #000;
	text-transform: uppercase;
	padding: 12px 30px;
	margin-top: 30px;
	border-radius: 0;
	font-size: 12px;
}























