* 

{

	margin: 0;

	padding: 0;

}



body 

{

	margin: 0 !important;

	padding: 0 !important;

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/bg-2.jpg) no-repeat;

	background-size: cover;

	background-attachment: fixed;

	position: relative;

	font-family: 'Source Sans Pro', sans-serif;

}



::-webkit-scrollbar 

{

	width: 8px;

}



::-webkit-scrollbar-track 

{

	background-color: transparent;

	border-left: 1px solid #ddd;

}



::-webkit-scrollbar-thumb 

{

	background: rgb(0, 0, 0);

}



::-webkit-scrollbar-thumb:hover 

{

	background: #fff;

}



h2,

h3,

h4,

h5,

h6 

{

	font-weight: 300;

	font-family: 'Audiowide', cursive;

}



h1 

{

	font-size: 50px;

	font-family: 'Audiowide', cursive;

	font-weight: 300;

}



#wrapper 

{

	width: 100%;

	overflow: hidden;

	margin: 0 auto;

}



section 

{

	padding: 2em 0 !important;

}



.header_top 

{

	background: #F5F5F5;

}



.navbar 

{

	min-height: 100px !important;

	margin-bottom: 0px;

	border: 1px solid transparent;

}



.navbar-inverse 

{

	background-color: rgba(0, 0, 0, 0.51) !important;

	position: relative;

	z-index: 9;

	margin-bottom: 20px;

	border-bottom: 1px solid #909090;

}



.navbar-inverse .navbar-nav>li 

{

	position: relative;

}



.nav_rel 

{

	position: absolute;

	width: 0px;

	height: 1px;

	top: 0px;

	left: 0px;

	background: #f70909;

	transition-duration: .5s;

	z-index: 999;

}



.navbar-inverse .navbar-nav>li:hover .nav_rel,

.nav_pad li ul li:hover .nav_rel 

{

	width: 100%;

	transition-duration: .5s;

}



.nav_rel1 

{

	position: absolute;

	width: 0px;

	height: 1px;

	bottom: 0px;

	right: 0px;

	background: #f70909;

	transition-duration: .5s;

	z-index: 999;

}



.navbar-inverse .navbar-nav>li:hover .nav_rel1,

.nav_pad li ul li:hover .nav_rel1 

{

	width: 100%;

	transition-duration: .5s;

}



.navbar-inverse .navbar-nav>li>a 

{

	color: #fff;

	font-weight: bold;

	text-shadow: none;

	padding: 10px 22px;

}



.navbar-inverse .navbar-nav>li>a:hover 

{

	color: #eee;

	font-weight: bold;

	text-shadow: none;

}



.top-curse 

{

	position: fixed;

	right: 40px;

	bottom: 40px;

	height: 30px;

	width: 30px;

	color: #000;

}



.top-curse:hover 

{

	color: #93DA49;

}



.nav_pull 

{

	float: right;

}



.nav_pad 

{

	padding-top: 25px;

}



.nav_pad li ul 

{

	display: none;

}



.nav_pad li:hover ul 

{

	display: block;

	position: absolute;

	z-index: 999;

	background: rgba(0, 0, 0, 0.8);

	padding: 10px;

	width: 200px;

}



.nav_pad li ul li 

{

	list-style: none;

	padding: 10px 0;

}



.nav_pad li ul li:hover a 

{

	color: #99C038;

}



.nav_pad li ul li a 

{

	text-decoration: none;

	color: #fff;

}



@media all and (max-width: 768px) 

{

	.nav_pull 

	{

		float: none;

	}

	.nav_pad 

	{

		padding: inherit;

	}

	.blr 

	{

		font-size: 55px !important;

	}

}



.bg_red 

{

	background: #f90606 !important;

}



.bg_green 

{

	background: #99C038 !important;

}



.bg_blue 

{

	background: #15bcf2 !important;

}



.bg_wht 

{

	background: #f5f5f5 !important;

}



.bg_blk 

{

	background: #444 !important;

}



.bg_ash 

{

	background: #eee !important;

}



.pan_red 

{

	color: #f90606 !important;

}



.pan_green 

{

	color: #99C038 !important;

}



.pan_blue 

{

	color: #15bcf2 !important;

}



.pan_wht 

{

	color: #fff !important;

}



.pan_blk 

{

	color: #444 !important;

}



.pan_ash 

{

	color: #bbb;

}



.smal_pan_pan 

{

	padding: 1em;

}



.pad_lef 

{

	padding-left: 1em;

}



.blur_bg 

{

	padding: 2em 0;

	background: #a6ff32;

	background: -moz-linear-gradient(45deg, #a6ff32 0%, #00d0ff 100%);

	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #a6ff32), color-stop(100%, #00d0ff));

	background: -webkit-linear-gradient(45deg, #a6ff32 0%, #00d0ff 100%);

	background: -o-linear-gradient(45deg, #a6ff32 0%, #00d0ff 100%);

	background: -ms-linear-gradient(45deg, #a6ff32 0%, #00d0ff 100%);

	background: linear-gradient(45deg, #a6ff32 0%, #00d0ff 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ff32', endColorstr='#00d0ff', GradientType=1);

}



.rnd_btn 

{

	background: #444;

	border-radius: 500px;

	width: 200px;

	height: 200px;

	position: relative;

	text-align: center;

	line-height: 250px;

	color: #f90606;

	margin: 0 auto;

}



.rnd_btn_inset 

{

	position: absolute;

	background: #444;

	border-radius: 500px;

	width: 1px;

	height: 1px;

	top: 100px;

	left: 100px;

	transition-duration: .5s;

	overflow: hidden;

}



.rnd_btn:hover .rnd_btn_inset 

{

	width: 200px;

	height: 200px;

	top: 0px;

	left: 0px;

	transition-duration: .5s;

	background: #f90606;

	text-align: center;

	line-height: 200px;

	color: #fff;

	font-size: 24px;

}



.rnd_btn_sm 

{

	background: #444;

	border-radius: 500px;

	width: 150px;

	height: 150px;

	position: relative;

	text-align: center;

	line-height: 200px;

	color: #f90606;

	margin: 0 auto;

}



.read_btn 

{

	height: 80px;

	width: 80px;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: -50px;

	border-radius: 1000px;

	text-align: center;

	line-height: 80px;

}



.service_inset_brdr 

{

	width: 70%;

	margin: 16% auto;

	padding: 16% 0;

	border: 3px solid #fff;

	border-radius: 100px;

}



.clr 

{

	margin: 0;

	padding: 0;

}



.list_styl 

{

	list-style: none;

}



.nav-pills>li.active>a,

.nav-pills>li.active>a:focus,

.nav-pills>li.active>a:hover 

{

	color: #aaa;

	background-color: transparent;

	padding: 5px !important;

}



.futr_sm 

{

	background: #222;

	border-radius: 100px;

	width: 60px;

	height: 60px;

	text-align: center;

	line-height: 60px;

	float: left;

	margin: 10px;

	transition-duration: .5s;

	color: #99C038;

}



.futr_sm:hover 

{

	background: #99C038;

	transition-duration: .5s;

}



.futr_sm:hover i 

{

	color: #222 !important;

}



.copy-rht 

{

	background: #DBD7D2;

}



.carousel-inner img 

{

	max-width: 100%;

}



.overfl 

{

	overflow: hidden;

}



.smartxoft 

{

	background: #DBD7D2;

	padding: 3em 0;

}



.breadcrumb 

{

	background: transparent !important;

	margin-top: 1em;

}



.breadcrumb a 

{

	color: #f90606;

	-webkit-transition: all .25s ease;

	-moz-transition: all .25s ease;

	-ms-transition: all .25s ease;

	-o-transition: all .25s ease;

	transition: all .25s ease;

	text-decoration: none;

}



.image-responsive 

{

	max-width: 100%;

}



.bor_bt 

{

	border-bottom: 1px solid #ccc;

}



.bor_lf 

{

	border-left: 5px solid #444;

}



p 

{

	text-align: justify;

	line-height: 26px;

	color: #999;

}



p img 

{

	float: left;

}



.bg_grn 

{

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/bg1.jpg) left no-repeat;

	background-size: cover;

}



.lar_fon 

{

	font-size: 55px;

}



.mrg_neg 

{

	margin-top: -125px;

	overflow: hidden;

}



.bot_pad 

{

	padding-bottom: 100px;

}



.ln_ht 

{

	line-height: 0 !important;

}



.home_image_center 

{

	width: 400px;

	margin: 0 auto;

	margin-top: 0;

	position: relative;

	z-index: 99;

}



.circle 

{

	position: absolute;

	top: 0%;

	left: 0%;

	z-index: 0;

	width: 100%;

	height: 100%;

}



.circle_1 

{

	position: absolute;

	margin: 0 auto;

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/circleAniLayer2.png) center center;

	background-size: cover;

	background-repeat: no-repeat;

	-webkit-animation-direction: reverse;

	animation-direction: reverse;

	-webkit-animation-name: spin_xoft;

	-webkit-animation-duration: 50s;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-timing-function: linear;

	-moz-animation-name: spin_xoft;

	-moz-animation-duration: 50s;

	-moz-animation-iteration-count: infinite;

	-moz-animation-timing-function: linear;

	-ms-animation-name: spin_xoft;

	-ms-animation-duration: 50s;

	-ms-animation-iteration-count: infinite;

	-ms-animation-timing-function: linear;

	animation-name: spin_xoft;

	animation-duration: 50s;

	animation-iteration-count: infinite;

	animation-timing-function: linear;

	animation-transform-origin: 46.6px 50px;

}









.circle_3 

{

	position: absolute;

	margin: 0 auto;

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/circleAniLayer4.png) center center;

	background-size: cover;

	background-repeat: no-repeat;

	-webkit-animation-name: spin_xoft;

	-webkit-animation-duration: 50s;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-timing-function: linear;

	-moz-animation-name: spin_xoft;

	-moz-animation-duration: 50s;

	-moz-animation-iteration-count: infinite;

	-moz-animation-timing-function: linear;

	-ms-animation-name: spin_xoft;

	-ms-animation-duration: 50s;

	-ms-animation-iteration-count: infinite;

	-ms-animation-timing-function: linear;

	animation-name: spin_xoft;

	animation-duration: 50s;

	animation-iteration-count: infinite;

	animation-timing-function: linear;

	animation-transform-origin: 47px 47.2px;

}



.circle_4 

{

	position: absolute;

	margin: 0 auto;

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/circleAniLayer5.png) center center;

	background-size: cover;

	background-repeat: no-repeat;

	-webkit-animation-direction: reverse;

	/* Chrome, Safari, Opera */

	animation-direction: reverse;

	-webkit-animation-name: spin_xoft;

	-webkit-animation-duration: 50s;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-timing-function: linear;

	/*-webkit-transform-origin: 46.6px 50px;*/

	-moz-animation-name: spin_xoft;

	-moz-animation-duration: 50s;

	-moz-animation-iteration-count: infinite;

	-moz-animation-timing-function: linear;

	/*-moz-transform-origin:46.6px 50px;*/

	-ms-animation-name: spin_xoft;

	-ms-animation-duration: 50s;

	-ms-animation-iteration-count: infinite;

	-ms-animation-timing-function: linear;

	/*-ms-transform-origin:46.6px 50px;*/

	animation-name: spin_xoft;

	animation-duration: 50s;

	animation-iteration-count: infinite;

	animation-timing-function: linear;

	animation-transform-origin: 46.6px 50px;

}



.circle_5 

{

	position: absolute;

	margin: 0 auto;

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/circleAniLayer6.png) center center;

	background-size: cover;

	background-repeat: no-repeat;

	-webkit-animation-direction: reverse;

	animation-direction: reverse;

	-webkit-animation-name: spin_xoft;

	-webkit-animation-duration: 90s;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-timing-function: linear;

	-moz-animation-name: spin_xoft;

	-moz-animation-duration: 90s;

	-moz-animation-iteration-count: infinite;

	-moz-animation-timing-function: linear;

	-ms-animation-name: spin_xoft;

	-ms-animation-duration: 90s;

	-ms-animation-iteration-count: infinite;

	-ms-animation-timing-function: linear;

	animation-name: spin_xoft;

	animation-duration: 90s;

	animation-iteration-count: infinite;

	animation-timing-function: linear;

	animation-transform-origin: 46.6px 50px;

}



@-ms-keyframes spin_xoft 

{

	from 

	{

		-ms-transform: rotate(0deg);

	}

	to 

	{

		-ms-transform: rotate(360deg);

	}

}



@-moz-keyframes spin_xoft 

{

	from 

	{

		-moz-transform: rotate(0deg);

	}

	to 

	{

		-moz-transform: rotate(360deg);

	}

}



@-webkit-keyframes spin_xoft 

{

	from 

	{

		-webkit-transform: rotate(0deg);

	}

	to 

	{

		-webkit-transform: rotate(360deg);

	}

}



@keyframes spin_xoft 

{

	from 

	{

		transform: rotate(0deg);

	}

	to 

	{

		transform: rotate(360deg);

	}

}



.blr 

{

	font-size: 95px;

	-webkit-animation-name: huer;

	-webkit-animation-duration: 6000ms;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-timing-function: linear;

	-moz-animation-name: huer;

	-moz-animation-duration: 6000ms;

	-moz-animation-iteration-count: infinite;

	-moz-animation-timing-function: linear;

	-ms-animation-name: huer;

	-ms-animation-duration: 6000ms;

	-ms-animation-iteration-count: infinite;

	-ms-animation-timing-function: linear;

	animation-name: huer;

	animation-duration: 6000ms;

	animation-iteration-count: infinite;

	animation-timing-function: linear;

	font-family: 'Audiowide', cursive;

}



@-webkit-keyframes huer 

{

	0% 

	{

		-webkit-filter: blur(1px);

	}

	25% 

	{

		-webkit-filter: blur(1px);

	}

	50% 

	{

		-webkit-filter: blur(15px);

	}

	9% 

	{

		-webkit-filter: blur(1px);

	}

	100% 

	{

		-webkit-filter: blur(1px);

	}

}



.post_ill 

{

	background: rgba(255, 255, 255, 0.4) !important;

	border: 1px solid #fff;

}



.ind_bg1 

{

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/ind_bg.jpg) center center no-repeat;

	background-size: cover;

	background-attachment: fixed;

	transform: scale(2);

	position: fixed;

	width: 100%;

	height: 100%;

	-webkit-animation-name: toggleBtnAnimm;

	-webkit-animation-timing-function: ease-in-out;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-duration: 50s;

	animation-name: toggleBtnAnimm;

	animation-timing-function: ease-in-out;

	animation-iteration-count: infinite;

	animation-duration: 50s;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transform-style: preserve-3d;

}



@keyframes toggleBtnAnimm 

{

	0% 

	{

		-webkit-transform: scale(1, 1);

		transform: scale(1, 1);

	}

	25% 

	{

		-webkit-transform: scale(2, 2);

		transform: scale(2, 2);

	}

	50% 

	{

		-webkit-transform: scale(4, 4);

		transform: scale(4, 4);

	}

	75% 

	{

		-webkit-transform: scale(2, 2);

		transform: scale(2, 2);

	}

	100% 

	{

		-webkit-transform: scale(1, 1);

		transform: scale(1, 1);

	}

}



@-webkit-keyframes toggleBtnAnimm 

{

	0% 

	{

		-webkit-transform: scale(1, 1);

		transform: scale(1, 1);

	}

	25% 

	{

		-webkit-transform: scale(2, 2);

		transform: scale(2, 2);

	}

	50% 

	{

		-webkit-transform: scale(4, 4);

		transform: scale(4, 4);

	}

	75% 

	{

		-webkit-transform: scale(2, 2);

		transform: scale(2, 2);

	}

	100% 

	{

		-webkit-transform: scale(1, 1);

		transform: scale(1, 1);

	}

}



.ind_bg 

{

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/ind_bg.jpg) center center no-repeat;

	background-size: cover;

	background-attachment: fixed;

}



a:hover 

{

	text-decoration: none;

}



.enterng 

{

	background: #e41515;

	padding: 10px 20px;

	width: 200px;

	margin: 0 auto;

	color: #fff;

	border-bottom: 2px solid #000;

	z-index: 999;

	position: relative;

	transition-duration: 1.5s;

	-webkit-animation-duration: 1.5s;

	animation-duration: 1.5s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite;

	-webkit-animation-name: pulse;

	animation-name: pulse;

}



.enterng:hover 

{

	width: 100%;

	transition-duration: 1s;

	z-index: 99999;

	position: relative;

}



@-webkit-keyframes pulse 

{

	0% 

	{

		-webkit-transform: scale3d(1, 1, 1);

		transform: scale3d(1, 1, 1);

	}

	50% 

	{

		-webkit-transform: scale3d(1.1, 1.1, 1.1);

		transform: scale3d(1.1, 1.1, 1.1);

	}

	100% 

	{

		-webkit-transform: scale3d(1, 1, 1);

		transform: scale3d(1, 1, 1);

	}

}



@keyframes pulse 

{

	0% 

	{

		-webkit-transform: scale3d(1, 1, 1);

		transform: scale3d(1, 1, 1);

	}

	50% 

	{

		-webkit-transform: scale3d(1.1, 1.1, 1.1);

		transform: scale3d(1.1, 1.1, 1.1);

	}

	100% 

	{

		-webkit-transform: scale3d(1, 1, 1);

		transform: scale3d(1, 1, 1);

	}

}



.shdw 

{

	text-shadow: 2px 2px 10px #000;

}



@media all and (max-width: 1216px) 

{

	.circle 

	{

		position: absolute;

		top: 0%;

		left: 0%;

		z-index: 0;

		width: 100%;

		height: 100%;

	}

	.home_image_center 

	{

		width: 350px;

		margin: 0 auto;

		margin-top: 0%;

		position: relative;

		z-index: 99;

	}

}



@media all and (max-width: 1008px) 

{

	.circle 

	{

		position: absolute;

		top: 0%;

		left: 0%;

		z-index: 0;

		width: 100%;

		height: 100%;

	}

	.home_image_center 

	{

		width: 350px;

		margin: 0 auto;

		margin-top: 50px;

		position: relative;

		z-index: 99;

	}

}



#container 

{

	height: 100%;

}



#container .col-md-4 

{

	background-color: #D3D7E0;

	opacity: 0.8;

	margin-top: 20px;

	padding: 30px;

	height: 300px;

}



.video-section .pattern-overlay 

{

	background-color: rgba(71, 71, 71, 0);

}



.video-section h1,

.video-section h3 

{

	text-align: center;

	color: #fff;

}



.video-section h1 

{

	font-size: 70px;

	font-family: 'Source Sans Pro', sans-serif;

	font-weight: bold;

	text-transform: uppercase;

	margin: 40px auto 0px;

	text-shadow: 1px 1px 1px #000;

	-webkit-text-shadow: 1px 1px 1px #000;

	-moz-text-shadow: 1px 1px 1px #000;

}



.video-section h3 

{

	font-size: 25px;

	font-weight: lighter;

	margin: 0px auto 15px;

}



.video-section .buttonBar 

{

	display: none;

}



.player 

{

	font-size: 1px;

}



.buttonBar 

{

	display: none;

}



.btn-smart 

{

	background: rgba(0, 0, 0, 0);

	border: 1px solid red;

	color: #fff;

}



#carouselButtons 

{

	z-index: 9999;

}



#containement_bg 

{

	background-image: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/pattern-mag.png);

	position: fixed;

	opacity: 0.6;

	left: 0px;

	top: 0px;

	right: 0;

	bottom: 0;

	width: 100%;

	height: 100%;

	z-index: 5;

}



.bg_blk_tr 

{

	background: rgba(50, 50, 50, 0.0);

	z-index: 999;

	position: relative;

	padding: 1em 0;

	margin: 20px 0 0 0;

	bottom: 0;

}



.image_responsive 

{

	width: 100%;

}



.horz_nav_tot 

{

	width: 100%;

	float: left;

	height: 100%;

	z-index: 999;

}



.horz_nav 

{

	transform: rotate(90deg);

	width: 100%;

	left: -40%;

	top: 800px;

	position: fixed;

}



.horz_nav .home_nav 

{

	float: left;

	text-transform: uppercase;

	color: #fff;

	padding: 10px;

	list-style: none;

}



.horz_nav 

{

	list-style: none;

}



.home_nav a 

{

	color: #ff0000;

	font-size: 15px;

}



.container_home 

{

	box-shadow: 0px 0px 10px 10px #000;

}



.pad_pan 

{

	padding: 2em 0;

}









#wrapper 

{

	padding-left: 0;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	transition: all 0.5s ease;

}



#wrapper.toggled 

{

	padding-left: 220px;

}



#sidebar-wrapper 

{

	z-index: 1000;

	left: 220px;

	width: 0;

	height: 100%;

	margin-left: -220px;

	overflow-y: auto;

	overflow-x: hidden;

	background: #1a1a1a;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	transition: all 0.5s ease;

}



#sidebar-wrapper::-webkit-scrollbar 

{

	display: none;

}



#wrapper.toggled #sidebar-wrapper 

{

	width: 220px;

}



#page-content-wrapper 

{

	width: 100%;

	padding-top: 70px;

}



#wrapper.toggled #page-content-wrapper 

{

	position: absolute;

	margin-right: -220px;

}









.sidebar-nav 

{

	position: absolute;

	top: 0;

	width: 220px;

	margin: 0;

	padding: 0;

	list-style: none;

}



.sidebar-nav li 

{

	position: relative;

	line-height: 20px;

	display: inline-block;

	width: 100%;

}



.sidebar-nav li:before 

{

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	z-index: -1;

	height: 100%;

	width: 3px;

	background-color: #1c1c1c;

	-webkit-transition: width .2s ease-in;

	-moz-transition: width .2s ease-in;

	-ms-transition: width .2s ease-in;

	transition: width .2s ease-in;

}



.sidebar-nav li:first-child a 

{

	color: #fff;

	background-color: #1a1a1a;

}



.sidebar-nav li:nth-child(2):before 

{

	background-color: #ec1b5a;

}



.sidebar-nav li:nth-child(3):before 

{

	background-color: #79aefe;

}



.sidebar-nav li:nth-child(4):before 

{

	background-color: #314190;

}



.sidebar-nav li:nth-child(5):before 

{

	background-color: #279636;

}



.sidebar-nav li:nth-child(6):before 

{

	background-color: #7d5d81;

}



.sidebar-nav li:nth-child(7):before 

{

	background-color: #ead24c;

}



.sidebar-nav li:nth-child(8):before 

{

	background-color: #2d2366;

}



.sidebar-nav li:nth-child(9):before 

{

	background-color: #35acdf;

}



.sidebar-nav li:hover:before,

.sidebar-nav li.open:hover:before 

{

	width: 100%;

	-webkit-transition: width .2s ease-in;

	-moz-transition: width .2s ease-in;

	-ms-transition: width .2s ease-in;

	transition: width .2s ease-in;

}



.sidebar-nav li a 

{

	display: block;

	color: #ddd;

	text-decoration: none;

	padding: 10px 15px 10px 30px;

}



.sidebar-nav li a:hover,

.sidebar-nav li a:active,

.sidebar-nav li a:focus,

.sidebar-nav li.open a:hover,

.sidebar-nav li.open a:active,

.sidebar-nav li.open a:focus 

{

	color: #fff;

	text-decoration: none;

	background-color: transparent;

}



.sidebar-nav>.sidebar-brand 

{

	height: 65px;

	font-size: 20px;

	line-height: 44px;

}



.sidebar-nav .dropdown-menu 

{

	position: relative;

	width: 100%;

	padding: 0;

	margin: 0;

	border-radius: 0;

	border: none;

	background-color: #222;

	box-shadow: none;

}





/*-------------------------------*/





/*       Hamburger-Cross         */





/*-------------------------------*/



.hamburger 

{

	position: fixed;

	top: 20px;

	z-index: 999;

	display: block;

	width: 32px;

	height: 32px;

	margin-left: 15px;

	background: transparent;

	border: none;

}



.hamburger:hover,

.hamburger:focus,

.hamburger:active 

{

	outline: none;

}



.hamburger.is-closed:before 

{

	content: '';

	display: block;

	width: 100px;

	font-size: 14px;

	color: #fff;

	line-height: 32px;

	text-align: center;

	opacity: 0;

	-webkit-transform: translate3d(0, 0, 0);

	-webkit-transition: all .35s ease-in-out;

}



.hamburger.is-closed:hover:before 

{

	opacity: 1;

	display: block;

	-webkit-transform: translate3d(-100px, 0, 0);

	-webkit-transition: all .35s ease-in-out;

}



.hamburger.is-closed .hamb-top,

.hamburger.is-closed .hamb-middle,

.hamburger.is-closed .hamb-bottom,

.hamburger.is-open .hamb-top,

.hamburger.is-open .hamb-middle,

.hamburger.is-open .hamb-bottom 

{

	position: absolute;

	left: 0;

	height: 4px;

	width: 100%;

}



.hamburger.is-closed .hamb-top,

.hamburger.is-closed .hamb-middle,

.hamburger.is-closed .hamb-bottom 

{

	background-color: #fff;

}



.hamburger.is-closed .hamb-top 

{

	top: 5px;

	-webkit-transition: all .35s ease-in-out;

}



.hamburger.is-closed .hamb-middle 

{

	top: 50%;

	margin-top: -2px;

}



.hamburger.is-closed .hamb-bottom 

{

	bottom: 5px;

	-webkit-transition: all .35s ease-in-out;

}



.hamburger.is-closed:hover .hamb-top 

{

	top: 0;

	-webkit-transition: all .35s ease-in-out;

}



.hamburger.is-closed:hover .hamb-bottom 

{

	bottom: 0;

	-webkit-transition: all .35s ease-in-out;

}



.hamburger.is-open .hamb-top,

.hamburger.is-open .hamb-middle,

.hamburger.is-open .hamb-bottom 

{

	background-color: #1a1a1a;

}



.hamburger.is-open .hamb-top,

.hamburger.is-open .hamb-bottom 

{

	top: 50%;

	margin-top: -2px;

}



.hamburger.is-open .hamb-top 

{

	-webkit-transform: rotate(45deg);

	-webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);

}



.hamburger.is-open .hamb-middle 

{

	display: none;

}



.hamburger.is-open .hamb-bottom 

{

	-webkit-transform: rotate(-45deg);

	-webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);

}



.hamburger.is-open:before 

{

	content: '';

	display: block;

	width: 100px;

	font-size: 14px;

	color: #fff;

	line-height: 32px;

	text-align: center;

	opacity: 0;

	-webkit-transform: translate3d(0, 0, 0);

	-webkit-transition: all .35s ease-in-out;

}



.hamburger.is-open:hover:before 

{

	opacity: 1;

	display: block;

	-webkit-transform: translate3d(-100px, 0, 0);

	-webkit-transition: all .35s ease-in-out;

}















.overlay 

{

	position: fixed;

	display: none;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: rgba(93, 93, 93, 0.75);

	z-index: 1;

}



.material-button-anim 

{

	position: relative;

	padding: 0;

	text-align: center;

	max-width: 320px;

	margin: 0 auto 20px;

}



.material-button 

{

	position: relative;

	top: 0;

	z-index: 1;

	width: 70px;

	height: 70px;

	font-size: 1.5em;

	color: #fff;

	background: #ff0002;

	border: none;

	border-radius: 50%;

	box-shadow: 0 3px 6px rgba(0, 0, 0, .275);

	outline: none;

}



.material-button-toggle 

{

	z-index: 3;

	width: 90px;

	height: 90px;

	margin: 0 auto;

}



.material-button-toggle span 

{

	-webkit-transform: none;

	transform: none;

	-webkit-transition: -webkit-transform .175s cubic-bazier(.175, .67, .83, .67);

	transition: transform .175s cubic-bazier(.175, .67, .83, .67);

}



.material-button-toggle.open 

{

	-webkit-transform: scale(1.3, 1.3);

	transform: scale(1.3, 1.3);

	-webkit-animation: toggleBtnAnim .175s;

	animation: toggleBtnAnim .175s;

}



.material-button-toggle.open span 

{

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	-webkit-transition: -webkit-transform .175s cubic-bazier(.175, .67, .83, .67);

	transition: transform .175s cubic-bazier(.175, .67, .83, .67);

}



#options 

{

	height: 70px;

}



.option 

{

	position: relative;

}



.option .option1,

.option .option2,

.option .option3 

{

	filter: blur(5px);

	-webkit-filter: blur(5px);

	-webkit-transition: all .175s;

	transition: all .175s;

}



.option .option1 

{

	-webkit-transform: translate3d(90px, 90px, 0) scale(.8, .8);

	transform: translate3d(90px, 90px, 0) scale(.8, .8);

}



.option .option2 

{

	-webkit-transform: translate3d(0, 90px, 0) scale(.8, .8);

	transform: translate3d(0, 90px, 0) scale(.8, .8);

}



.option .option3 

{

	-webkit-transform: translate3d(-90px, 90px, 0) scale(.8, .8);

	transform: translate3d(-90px, 90px, 0) scale(.8, .8);

}



.option.scale-on .option1,

.option.scale-on .option2,

.option.scale-on .option3 

{

	filter: blur(0);

	-webkit-filter: blur(0);

	-webkit-transform: none;

	transform: none;

	-webkit-transition: all .175s;

	transition: all .175s;

}



.option.scale-on .option2 

{

	-webkit-transform: translateY(-28px) translateZ(0);

	transform: translateY(-28px) translateZ(0);

	-webkit-transition: all .175s;

	transition: all .175s;

}



@keyframes toggleBtnAnim 

{

	0% 

	{

		-webkit-transform: scale(1, 1);

		transform: scale(1, 1);

	}

	25% 

	{

		-webkit-transform: scale(1.4, 1.4);

		transform: scale(1.4, 1.4);

	}

	75% 

	{

		-webkit-transform: scale(1.2, 1.2);

		transform: scale(1.2, 1.2);

	}

	100% 

	{

		-webkit-transform: scale(1.3, 1.3);

		transform: scale(1.3, 1.3);

	}

}



@-webkit-keyframes toggleBtnAnim 

{

	0% 

	{

		-webkit-transform: scale(1, 1);

		transform: scale(1, 1);

	}

	25% 

	{

		-webkit-transform: scale(1.4, 1.4);

		transform: scale(1.4, 1.4);

	}

	75% 

	{

		-webkit-transform: scale(1.2, 1.2);

		transform: scale(1.2, 1.2);

	}

	100% 

	{

		-webkit-transform: scale(1.3, 1.3);

		transform: scale(1.3, 1.3);

	}

}



.tot_container 

{

	width: 80%;

	margin: 0 auto;

	position: relative;

}



.cards 

{

	position: absolute;

	width: 50px;

	height: 70px;

	background-size: cover !important;

}



.card1 

{

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/card1.jpg);

	left: 300px;

	top: 50px;

}



.card2 

{

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/card1.jpg);

	left: 240px;

	top: 190px;

}



.card3 

{

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/card1.jpg);

	left: 300px;

	top: 330px;

}



.card4 

{

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/card1.jpg);

	right: 300px;

	top: 50px;

}



.card5 

{

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/card1.jpg);

	right: 240px;

	top: 190px;

}



.card6 

{

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/card1.jpg);

	right: 300px;

	top: 330px;

}



@-webkit-keyframes spincube 

{

	from,

	to 

	{

		-webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);

	}

	16% 

	{

		-webkit-transform: rotateY(-90deg);

	}

	33% 

	{

		-webkit-transform: rotateY(-90deg) rotateZ(90deg);

	}

	50% 

	{

		-webkit-transform: rotateY(-180deg) rotateZ(90deg);

	}

	66% 

	{

		-webkit-transform: rotateY(-270deg) rotateX(90deg);

	}

	83% 

	{

		-webkit-transform: rotateX(90deg);

	}

}



@keyframes spincube 

{

	from,

	to 

	{

		-moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);

		-ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);

		transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);

	}

	16% 

	{

		-moz-transform: rotateY(-90deg);

		-ms-transform: rotateY(-90deg);

		transform: rotateY(-90deg);

	}

	33% 

	{

		-moz-transform: rotateY(-90deg) rotateZ(90deg);

		-ms-transform: rotateY(-90deg) rotateZ(90deg);

		transform: rotateY(-90deg) rotateZ(90deg);

	}

	50% 

	{

		-moz-transform: rotateY(-180deg) rotateZ(90deg);

		-ms-transform: rotateY(-180deg) rotateZ(90deg);

		transform: rotateY(-180deg) rotateZ(90deg);

	}

	66% 

	{

		-moz-transform: rotateY(-270deg) rotateX(90deg);

		-ms-transform: rotateY(-270deg) rotateX(90deg);

		transform: rotateY(-270deg) rotateX(90deg);

	}

	83% 

	{

		-moz-transform: rotateX(90deg);

		-ms-transform: rotateX(90deg);

		transform: rotateX(90deg);

	}

}



.card1 

{

	-webkit-animation-name: spincube;

	-webkit-animation-timing-function: ease-in-out;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-duration: 4s;

	animation-name: spincube;

	animation-timing-function: ease-in-out;

	animation-iteration-count: infinite;

	animation-duration: 4s;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transform-style: preserve-3d;

	-webkit-transform-origin: 60px 60px 0;

	-moz-transform-origin: 60px 60px 0;

	-ms-transform-origin: 60px 60px 0;

	transform-origin: 60px 60px 0

}



.card2 

{

	-webkit-animation-name: spincube;

	-webkit-animation-timing-function: ease-in-out;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-duration: 6s;

	animation-name: spincube;

	animation-timing-function: ease-in-out;

	animation-iteration-count: infinite;

	animation-duration: 6s;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transform-style: preserve-3d;

	-webkit-transform-origin: 60px 60px 0;

	-moz-transform-origin: 60px 60px 0;

	-ms-transform-origin: 60px 60px 0;

	transform-origin: 60px 60px 0

}



.card3 

{

	-webkit-animation-name: spincube;

	-webkit-animation-timing-function: ease-in-out;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-duration: 9s;

	animation-name: spincube;

	animation-timing-function: ease-in-out;

	animation-iteration-count: infinite;

	animation-duration: 9s;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transform-style: preserve-3d;

	-webkit-transform-origin: 60px 60px 0;

	-moz-transform-origin: 60px 60px 0;

	-ms-transform-origin: 60px 60px 0;

	transform-origin: 60px 60px 0

}



.card4 

{

	-webkit-animation-name: spincube;

	-webkit-animation-timing-function: ease-in-out;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-duration: 12s;

	animation-name: spincube;

	animation-timing-function: ease-in-out;

	animation-iteration-count: infinite;

	animation-duration: 12s;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transform-style: preserve-3d;

	-webkit-transform-origin: 60px 60px 0;

	-moz-transform-origin: 60px 60px 0;

	-ms-transform-origin: 60px 60px 0;

	transform-origin: 60px 60px 0

}



.card5 

{

	-webkit-animation-name: spincube;

	-webkit-animation-timing-function: ease-in-out;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-duration: 8s;

	animation-name: spincube;

	animation-timing-function: ease-in-out;

	animation-iteration-count: infinite;

	animation-duration: 8s;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transform-style: preserve-3d;

	-webkit-transform-origin: 60px 60px 0;

	-moz-transform-origin: 60px 60px 0;

	-ms-transform-origin: 60px 60px 0;

	transform-origin: 60px 60px 0

}



.card6 

{

	-webkit-animation-name: spincube;

	-webkit-animation-timing-function: ease-in-out;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-duration: 4s;

	animation-name: spincube;

	animation-timing-function: ease-in-out;

	animation-iteration-count: infinite;

	animation-duration: 4s;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transform-style: preserve-3d;

	-webkit-transform-origin: 60px 60px 0;

	-moz-transform-origin: 60px 60px 0;

	-ms-transform-origin: 60px 60px 0;

	transform-origin: 60px 60px 0

}



.cards .card1 

{

	-webkit-transform: translateZ(60px);

	-moz-transform: translateZ(60px);

	-ms-transform: translateZ(60px);

	transform: translateZ(60px);

}



.cards .card2 

{

	-webkit-transform: rotateY(90deg) translateZ(60px);

	-moz-transform: rotateY(90deg) translateZ(60px);

	-ms-transform: rotateY(90deg) translateZ(60px);

	transform: rotateY(90deg) translateZ(60px);

}



.cards .card3 

{

	-webkit-transform: rotateY(90deg) rotateX(90deg) translateZ(60px);

	-moz-transform: rotateY(90deg) rotateX(90deg) translateZ(60px);

	-ms-transform: rotateY(90deg) rotateX(90deg) translateZ(60px);

	transform: rotateY(90deg) rotateX(90deg) translateZ(60px);

}



.cards .card4 

{

	-webkit-transform: rotateY(180deg) rotateZ(90deg) translateZ(60px);

	-moz-transform: rotateY(180deg) rotateZ(90deg) translateZ(60px);

	-ms-transform: rotateY(180deg) rotateZ(90deg) translateZ(60px);

	transform: rotateY(180deg) rotateZ(90deg) translateZ(60px);

}



.cards .card5 

{

	-webkit-transform: rotateY(-90deg) rotateZ(90deg) translateZ(60px);

	-moz-transform: rotateY(-90deg) rotateZ(90deg) translateZ(60px);

	-ms-transform: rotateY(-90deg) rotateZ(90deg) translateZ(60px);

	transform: rotateY(-90deg) rotateZ(90deg) translateZ(60px);

}



.cards .card6 

{

	-webkit-transform: rotateX(-90deg) translateZ(60px);

	-moz-transform: rotateX(-90deg) translateZ(60px);

	-ms-transform: rotateX(-90deg) translateZ(60px);

	transform: rotateX(-90deg) translateZ(60px);

}



.hat_enter 

{

	/*background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/top_hat_2.png) center center no-repeat;*/

	background-size: contain;

	width: 350px;

	/*



	height: 350px;*/

	/*position: absolute;



		left: -15%;



		bottom: 0;*/

		transition-duration: 5s;

		-webkit-animation-duration: 5s;

		animation-duration: 5s;

		-webkit-animation-fill-mode: both;

		animation-fill-mode: both;

		-webkit-animation-iteration-count: infinite;

		animation-iteration-count: infinite;

	/*-webkit-animation-name: hue_x;



	animation-name: hue_x;*/

	z-index: 9999 !important;

	/*transform: rotate(15deg)*/

	text-align: center;

	margin: 0 auto;

	position: relative;

}



.enterng1 

{

	padding: 10px 20px;

	width: 300px;

	margin: 0 auto;

	font-size: 18px;

	color: #fff;

	text-shadow: 0 0 20px #000;

	font-weight: bold;

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/rocket.png) left center no-repeat;

	z-index: 999;

	position: relative;

	/*margin-top: 30px;*/

	transition-duration: 2s;

	-webkit-animation-duration: 2s;

	animation-duration: 2s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite;

	-webkit-animation-name: pulse;

	animation-name: pulse;

	background-size: 30px;

}



.tot_container 

{

	cursor: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/stck.png), auto;

}



.hat_enter:hover .enterng1 

{

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/rocket.png) right center no-repeat;

	background-size: contain;

	background-size: 60px;

}



@-webkit-keyframes hue_x 

{

	0% 

	{

		-webkit-filter: hue-rotate(0deg);

		filter: hue-rotate(0deg);

	}

	100% 

	{

		-webkit-filter: hue-rotate(360deg);

		filter: hue-rotate(360deg);

	}

}



@keyframes hue_x 

{

	0% 

	{

		-webkit-filter: hue-rotate(0deg);

		filter: hue-rotate(0deg);

	}

	100% 

	{

		-webkit-filter: hue-rotate(360deg);

		filter: hue-rotate(360deg);

	}

}



.the_self 

{

	margin-bottom: -70px;

	z-index: 99;

}



.the_self span 

{

	background: #000;

}



.view 

{

	position: absolute;

	top: 10%;

	left: 1%;

	right: 0;

	bottom: 0;

	-webkit-perspective: 400;

	perspective: 400;

	z-index: 999;

}



.plane 

{

	width: 120px;

	height: 120px;

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;	

}



.plane.main 

{

	position: absolute;

	top: -15%;

	left: -4%;

	right: 0;

	bottom: 0;

	margin: auto;

	-webkit-transform: rotateX(60deg) rotateZ(-30deg);

	transform: rotateX(60deg) rotateZ(-30deg);

	-webkit-animation: rotate 20s infinite linear;

	animation: rotate 20s infinite linear;

	z-index: 9;

}



.plane.main .circles 

{

	width: 120px;

	height: 120px;

	position: absolute;

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

	border-radius: 100%;

	box-sizing: border-box;

	box-shadow: 0 0 60px white, inset 0 0 60px white;

}



.plane.main .circles::before,

.plane.main .circles::after 

{

	content: "";

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	width: 10px;

	height: 10px;

	border-radius: 100%;

	background: #fff;

	box-sizing: border-box;

	box-shadow: 0 0 60px 5px white;

}



.view .brain 

{

	position: absolute;

	top: -15%;

	left: -4%;

	right: 0;

	bottom: 0;

	margin: auto;

	width: 80px;

	height: 80px;

	z-index: 9;

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/brain.png) center center no-repeat;

	background-size: contain;

}



.plane.main .circles::before 

{

	-webkit-transform: translateZ(-90px);

	transform: translateZ(-90px);

	background-size: contain;

}



.plane.main .circles::after 

{

	-webkit-transform: translateZ(90px);

	transform: translateZ(90px);

	background-size: contain;

}



.plane.main .circles:nth-child(1) 

{

	-webkit-transform: rotateZ(72deg) rotateX(63.435deg);

	transform: rotateZ(72deg) rotateX(63.435deg);

}



.plane.main .circles:nth-child(2) 

{

	-webkit-transform: rotateZ(144deg) rotateX(63.435deg);

	transform: rotateZ(144deg) rotateX(63.435deg);

}



.plane.main .circles:nth-child(3) 

{

	-webkit-transform: rotateZ(216deg) rotateX(63.435deg);

	transform: rotateZ(216deg) rotateX(63.435deg);

}



.plane.main .circles:nth-child(4) 

{

	-webkit-transform: rotateZ(288deg) rotateX(63.435deg);

	transform: rotateZ(288deg) rotateX(63.435deg);

}



.plane.main .circles:nth-child(5) 

{

	-webkit-transform: rotateZ(360deg) rotateX(63.435deg);

	transform: rotateZ(360deg) rotateX(63.435deg);

}



@-webkit-keyframes rotate 

{

	0% 

	{

		-webkit-transform: rotateX(0) rotateY(0) rotateZ(0);

		transform: rotateX(0) rotateY(0) rotateZ(0);

	}

	100% 

	{

		-webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);

		transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);

	}

}



@keyframes rotate 

{

	0% 

	{

		-webkit-transform: rotateX(0) rotateY(0) rotateZ(0);

		transform: rotateX(0) rotateY(0) rotateZ(0);

	}

	100% 

	{

		-webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);

		transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);

	}

}



.blr 

{

	margin-top: -50px;

	z-index: 999;

	position: relative;

}



.home_blr 

{

	margin-top: 10px;

	z-index: 999;

	position: relative;

	font-size: 80px !important;

}



#Canvas2D 

{

	position: fixed;

}



.ind_bg2 

{

	transform: scale(1.1);

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/ind_bg.jpg) center center no-repeat;

}



.sac_container 

{

	background: url(../images/sac-side.png) no-repeat left;

	background-size: contain;

	position: fixed;

	bottom: 0;

	width: 100%;

	height: 100%;

	top: 12%;

	left: -80px;

	opacity: .9;

}



.bg_mld 

{

	padding: 1em .5em;

	background: rgba(0, 0, 0, 0.5);

	border-radius: 30px;

	position: relative;

}



.center_show 

{

	width: 350px;

	margin: 0 auto;

	position: relative;

	z-index: 9;

	padding-top: 7em;

}



.back_draft 

{

	width: 100%;

	height: 100%;

	position: absolute;

	margin: 0 auto;

	left: 0%;

	top: 0;

	z-index: 1;

	-webkit-animation: rot 90s linear infinite;

	-o-animation: rot 90s linear infinite;

	animation: rot 90s linear infinite;

}



@keyframes rot

{

	from

	{

		-webkit-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		-o-transform: rotate(0deg);

		transform: rotate(0deg);

	}

	to

	{

		-webkit-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		-o-transform: rotate(360deg);

		transform: rotate(360deg);

	}

}



@-ms-keyframes spin_xoft 

{

	from 

	{

		-ms-transform: rotate(0deg);

	}

	to 

	{

		-ms-transform: rotate(360deg);

	}

}



@-moz-keyframes spin_xoft 

{

	from 

	{

		-moz-transform: rotate(0deg);

	}

	to 

	{

		-moz-transform: rotate(360deg);

	}

}



@-webkit-keyframes spin_xoft 

{

	from 

	{

		-webkit-transform: rotate(0deg);

	}

	to 

	{

		-webkit-transform: rotate(360deg);

	}

}



@keyframes spin_xoft 

{

	from 

	{

		transform: rotate(0deg);

	}

	to 

	{

		transform: rotate(360deg);

	}

}



.type_rotate 

{

	position: absolute;

	width: auto;

	height: auto;

	text-align: center;

	z-index: 99;

	color: #fff;

	-webkit-animation-direction: reverse;

	animation-direction: reverse;

	-webkit-animation-name: spin_xoft;

	-webkit-animation-duration: 90s;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-timing-function: linear;

	-moz-animation-name: spin_xoft;

	-moz-animation-duration: 90s;

	-moz-animation-iteration-count: infinite;

	-moz-animation-timing-function: linear;

	-ms-animation-name: spin_xoft;

	-ms-animation-duration: 90s;

	-ms-animation-iteration-count: infinite;

	-ms-animation-timing-function: linear;

	animation-name: spin_xoft;

	animation-duration: 90s;

	animation-iteration-count: infinite;

	animation-timing-function: linear;

	background-image: linear-gradient(to left bottom, #ff111b, #fbff00, #eabc0c) !important;

	color: transparent !important;

	-webkit-background-clip: text;

	text-shadow: none !important;

	font-size: 12px;

	text-transform:  uppercase;

	font-family: 'lato';

	font-weight:  bold;

	padding: 10px 20px !important;

}		



.type_rotate:after 

{

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/type_rtt.png);

	background-size: contain;

	/* content: ''; */

	position: absolute;

	width: 100%;

	height: 100%;

	text-align: center;

	z-index: 99;

	color: #fff;

	left: 0;

	top: 0;

	-webkit-animation-direction: reverse;

	animation-direction: reverse;

	-webkit-animation-name: spin_xoft;

	-webkit-animation-duration: 15s;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-timing-function: linear;

	-moz-animation-name: spin_xoft;

	-moz-animation-duration: 15s;

	-moz-animation-iteration-count: infinite;

	-moz-animation-timing-function: linear;

	-ms-animation-name: spin_xoft;

	-ms-animation-duration: 15s;

	-ms-animation-iteration-count: infinite;

	-ms-animation-timing-function: linear;

	animation-name: spin_xoft;

	animation-duration: 15s;

	animation-iteration-count: infinite;

	animation-timing-function: linear;

}



.type_rotate:before 

{

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/type_rtt.png);

	background-size: contain;

	/* content: ''; */

	position: absolute;

	width: 100%;

	height: 100%;

	text-align: center;

	z-index: 99;

	color: #fff;

	left: 0;

	top: 0;

}



.stroke1 

{

	display: inline-block;

	width: 300px;

	height: 1px;

	content: '';

	position: absolute;

	transform: rotate(-8deg);

	/*background: #fff;*/

	top: 50%;

	left: 40%;

}



.stroke2 

{

	display: inline-block;

	width: 300px;

	height: 1px;

	content: '';

	position: absolute;

	transform: rotate(-61deg);

	/*background: #fff;*/

	top: 37%;

	left: 35%;

}



.stroke3 

{

	display: inline-block;

	width: 300px;

	height: 1px;

	content: '';

	position: absolute;

	transform: rotate(61deg);

	/*background: #fff;*/

	top: 37%;

	left: 10%;

}



.stroke4 

{

	display: inline-block;

	width: 300px;

	height: 1px;

	content: '';

	position: absolute;

	transform: rotate(12deg);

	/*background: #fff;*/

	top: 50%;

	left: 6%;

}



.stroke5 

{

	display: inline-block;

	width: 300px;

	height: 1px;

	content: '';

	position: absolute;

	transform: rotate(51deg);

	/*background: #fff;*/

	top: 69%;

	left: 28%;

}



.stroke6 

{

	display: inline-block;

	width: 300px;

	height: 1px;

	content: '';

	position: absolute;

	transform: rotate(-59deg);

	/*background: #fff;*/

	top: 63%;

	left: 10%;

}



.stroke_dft 

{

	position: absolute;

	content: '';

	top: -15px;

	left: 30%;

	width: 40px;

	height: 30px;

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/spark.png) center center no-repeat;

	background-size: contain;

	opacity: 0;

	animation: lgt 2s linear infinite;

	-webkit-animation: lgt 2s linear infinite;

	-moz-animation: lgt 2s linear infinite;

	-o-animation: lgt 2s linear infinite;

}



@keyframes lgt 

{

	0% 

	{

		left: 0% bottom: 0%;

		opacity: 0;

	}

	10% 

	{

		left: 10%;

		bottom: 0%;

		opacity: 1;

	}

	12% 

	{

		left: 12%;

		bottom: 0%;

		opacity: 1;

	}

	14% 

	{

		left: 14%;

		bottom: 0%;

		opacity: 1;

	}

	50% 

	{

		left: 50%;

		bottom: 0%;

		opacity: 1;

	}

	52% 

	{

		left: 52%;

		bottom: 0%;

		opacity: 1;

	}

	52% 

	{

		left: 52%;

		bottom: 0%;

		opacity: 1;

	}

	70% 

	{

		left: 70%;

		bottom: 0%;

		opacity: 1;

	}

	72% 

	{

		left: 72%;

		bottom: 0%;

		opacity: 1;

	}

	80% 

	{

		left: 80%;

		bottom: 0%;

		opacity: 1;

	}

	82% 

	{

		left: 82%;

		bottom: 0%;

		opacity: 1;

	}

	95% 

	{

		left: 95%;

		bottom: 0%;

		opacity: 0;

	}

	100% 

	{

		left: 100%;

		bottom: 0%;

		opacity: 0;

	}

}



@-webkit-keyframes lgt 

{

	0% 

	{

		left: 0%;

		bottom: 0%;

		opacity: 0;

	}

	10% 

	{

		left: 10%;

		bottom: 0%;

		opacity: 1;

	}

	12% 

	{

		left: 12%;

		bottom: 0%;

		opacity: 1;

	}

	14% 

	{

		left: 14%;

		bottom: 0%;

		opacity: 1;

	}

	50% 

	{

		left: 50%;

		bottom: 0%;

		opacity: 1;

	}

	52% 

	{

		left: 52%;

		bottom: 0%;

		opacity: 1;

	}

	52% 

	{

		left: 52%;

		bottom: 0%;

		opacity: 1;

	}

	70% 

	{

		left: 70%;

		bottom: 0%;

		opacity: 1;

	}

	72% 

	{

		left: 72%;

		bottom: 0%;

		opacity: 1;

	}

	80% 

	{

		left: 80%;

		bottom: 0%;

		opacity: 1;

	}

	82% 

	{

		left: 82%;

		bottom: 0%;

		opacity: 1;

	}

	95% 

	{

		left: 95%;

		bottom: 0%;

		opacity: 0;

	}

	100% 

	{

		left: 100%;

		bottom: 0%;

		opacity: 0;

	}

}



@-moz-keyframes lgt 

{

	0% 

	{

		left: 0%;

		bottom: 0%;

		opacity: 0;

	}

	10% 

	{

		left: 10%;

		bottom: 0%;

		opacity: 1;

	}

	12% 

	{

		left: 12%;

		bottom: 0%;

		opacity: 1;

	}

	14% 

	{

		left: 14%;

		bottom: 0%;

		opacity: 1;

	}

	50% 

	{

		left: 50%;

		bottom: 0%;

		opacity: 1;

	}

	52% 

	{

		left: 52%;

		bottom: 0%;

		opacity: 1;

	}

	52% 

	{

		left: 52%;

		bottom: 0%;

		opacity: 1;

	}

	70% 

	{

		left: 70%;

		bottom: 0%;

		opacity: 1;

	}

	72% 

	{

		left: 72%;

		bottom: 0%;

		opacity: 1;

	}

	80% 

	{

		left: 80%;

		bottom: 0%;

		opacity: 1;

	}

	82% 

	{

		left: 82%;

		bottom: 0%;

		opacity: 1;

	}

	95% 

	{

		left: 95%;

		bottom: 0%;

		opacity: 0;

	}

	100% 

	{

		left: 100%;

		bottom: 0%;

		opacity: 0;

	}

}



@-o-keyframes lgt 

{

	0% 

	{

		left: 0%;

		bottom: 0%;

		opacity: 0;

	}

	10% 

	{

		left: 10%;

		bottom: 0%;

		opacity: 1;

	}

	12% 

	{

		left: 12%;

		bottom: 0%;

		opacity: 1;

	}

	14% 

	{

		left: 14%;

		bottom: 0%;

		opacity: 1;

	}

	50% 

	{

		left: 50%;

		bottom: 0%;

		opacity: 1;

	}

	52% 

	{

		left: 52%;

		bottom: 0%;

		opacity: 1;

	}

	52% 

	{

		left: 52%;

		bottom: 0%;

		opacity: 1;

	}

	70% 

	{

		left: 70%;

		bottom: 0%;

		opacity: 1;

	}

	72% 

	{

		left: 72%;

		bottom: 0%;

		opacity: 1;

	}

	80% 

	{

		left: 80%;

		bottom: 0%;

		opacity: 1;

	}

	82% 

	{

		left: 82%;

		bottom: 0%;

		opacity: 1;

	}

	95% 

	{

		left: 95%;

		bottom: 0%;

		opacity: 0;

	}

	100% 

	{

		left: 100%;

		bottom: 0%;

		opacity: 0;

	}

}



.type1 

{

	top: 10%;

	left: 10%;

	padding-top: 30px;

}



.type2 

{

	top: 10%;

	right: 10%;

	padding-top: 30px;

}



.type3 

{

	top: calc(50% - 6.25%);

	right: -20%;

	padding-top: 35px;

}



.type4 

{

	bottom: 10%;

	right: 10%;

	padding-top: 30px;

}



.type5 

{

	bottom: 10%;

	left: 10%;

	padding-top: 35px;

}



.type6 

{

	top: calc(50% - 6.25%);

	left: -20%;

	padding-top: 35px;

}



.type7 

{

	top: 373px;

	right: 43px;

	padding-top: 30px;

}



.type8 

{

	top: 144px;

	left: 55px;

	padding-top: 30px;

	/* transform: scale(2); */

}



.type9 

{

	top: 323px;

	left: 230px;

	padding-top: 30px;

}



.mar_gal 

{

	margin: 10px 0px;

	padding: 0 5px;

}







.mar_tp 

{

	margin: 25px 0;

	position: relative;

	cursor: pointer;

}



.tv_pan 

{

	background: #1a1a21;

	color: #fff;

	padding: 20px 0;

	margin: 0;

}



.anmt_tot 

{

	position: relative;

	overflow: hidden;

}



.anmt_tot img 

{

	transition-duration: .5s;

}



.mar_tp:hover .anmt_tot img 

{

	transform: scale(1.1);

	transition-duration: 1s;

}



.anmt_tot .anmt 

{

	background: #fff;

	width: 0;

	position: absolute;

	height: 1px;

	left: 10px;

	top: 10px;

	transition-duration: .5s;

}



.mar_tp:hover .anmt_tot .anmt 

{

	width: 92%;

	transition-duration: .5s;

}



.anmt_tot .anmt1 

{

	background: #fff;

	width: 0;

	position: absolute;

	height: 1px;

	right: 10px;

	bottom: 10px;

	transition-duration: .5s;

	;

}



.mar_tp:hover .anmt_tot .anmt1 

{

	width: 92%;

	transition-duration: .5s;

}



.anmt_tot .anmt:before 

{

	content: '';

	background: #fff;

	width: 1px;

	position: absolute;

	height: 0px;

	left: 0;

	top: 0;

	transition-duration: .5s;

}



.mar_tp:hover .anmt_tot .anmt:before 

{

	height: 107px;

	transition-duration: .5s;

}



.anmt_tot .anmt1:before 

{

	content: '';

	background: #fff;

	width: 1px;

	position: absolute;

	height: 0px;

	right: 0;

	bottom: 0;

	transition-duration: .5s;

}



.mar_tp:hover .anmt_tot .anmt1:before 

{

	height: 107px;

	transition-duration: .5s;

}



.reg_mar 

{

	margin: 5px 0;

}



.reg_lh 

{

	margin-top: 30px;

}



.bdr_bt 

{

	border-bottom: 1px solid #999;

	padding: 20px 0;

	margin: 20px 0;

}



.pul_s 

{

	width: 40px;

	height: 40px;

	border: 2px solid #fff;

	position: absolute;

	border-radius: 100px;

	-webkit-animation-duration: 1s;

	animation-duration: 1s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite;

	-webkit-animation-name: pulse;

	animation-name: pulse;

}



.pul_s1 

{

	top: 125px;

	left: 0;

}



.pul_s2 

{

	top: 125px;

	right: 0;

}



.pul_s3 

{

	bottom: 0;

	left: 49%;

}









@-webkit-keyframes pulse 

{

	0% 

	{

		-webkit-transform: scale3d(0.5, 0.5, 0.5);

		transform: scale3d(0.5, 0.5, 0.5);

		opacity: 0;

	}

	50% 

	{

		-webkit-transform: scale3d(1.05, 1.05, 1.05);

		transform: scale3d(1.05, 1.05, 1.05);

		opacity: 1;

	}

	100% 

	{

		-webkit-transform: scale3d(0.5, 0.5, 0.5);

		transform: scale3d(0.5, 0.5, 0.5);

		opacity: 0;

	}

}



@keyframes pulse 

{

	0% 

	{

		-webkit-transform: scale3d(0.5, 0.5, 0.5);

		transform: scale3d(0.5, 0.5, 0.5);

		opacity: 0;

	}

	50% 

	{

		-webkit-transform: scale3d(1.05, 1.05, 1.05);

		transform: scale3d(1.05, 1.05, 1.05);

		opacity: 1;

	}

	100% 

	{

		-webkit-transform: scale3d(0.5, 0.5, 0.5);

		transform: scale3d(0.5, 0.5, 0.5);

		opacity: 0;

	}

}



.cont_pan a 

{

	line-height: 6em;

	color: #fff;

	background: #000;

	padding: 10px 15px;

	border: 1px solid #6b5d4a;

	cursor: pointer;

}



.cont_inset 

{

	padding: 10px 0;

}



.form-group 

{

	padding: 25px 0;

	margin: 10px 0;

}



.modal-content 

{

	border: 1px solid rgb(255, 212, 0);

	background: rgba(0, 0, 0, 0.8);

}



.modal-header 

{

	border-bottom: 1px solid #ffd400;

}



.modal-footer 

{

	border-top: 1px solid #ffd400;

}



.btn-default 

{

	color: #000;

	background-color: #ffd400;

	border-color: #fff;

}



.pan_head 

{

	color: #ffd400 !important;

}



.img-thumbnail 

{

	background: transparent;

}



@media all and (max-width: 1300px) 

{

	.ind_bg2 

	{

		margin-left: -20%;

	}

}



h4 small,

.h4 small,

h5 small,

.h5 small,

h6 small,

.h6 small,

h4 .small,

.h4 .small,

h5 .small,

.h5 .small,

h6 .small,

.h6 .small 

{

	font-size: 50%;

}



.reg_lh span 

{

	font-size: 12px;

	-o-text-overflow: clip;

	text-overflow: clip;

	text-shadow: 1px 1px 0 rgb(77, 162, 252), -1px -1px 0 rgb(77, 162, 252), 1px -1px 0 rgb(77, 162, 252), -1px 1px 0 rgb(77, 162, 252), 4px 4px 8px rgb(44, 88, 137), -4px 4px 8px rgb(44, 88, 137), 4px -4px 8px rgb(44, 88, 137), -4px -4px 8px rgb(44, 88, 137);

	-webkit-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);

	-moz-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);

	-o-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);

	transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);

}



.glow 

{

	-o-text-overflow: clip;

	text-overflow: clip;

	font-family: 'Audiowide', cursive;

	color: #fff;

	text-shadow: 1px 1px 0 rgb(77, 162, 252), -1px -1px 0 rgb(77, 162, 252), 1px -1px 0 rgb(77, 162, 252), -1px 1px 0 rgb(77, 162, 252), 4px 4px 8px rgb(44, 88, 137), -4px 4px 8px rgb(44, 88, 137), 4px -4px 8px rgb(44, 88, 137), -4px -4px 8px rgb(44, 88, 137);

	/* -webkit-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1); */

	-moz-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);

	-o-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);

	/* transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1); */

}



.panel-default>.panel-heading 

{

	color: #333;

	background-color: #ffd400;

	border-color: #fff;

}



.center 

{

	position: absolute !important;

	top: 45%;

	left: 32%;

}



.logo_ani 

{

	position: relative;

	z-index: 999 !important;

}



.logo_ani:before 

{

	position: absolute;

	content: "";

	z-index: -1;

	top: 0%;

	left: 0%;

	width: 100%;

	height: 100%;

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/show-type.png)no-repeat;

	background-size: contain;

	-webkit-animation: blur 3s infinite linear;

	-o-animation: blur 3s infinite linear;

	animation: blur 3s infinite linear;

}







@keyframes blur 

{

	0% 

	{

		-webkit-filter: drop-shadow(0px 0px 0px #fff);

		filter: drop-shadow(0px 0px 0px #fff);

	}

	50% 

	{

		-webkit-filter: drop-shadow(0px 0px 10px #fff);

		filter: drop-shadow(0px 0px 10px #fff);

	}

	100% 

	{

		-webkit-filter: drop-shadow(0px 0px 0px #fff);

		filter: drop-shadow(0px 0px 0px #fff);

	}

}



.hom_vdo 

{

	position: relative;

}



.btn_skip 

{

	position: absolute;

	bottom: 25%;

	left: 5%;

	max-width: 200px;

	padding: 10px;

	height: auto;

	border: 1px solid #ffd400;

	border-radius: 5px;

	background: rgba(0, 0, 0, 0.5);

}



.btn_skip a 

{

	text-decoration: none;

	padding: 20px;

	color: #ffd400;

}



.btn_med 

{

	position: absolute;

	bottom: 25%;

	right: 5%;

	max-width: 200px;

	padding: 10px;

	height: auto;

	border: 1px solid #ffd400;

	border-radius: 5px;

	background: rgba(0, 0, 0, 0.5);

}



.btn_med a 

{

	text-decoration: none;

	padding: 20px;

	color: #ffd400;

}



.sec_pad 

{

	padding: 30px 0 !important;

}



.xoft

{

	padding-left: 20px;

	color: #24d7f1;

	background: url(../images/xoft.png)no-repeat;

	background-size: contain;

	text-decoration: none;

	transition-duration:.5s;

}



.clr

{

	padding: 0 !important;

	margin: 0 !important;

}



.ment

{

	position: relative;

	width: 60%;

	float: left;

	margin: 0 20%;

	z-index: 999;

}



.ment:before

{

	position: absolute;

	content: "";

	z-index: -1;

	top: 0%;

	left: 0%;

	width: 100%;

	height: 100%;

	background: url(/web/20180825032052im_/http://www.sacvasanth.com/public/images/mentallusion.png)no-repeat;

	background-size: contain;

	-webkit-animation: huer 3s infinite linear;

	-o-animation: huer 3s infinite linear;

	animation: huer 3s infinite linear;

}



.smoke1

{

	position: absolute;

	z-index: -1;

	width: 100%;

	-webkit-animation: smoke 15s linear infinite;

	-o-animation: smoke 15s linear infinite;

	animation: smoke 15s linear infinite;	

}



.smoke2

{

	position: absolute;

	z-index: -1;

	width: 100%;

	-webkit-animation: smoke 20s linear infinite;

	-o-animation: smoke 20s linear infinite;

	animation: smoke 20s linear infinite;

}



.smoke3

{

	position: absolute;

	z-index: -1;

	width: 100%;

	-webkit-animation: smoke 25s linear infinite;

	-o-animation: smoke 25s linear infinite;

	animation: smoke 25s linear infinite;

}



.smoke4

{

	position: absolute;

	z-index: -1;

	width: 100%;

	-webkit-animation: smoke 30s linear infinite;

	-o-animation: smoke 30s linear infinite;

	animation: smoke 30s linear infinite;

}



@keyframes smoke

{

	from

	{

		-webkit-transform: scale(.1) rotate(0deg);

		-ms-transform: scale(.1) rotate(0deg);

		-o-transform: scale(.1) rotate(0deg);

		transform: scale(.1) rotate(0deg);

		opacity: 1;

	}

	to

	{

		-webkit-transform: scale(1.5) rotate(360deg);

		-ms-transform: scale(1.5) rotate(360deg);

		-o-transform: scale(1.5) rotate(360deg);

		transform: scale(1.5) rotate(360deg);

		opacity: 0;

	}

}



.gallery .col-md-4

{

	margin: 5px 0 !important;

	padding: 0px 5px;

	position: relative;

}



.gallery .col-md-4 span

{

	position: absolute;

	width: 60px;

	height: 60px;

	top: calc(50% - 30px);

	left: calc(50% - 30px);

	background: #ffd400d9;

	text-align: center;	

	border-radius: 15px;

	-webkit-transform: scale(0);

	-ms-transform: scale(0);

	-o-transform: scale(0);

	transform: scale(0);

	transition-duration:.5s;

}



.gallery .col-md-4:hover span

{

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	transition-duration:.5s;

}



.gallery .col-md-4 span i

{

	color: #fff;

	font-size: 15px;

	padding-top: 22.5px;

}



.gallery .col-md-4 img

{

	/* box-shadow: 5px 5px 10px 0 #ffd400; */

	/* border-radius: 15px; */

}



.bg_grad

{

	width:100%;

	float: left;

	padding: 30px;

	background: rgba(255,255,255,0.5);

	/*background: -moz-linear-gradient(-45deg, rgba(230,0,0,0.8) 1%, rgba(255,218,0,0.8) 50%, rgba(13,11,114,0.8) 100%); 

background: -webkit-linear-gradient(-45deg, rgba(230,0,0,0.8) 1%,rgba(255,218,0,0.8) 50%,rgba(13,11,114,0.8) 100%); 

background: linear-gradient(135deg, rgba(230,0,0,0.8) 1%,rgba(255,218,0,0.8) 50%,rgba(13,11,114,0.8) 100%); */

}



.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus 

{

	color: #ffda00;

	cursor: default;

	background-color: #020146;

	border: none;

	width: 100%;

	float: left;

	margin-right: 10px !important;

	border-radius: 0 !important;

}



.nav-tabs > li 

{

	float: left;

	margin: 0 !important;

	padding-right: 10px !important;

}



.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus 

{

	color: #ffda00;

	cursor: default;

	background-color: #000000;

	border: none;

	width: 100%;

	float: left;

	border:  2px solid #ffc800;

	margin-right: 10px !important;

	border-radius: 0 !important;

}



.nav-tabs > li > a:hover 

{

	border: none;

	background: #ffda00;

	color: #020146;

	border: 2px solid #fff;

	transition-duration: .5s;

}



.nav-tabs 

{

	border: none;

	margin-bottom: 30px;

}



.nav-tabs > li > a 

{

	/* margin-right: 10px; */

	border: none;

	color: #000000;

	font-weight:  bold;

	/* font-weight:  bold; */

	font-size: 13px;

	border: 2px solid #000000;

	background: #ffda00;

	border-radius: 0px;

	box-shadow: 0 0 10px #ffda00;

}



.mar_gal h4

{

	background: #ffda00 !important;

	color: #fff;

	margin: 0;

	padding: 20px;

}



.mar_gal

{

	cursor: pointer !important;

}





.low_show

{

	display: none;

}



@media all and (max-width: 798px) 

{

	.low_show

	{

		display: block;

	}

	.high_show

	{

		display: none;

	}

}



@media only screen and (max-width: 767px) 

{

	.low_show

	{

		display: block;

	}

	.high_show

	{

		display: none;

	}

}











.type_rotate span:nth-of-type(1)

{

	position: absolute;

	top: 0%;

	left: 5px;

	width: calc(100% - 5px);

	height: 5px;

	overflow: hidden;

}



.type_rotate span:nth-of-type(1):before

{

	content: "";

	position: absolute;

	top: 0%;

	left: -100%;

	width: 100%;

	height: 2px;

	background: #e60000;

	-webkit-animation: run1 5s linear infinite;

	-o-animation: run1 5s linear infinite;

	animation: run1 5s linear infinite;

}



.type_rotate span:nth-of-type(2)

{

	position: absolute;

	top: 0%;

	right: 0%;

	width: 5px;

	height: 100%;

	overflow: hidden;

}



.type_rotate span:nth-of-type(2):before

{

	content: "";

	position: absolute;

	top: -100%;

	right: 0%;

	width: 2px;

	height: 100%;

	background: #e60000;

	-webkit-animation: run3 5s linear infinite;

	-o-animation: run3 5s linear infinite;

	animation: run3 5s linear infinite;

}



.type_rotate span:nth-of-type(3)

{

	position: absolute;

	bottom: 0%;

	right: 0%;

	width: calc(100% - 5px);

	height: 5px;

	overflow: hidden;

}



.type_rotate span:nth-of-type(3):before

{

	content: "";

	position: absolute;

	bottom: 0%;

	right: -100%;

	width: 100%;

	height: 2px;

	background: #e60000;

	-webkit-animation: run2 5s linear infinite;

	-o-animation: run2 5s linear infinite;

	animation: run2 5s linear infinite;

}



.type_rotate span:nth-of-type(4)

{

	position: absolute;

	bottom: 0px;

	left: 0%;

	width: 5px;

	height: 100%;

	overflow: hidden;

}



.type_rotate span:nth-of-type(4):before

{

	content: "";

	position: absolute;

	bottom: -100%;

	right: 0%;

	width: 2px;

	height: 100%;

	background: #e60000;

	-webkit-animation: run4 5s linear infinite;

	-o-animation: run4 5s linear infinite;

	animation: run4 5s linear infinite;

}



@keyframes run1

{

	0%

	{

		left:-100%;

	}

	33%

	{

		left: 0%;

		opacity: 1;

	}

	50%

	{

		left: 0%;

		opacity: 1;

	}

	66%

	{

		left: 110% ;

		opacity: 0;

	}

	100%

	{

		left: -100%;

		opacity: 0;

	}

}





@keyframes run2

{

	0%

	{

		right:-100%;

	}

	33%

	{

		right: 0%;

		opacity: 1;

	}

	50%

	{

		right: 0%;

		opacity: 1;

	}

	66%

	{

		right: 110% ;

		opacity: 0;

	}

	100%

	{

		right: -100%;

		opacity: 0;

	}

}





@keyframes run3

{

	0%

	{

		top:-100%;

	}

	33%

	{

		top: 0%;

		opacity: 1;

	}

	50%

	{

		top: 0%;

		opacity: 1;

	}

	66%

	{

		top: 110% ;

		opacity: 0;

	}

	100%

	{

		top: -100%;

		opacity: 0;

	}

}





@keyframes run4

{

	0%

	{

		bottom:-100%;

	}

	33%

	{

		bottom: 0%;

		opacity: 1;

	}

	50%

	{

		bottom: 0%;

		opacity: 1;

	}

	66%

	{

		bottom: 110% ;

		opacity: 0;

	}

	100%

	{

		bottom: -100%;

		opacity: 0;

	}

}









.abs_foot

{

	position: fixed;

	bottom: 0px;

	right: 3%;

}



#page-top

{

	position: relative !important;

}





.upcm_evnt a

{

	position: relative;

	overflow: hidden;

	text-decoration: none;

	width: 100%;

	float: left;

	margin: 20px 0;

	padding: 0;

	transition-duration: .5s;

}





.upcm_evnt a:hover:before

{

	top: -200%;

	left: -200%;

	opacity: .7;

	transition-duration: 2s;

}





.upcm_evnt a:before

{

	position:absolute;

	width: 400%;

	height: 400%;

	border-radius: 50%;

	background: #ffd400;

	content: "";

	left: 100%;

	top: 100%;

	opacity: .2;

	transition-duration: .5s;

}



.abs_book

{

	position: absolute;

	bottom: 50%;

	left: calc(50% - 50px);

	max-width: 200px;

	padding: 10px;

	height: auto;

	color: #fff;

	opacity: 0%;

	transform: scale(0);

	border: 1px solid #ffd400;

	border-radius: 5px;

	background: rgba(0, 0, 0, 0.5);

	transition-duration: .5s;

}





.upcm_evnt:hover a .abs_book

{

	opacity: 1;

	transform:scale(1);

	transition-duration: .5s;

}



.mar_bt

{

	margin-bottom: 30px !important;

}





.container 

{

	width: 90%;

}



.new

{

	    position: absolute;

    top: 0%;

    right: 0%;

    width: 80px;

    height: 80px;

    z-index: 999;

    background: #f9dd2b;

    border: 3px solid #ff7600;

    border-radius: 50%;

}



.new:before

{

	position: absolute;

	top: 0%;

	left: 0%;

	width: 100%;

	height: 100%;

	content: "";

	background: #000;

	opacity: 1;

	z-index: -1;

	border-radius: 50%;

	-webkit-animation: zzot 2s linear infinite;

	-o-animation: zzot 2s linear infinite;

	animation: zzot 2s linear infinite;

}



.new:after

{

	position: absolute;

	top: 0%;

	left: 0%;

	width: 100%;

	height: 100%;

	content: "";

	background: #ff7600;

	opacity: 1;

	z-index: -1;

	border-radius: 50%;

	-webkit-animation: zzot2 2s linear infinite;

	-o-animation: zzot2 2s linear infinite;

	animation: zzot2 2s linear infinite;

}



@keyframes zzot

{

	0%

	{

		transform:scale(1);

	}

	50%

	{

		transform:scale(0);

	}

	100%

	{

		transform:scale(1);

	}

}



@keyframes zzot2

{

	0%

	{

		transform:scale(0);

	}

	50%

	{

		transform:scale(1);

	}

	100%

	{

		transform:scale(0);

	}

}



.new p 

{

    padding-top: 25px;

    color: #fff;

    font-size: 15px;

    text-transform: uppercase;

}



#image h4

{

	padding: 12px;

    color: #000;

    margin: 0;

    background: #ffd400;

    text-transform: uppercase;

}



.fix_soc

{

	position: fixed;

	bottom: 20%;

	right: 0%;

	z-index: 9999;

	width: 40px;

}



.fix_soc li 

{

	width: 100%;

	list-style: none;

	border-bottom: 2px solid #ccc;

	background: #fff;

}

 

.fix_soc li a

{

	text-decoration: none;

	color: #f92b2b;

	float: left;

	font-size: 15px;

	padding: 14px 0;

	background: #fff;

	border-bottom: 2px solid #ccc;

	width: 100%;

	text-align: center;

}



.pan_fb

{

	color: #3b5998;

}



.pan_insta

{

	color: #4a46a4;

}



.pan_twit

{

	color: #00aced;

}



.pan_gp

{

	color: #dc4a38;

}



.pan_yt

{

	color: #fe0000;

}





.fon_sans

{

	font-family: 'Source Sans Pro', sans-serif !important;

}

.modal-header .close {
    margin-top: -2px;
    color: #ffd400;
    opacity: 1;
}
/*
     FILE ARCHIVED ON 03:20:52 Aug 25, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:33:28 Nov 15, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.682
  exclusion.robots: 0.033
  exclusion.robots.policy: 0.02
  esindex: 0.011
  cdx.remote: 7.553
  LoadShardBlock: 1210.501 (3)
  PetaboxLoader3.resolve: 1075.749 (4)
  PetaboxLoader3.datanode: 178.088 (4)
  load_resource: 120.498
*/