*{ margin:0px; padding:0px;}

body {
	font-family: Lato
}



h1, h2, h3, h4, h5, h6 {
	font-family: Catamaran;
	font-weight: 800!important
}
.btn-xl {
	text-transform: uppercase;
	padding: 1.5rem 3rem;
font-size:.9rem;
	font-weight: 700;
letter-spacing:.1rem
}
.bg-black {
	background-color: #000!important
}
.rounded-pill {
	border-radius: 5rem
}
.navbar-custom {
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-color: rgba(0,0,0,.7)
}
.modal-dialog{
    width:100%;
    float:left;
}
.navbar-custom .navbar-brand {
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: .1rem;
    font-weight: 700
}
.navbar-custom .navbar-nav .nav-item .nav-link {
	text-transform: uppercase;
font-size:.8rem;
	font-weight: 700;
letter-spacing:.1rem
}
header.masthead {
	position: relative;
	overflow: hidden;
	padding-top: calc(7rem + 72px);
	padding-bottom: 7rem;
	background: -webkit-gradient(linear, left bottom, left top, from(#ff6a00), to(#ee0979));
	background: linear-gradient(0deg, #ff6a00 0, #ee0979 100%);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: scroll;
	background-size: cover
}
header.masthead .masthead-content {
	z-index: 1;
	position: relative
}
header.masthead .masthead-content .masthead-heading {
	font-size: 4rem
}
header.masthead .masthead-content .masthead-subheading {
	font-size: 2rem
}
header.masthead .bg-circle {
	z-index: 0;
	position: absolute;
	border-radius: 100%;
	background: -webkit-gradient(linear, left bottom, left top, from(#ee0979), to(#ff6a00));
	background: linear-gradient(0deg, #ee0979 0, #ff6a00 100%)
}
header.masthead .bg-circle-1 {
	height: 90rem;
	width: 90rem;
	bottom: -55rem;
	left: -55rem
}
header.masthead .bg-circle-2 {
	height: 50rem;
	width: 50rem;
	top: -25rem;
	right: -25rem
}
header.masthead .bg-circle-3 {
	height: 20rem;
	width: 20rem;
	bottom: -10rem;
	right: 5%
}
header.masthead .bg-circle-4 {
	height: 30rem;
	width: 30rem;
	top: -5rem;
	right: 35%
}
@media (min-width:992px) {
header.masthead {
	padding-top: calc(10rem + 55px);
	padding-bottom: 10rem
}
header.masthead .masthead-content .masthead-heading {
	font-size: 6rem
}
header.masthead .masthead-content .masthead-subheading {
	font-size: 4rem
}
}
.bg-primary {
	background-color: #ee0979!important
}


.ta_day{width:100%; float:left;}
.ta_day .tab-f{ width:100%; float:left; padding:65px 0px;}
  header {
  position: relative;
  background-color: black;
  height: 90vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
     background-image: url(../img/video.jpg);

}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

.
@media (pointer: coarse) and (hover: none) {
  header {
	 
    background: url('../img/video.jpg') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
} 
.top_head{ width:100%;     border-bottom: 1px solid #c1c0c0;    background-color: #fff; float:left; position:fixed; z-index:99;}
.top_head .login_d{ width:100%;     margin-top: 19px; float:right; text-align:right;}
.top_head .login_d a{ color:#000; font-weight:600; text-decoration:none;    padding: 9px 45px;
   
    border: 2px solid #a8c500;}

.slider-div{ width:100%; float:left; padding-top: 12%;}
.cl{width:100%; float:left; position:relative;}
.card {
   
  
    min-height:350px;
    background: #ffffffad;
    box-shadow:0 20px 50px rgba(0,0,0,.1);
    border-radius:10px;
    transition:0.5s;
}
.card:hover {
    box-shadow:0 30px 70px rgba(0,0,0,.2);
}
.card .box {
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    text-align:center;
    padding:20px;
    box-sizing:border-box;
    width:100%;
}
.card .box .img {
    width:120px;
    height:120px;
    margin:0 auto;
    border-radius:50%;
    overflow:hidden;
}
.card .box .img img {
    width:100%;
    height:100%;
}
.card .box h2 {
    font-size:20px;
    color:#262626;
    margin:20px auto;
}
.card .box h2 span {
    font-size:14px;
    background:#e91e63;
    color:#fff;
    display:inline-block;
    padding:4px 10px;
    border-radius:15px;
}
.card .box p {
    color:#262626;
}
.card .box span {
    display:inline-flex;
}
.card .box ul {
    margin:0;
    padding:0;
}
.card .box ul li {
    list-style:none;
    float:left;
}
.card .box ul li a {
    display:block;
    color:#aaa;
    margin:0 10px;
    font-size:20px;
    transition:0.5s;
    text-align:center;
}
.card .box ul li:hover a {
    color:#e91e63;
    transform:rotateY(360deg);
}
.sign_in{     padding: 13px 0px;   width: 100%;
    float: left;
   }
.sign_in a{ text-decoration:none; color:#fff; font-weight:600;  background-color: #0e0e0e;
    padding: 9px 29px;  transition: 0.3s;}
.sign_in a:hover{ border:1px solid #000; background-color:#fff; color:#000;}
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
.cir_cp{ width:100%; float:left;}
.cir_cp ul{ list-style:none;}
.cir_cp ul li{ display:inline-block;}
.cir_cp .circles li {
    background: #fff none repeat scroll 0 0;
    border: 5px solid #e1e1e1;
    border-radius: 100%;
    float: left;
    height: 150px;
    margin-right: 40px;
    position: relative;
    text-align: center;
    width: 150px;}
.cir_cp ul li div {
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 36px;
    width: 140px;
}

.cir_cp ul li div h2 {
    font-weight: bold;
    margin: 0;
    color:#728601;
    font-size: 36px;
}

.to_u{width:100%; float:left;}
.to_u ul{ list-style:none;}
.to_u ul li{ list-style:none; line-height: 30px; display:inline-block;}
.da_y{ width:100%; float:left;}
.da_y .modal-header{width: 100%;
    float: left;}
.da_y .modal-body{width: 100%;
    float: left;}
.da_y .modal-footer{width: 100%;
    float: left;}	

.da_y .modal-header .close {
    margin-top: -28px;
}
.data_form{ width:100%; float:left;}
.data_form input{ height:45px;}
.data_form form{    margin-bottom: 15px;
   /* background: #f7f7f7;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);*/
   }
{min-height: 38px;
    border-radius: 2px;}
.pull-left {
    float: left!important;
}
.iy{background-color: #728601;
    color: #fff;}
.iy:hover{background-color: #728601;
    color: #fff;}