/*
THEME: Sandbox
VERSION: 1.0.0
AUTHOR: Gaurav Mittal

*/


body {
	font-family: "Open Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.academic_yr19{background-color: #f2f2f2;padding: 15px;display:inline-block;width:100%;}
.academic_yr19 h4{color:#0e2c8e;font-size:22px;}
.academic_yr19 h4 span{color:#575758;font-size:18px;}
.academic_yr21{background-color: #dad8d8;padding: 15px;display:inline-block;width:100%;}
.academic_yr21 h4{color:#0e2c8e;font-size:22px;}
.academic_yr21 h4 span{color:#575758;font-size:18px;}
.logo_img h3{color:#7d7d80;font-size:14px;}
.canvas_banner img{margin: 0 auto;display: flex;}
.mob_on{display:none;}
.logo1 h2{text-align:left; font-size:22px;letter-spacing:0px;}
.logo1  img{float:left;}
.logo_btm{text-align:center; margin-top:60px;}
.logo_txt h2{text-align:right; font-size:22px;letter-spacing:3px;margin-top:50px;}
.spark_logo{position: absolute;top:30%; left: 30%;z-index:1;}
.cu_logo{position: absolute; bottom: 5%; right: 30%;}
/*.wrapper_content{position:relative;}*/
.banner_wrapper{position:relative;}
/*.wrapper_content h2{font-size: 80px; position: absolute; bottom:20%; left:50%; background-color: #fff; word-break: break-all; font-weight: 900;padding:40px;line-height:80px;}*/
.wrapper_content h2 {
  font-size: 80px;
  position: absolute;
  top: 42%;
  left: 0;
  background-color: #fff;
  word-break: break-all;
  font-weight: 900;
  padding: 40px;
  line-height: 80px;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
}
.ve-menu{display:none;}
/*.logo_btm:before, .logo_btm:after {
  content: "";
  display: inline-block;
  width: 38%;
  margin: 0 .5em 0 -55%;
  vertical-align: middle;
  border-bottom: 3px solid #ffc824;
}
.logo_btm:after {
  margin: 0 -55% 0 .5em;
}*/
.foot_cnt{color:#7d7d80;font-size:14px;text-align:right;}
.partnerwith{text-align:center;letter-spacing:5px;}
.partnerwith h3{font-size:18px;margin-top:20px;}

.partnerwith:after{content:""; display:inline-block;width:10%;margin:0px; vertical-align:middle;border-bottom:3px solid #4a4d7a;}

.navbar-dark .navbar-nav .nav-link {
    color: #000!important;
}
.navbar {float:right!important;}

.logo{display:table; text-align:center; margin: 0 auto;}
.header{background-color: #fff; width: 100%; z-index: 1111;position:fixed}
.header h1{font-family: "Open Sans", sans-serif;font-style: normal;font-weight: 900;font-size: 90px;line-height: 109px;text-align: center;color:#FFFFFF; padding:80px 0px 80px 0px; max-width:825px; margin:0 auto;
}
.header h1 span{color:#ED1639}

.eventInfo{background: #FEECEC;padding:10px 0px; position:relative;}
.eventInfo ul{display:flex;flex-wrap:wrap; justify-content: space-between; margin:0px; padding:0px;}
.eventInfo li{flex-basis: calc(25% - 10px); background: #ED1639;color:#fff; padding:40px 20px 50px 20px; list-style:none;}
.eventInfo li h3{font-family: "Open Sans", sans-serif;font-style: normal;font-weight: 700;font-size: 64px;line-height: 40px;text-align: center;color: #FFFFFF; margin-bottom:20px;}
.eventInfo li h3 span{font-size: 24px; font-weight: 500;}
.eventInfo li h5{font-family: "Open Sans", sans-serif;font-style: normal; font-weight: 600;font-size: 24px;line-height: 37px; color: #FFFFFF; text-align: center;} 

.eventContent{background: #fff;padding: 40px 0px 40px 0px; position:relative;}
.eventContent p{font-family: "Open Sans", sans-serif;font-weight: 400;font-size: 16px;line-height: 30px;color: #000000; margin-bottom:10px;text-align:justify;}
.onlineC p{font-size: 20px;}

.rrWrap{position:relative; background:#fff; min-height:300px;}
.rrBox{position: absolute;max-width: 900px; width: 100%;margin-top: -155px;background: #fff;padding: 75px 0px 15px 0px;left: 0%;right: 0%;margin-left: auto;margin-right: auto;text-align: center;}
.rrBox h5{font-family: "Open Sans", sans-serif;font-style: normal;font-weight: 500;font-size: 24px;line-height: 37px;color: #FFFFFF; text-align: center;}
.rrBox h3{font-family: "Open Sans", sans-serif;font-style: normal;font-weight: 600;font-size: 51px;line-height: 62px;text-align: center;color: #FFFFFF;}
.rrBox a{font-family: "Open Sans", sans-serif;font-style: normal;font-weight: 700;font-size: 18px;line-height: 37px;color: #FFFFFF; padding:20px; text-decoration:none; margin:20px auto;display: table;}

.logoB{display:table; text-align:center; margin: 0 auto;}
.footer{background-color:#2a2a2a; padding:50px 0px 20px; margin-top:20px;}
.footer a{color: #808080}
.cpRight{font-style: normal;font-weight: 300;font-size: 12px;line-height: 14px;color: #FFFFFF;}
.footerLogo{display:flex; flex-wrap:wrap;}
.footerLogo img{padding:5px;}
.back-to-top {position: fixed;bottom: 20px; width:53px; height:56px;right: 30px;	text-decoration: none;color: #fff;font-size: 12px;display: none; cursor:pointer;font-size:14px;z-index:1000;}
.back-to-top:hover {	}	
ul.decodList{ margin:50px 0px; padding:0px;}
.decodList li{list-style:none; display: flex; padding:20px 10px;}
.decodList li:nth-child(even){background:#f2f2f2;}
.decodList li .leftPic{flex: 1 0 0%;}
.decodList li .conUni{flex: 2.5 0 0%;margin:auto 0;}
.decodList li .conUni h3{color: #20558b; font-size:22px;}
.leftPic{}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}


@keyframes color {
  0%   { background: #000; }
  20%  { background: #33CC36; }
  40%  { background: #B8CC33; }
  60%  { background: #FCCA00; }
  80%  { background: #003cb7; }
  100% { background: #000; }
}


@-webkit-keyframes bounce-y {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounce-y {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes bounce-x {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounce-x {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px){
	.cu_logo{bottom: 8px;right: 20%;}
	.spark_logo{top: 6%;left: 20%;}
	#main_nav{display:block;}
	.navbar-nav li{display:inline-block;}
}
@media only screen and (min-width: 992px)and (max-width: 1199px){
	.spark_logo{top: 7%;left: 20%;}
	.cu_logo{bottom: 10%;right: 22%;}
}	
/*=== MEDIA QUERY ===*/
@media only screen and (max-width: 767px)
{
	.header{position: relative;}
	.eventInfo li{flex-basis: calc(50% - 1px); margin-bottom:1px;padding: 30px 10px 20px 10px;}
	.eventInfo li h3{line-height: 25px;font-size: 42px;}
	.eventInfo li h5{font-size: 20px;line-height: 28px;}
	.eventContent{padding: 50px 0;}
	.eventContent p{font-size: 18px;line-height: 32px;margin-bottom: 30px;}
	
	.eventContent img{width:70%;}

	.logo_img img{width:30%;}
	.mob_off{display:none;}
	.mob_on{display:block;}
	.banner_wrapper{background:url("images/decoding-banner.jpg") no-repeat center bottom; height:650px;}
	.spark_logo{position: absolute;top:200px; left: 425px;z-index:111;}
	
	.wrapper_content_mob .cu_logo1{width:100%;}
	.wrapper_content_mob h2{font-size: 65px;position: absolute; top: 25%; background-color: #fff; word-break: break-all;font-weight: 900;padding: 29px;line-height: 68px; width: 64%; right: 0;left: 0;margin-left: auto;margin-right: auto;}
	.decode_banner{height:400px;}	
	.sparklogo{text-align:center;}
	.canvas_banner{display:block;}
	.canvas_banner img{width:100%;}
	.logo h2 {text-align: left; font-size: 22px;letter-spacing: 3px;padding-right: 50px;}
	.ve-menu{display:block;}
	.ve-menu{position: absolute;right: 20px; top: 48px;}
	.logo_txt h2 {text-align: right;font-size: 22px;letter-spacing: 3px;padding: 20px 20px 0px 50px;margin:0px; font-weight: 600;}
	.logos{text-align: center;}
	.logos img {display: inline-block;margin: 0 auto;}
	.logo1 img {float: none;}
	.logo1 h2 {text-align: left;font-size: 20px;letter-spacing: 3px;padding: 0px 60px 10px 0px; font-weight: 600;}	
	.logo_img h3{color:#7d7d80;font-size:20px;}
	.logo_img img {width: 34%;margin: 0 auto; text-align: center;display: flex; margin-top: 20px;}
	.foot_cnt {color: #7d7d80;font-size: 18px;text-align: center;line-height: 25px;margin-top: 22px;}

	.decodList li{flex-wrap: wrap;}
	.decodList li .leftPic{flex: auto;}
	.decodList li .conUni{flex: auto; margin: 20px auto 0;}
	
}