@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900');
@font-face {
	font-family: 'gothic';
	src: url('../fonts/gothic.eot');
	src: local('gothic'), url('../fonts/gothic.woff') format('woff'), url('../fonts/gothic.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_9785">Text with this font applied</p> */
.fontsforweb_fontid_9785 
{
	font-family: 'gothic' !important;
}


body
{
	/*font-family: 'Roboto', sans-serif;*/
	font-family: 'gothic' !important;
}
a
{
	text-decoration: none;
}
::selection
{
	background: #f90048;
	color: #fff;
}
/* 2.---------------------- PADDING AND MARGINS STYLE-------------------*/
.marg-top-0
{
	margin-top: 0px;
}
.marg-top-10
{
	margin-top: 10px;
}
.marg-top-20
{
	margin-top: 20px;
}
.marg-top-30
{
	margin-top: 30px;
}
.marg-top-40
{
	margin-top: 40px;
}
.marg-top-50
{
	margin-top: 50px;
}
.marg-top-60
{
	margin-top: 60px;
}
.marg-top-70
{
	margin-top: 70px;
}
.marg-top-80
{
	margin-top: 80px;
}
.marg-top-100
{
	margin-top: 100px;
}
.marg-top-150
{
	margin-top: 150px;
}

/*  ---------------------------MARGIN LEFT STYLE ---------------------*/
.marg-left-0
{
	margin-left: 0px;
}
.marg-left-10
{
	margin-left: 10px;
}
.marg-left-20
{
	margin-left: 20px;
}
.marg-left-30
{
	margin-left: 30px;
}
.marg-left-40
{
	margin-left: 40px;
}
.marg-left-50
{
	margin-left: 50px;
}
.marg-left-60
{
	margin-left: 60px;
}
.marg-left-70
{
	margin-left: 70px;
}
.marg-left-80
{
	margin-left: 80px;
}
.marg-left-100
{
	margin-left: 100px;
}
/*  -------------------------MARGIN RIGHT STYLE ---------------------*/

.marg-right-0
{
	margin-right: 0px;
}

.marg-right-10
{
	margin-right: 10px;
}
.marg-right-20
{
	margin-right: 20px;
}
.marg-right-30
{
	margin-right: 30px;
}
.marg-right-40
{
	margin-right: 40px;
}
.marg-right-50
{
	margin-right: 50px;
}
.marg-right-60
{
	margin-right: 60px;
}
.marg-right-70
{
	margin-right: 70px;
}
.marg-right-80
{
	margin-right: 80px;
}
.marg-right-100
{
	margin-right: 100px;
}
/* ----------------------------MARGIN BOTTOM STYLE----------------------*/

.marg-bottom-0
{
	margin-bottom: 0px;
}
.marg-bottom-10
{
	margin-bottom: 10px;
}
.marg-bottom-20
{
	margin-bottom: 20px;
}
.marg-bottom-30
{
	margin-bottom: 30px;
}
.marg-bottom-40
{
	margin-bottom: 40px;
}
.marg-bottom-50
{
	margin-bottom: 50px;
}
.marg-bottom-60
{
	margin-bottom: 60px;
}
.marg-bottom-70
{
	margin-bottom: 70px;
}
.marg-bottom-80
{
	margin-bottom: 80px;
}
.marg-bottom-100
{
	margin-bottom: 100px;
}
.marg-bottom-150
{
	margin-bottom: 150px;
}
/*  ----------------------- PADDING TOP STYLE -------------------------*/
.pad-top-0
{
	padding-top: 0px;
}

.pad-top-10
{
	padding-top: 10px;
}
.pad-top-20
{
	padding-top: 20px;
}
.pad-top-30
{
	padding-top: 30px;
}
.pad-top-40
{
	padding-top: 40px;
}
.pad-top-50
{
	padding-top: 50px;
}
.pad-top-60
{
	padding-top: 60px;
}
.pad-top-70
{
	padding-top: 70px;
}
.pad-top-80
{
	padding-top: 80px;
}
.pad-top-100
{
	padding-top: 100px;
}
.pad-top-150
{
	padding-top: 150px;
}
/*  -------------------- PADDING LEFT STYLE ------------------*/
.pad-left-0
{
	padding-left: 0px;
}

.pad-left-10
{
	padding-left: 10px;
}
.pad-left-20
{
	padding-left: 20px;
}
.pad-left-30
{
	padding-left: 30px;
}
.pad-left-40
{
	padding-left: 40px;
}
.pad-left-50
{
	padding-left: 50px;
}
.pad-left-60
{
	padding-left: 60px;
}
.pad-left-70
{
	padding-left: 70px;
}
.pad-left-80
{
	padding-left: 80px;
}
.pad-left-100
{
	padding-left: 100px;
}

/*  -------------------- PADDING RIGHT STYLE ----------------------*/
.pad-right-0
{
	padding-right: 0px;
}

.pad-right-10
{
	padding-right: 10px;
}
.pad-right-20
{
	padding-right: 20px;
}
.pad-right-30
{
	padding-right: 30px;
}
.pad-right-40
{
	padding-right: 40px;
}
.pad-right-50
{
	padding-right: 50px;
}
.pad-right-60
{
	padding-right: 60px;
}
.pad-right-70
{
	padding-right: 70px;
}
.pad-right-80
{
	padding-right: 80px;
}
.pad-right-100
{
	padding-right: 100px;
}
/* -------------------- PADDING BOTTOM STYLE ----------------------*/
.pad-bottom-0
{
	padding-bottom: 0px;
}

.pad-bottom-10
{
	padding-bottom: 10px;
}
.pad-bottom-20
{
	padding-bottom: 20px;
}
.pad-bottom-30
{
	padding-bottom: 30px;
}
.pad-bottom-40
{
	padding-bottom: 40px;
}
.pad-bottom-50
{
	padding-bottom: 50px;
}
.pad-bottom-60
{
	padding-bottom: 60px;
}
.pad-bottom-70
{
	padding-bottom: 70px;
}
.pad-bottom-80
{
	padding-bottom: 80px;
}
.pad-bottom-100
{
	padding-bottom: 100px;
}
.pad-bottom-150
{
	padding-bottom: 150px;
}
/*__________________________ NAVBAR CSS ________________*/
.navbar-nav
{
	float: none;
}
.navbar-default .navbar-nav>li>a
{
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	margin-right: 10px;
	font-weight: 700;
}
.navbar-default
{
	background:transparent;
	border-color: transparent;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover
{
	color: #fff;
}
.navbar
{
	margin-bottom: 0px; 
    border: none; 
}
.navbar-toggle
{
	border-radius: 0px;
}
.navbar-default .navbar-toggle
{
	background: #f90048;
	border-color: #f90048;
}
.navbar-default .navbar-toggle .icon-bar
{
	background: #fff;
}
.navbar-collapse.in
{
	overflow-y: hidden;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form
{
	border-color: transparent;
}
.navbar-collapse
{
	box-shadow: none;
}

/*__________________________ NAVBAR CSS ________________*/
.top-head
{
	background-image: url(../images/newimg/main-bg.jpg);
	background-size: cover;
	background-position: 1% 40%;
	padding: 158px 0px;
	color: #fff;
}
.top-head h1
{
	font-size:50px;
	font-weight: 800;
	padding-bottom: 30px;
	line-height: 55px;
}
.top-bg
{	
	text-align: center;
	/*background: rgba(0,0,0,0.5);*/
	background: rgba(255,0,0,0.4);
	/*background: rgba(255,0,255,0.3);*/
	padding:50px;
}
.top-bg h3
{
	padding-bottom: 20px;
}
.top-bg h4
{
	font-size: 20px;
    letter-spacing: 1px;
    /*color: #ffa700;*/
    color: #fff;
}
.ulfmenu
{
	background: -webkit-linear-gradient(left,#f90048,#f17000);
    position: relative;
    margin-top: -44px;
    padding: 15px;
    border-radius: 65px;
    color: #fff;
}
.ulfmenu ul
{	
	margin:0 auto;
	display: table;
}	

nav a {
	position: relative;
	display: inline-block;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
}
/* Effect 3: bottom line slides/fades in */
.cl-effect-3 a {
	padding: 8px 0;
}

.cl-effect-3 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-3 a:hover::after,
.cl-effect-3 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.aboutulf h2
{
	font-size: 40px;
	margin-bottom: 20px;
	color: #212121;
	font-weight: 800;
}
.aboutulf span
{
	font-weight: 800;
	color: #f90048;
}
.aboutulf p
{
	color: #757575;
	font-size: 16px;
	line-height: 30px;
}
.aboutulf
{
	position: relative;
    background-position: 100%;
   	padding: 40px 0px 40px; 
}
.aboutulf:before{
	content: "";
    position: absolute;
    width: 247px;
    height: 282px;
    top: 0%;
    left: 80%;
    background-image: url(../images/right.png);
    background-repeat: no-repeat;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
 }
.whatdo 
{
	background-image: url(../images/ab01.jpg);
	padding:45px 0px;
	background-position: 1%;
}
.wdheading h2
{
	color: #fff;
	font-size: 38px;
	font-weight: 800;
	margin-bottom: 60px;
	text-align: center;
}
.wdheading p
{
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 28px;
}
.wdicon 
{
	margin-top: 60px;
}
.wdicon img
{
	width: 75px;
}
.wdicon
{
	text-align: center;
}
.wdicon h3
{
	color: #fff;
	margin-top: 30px;
    font-weight: 700;
}
.last-events
{
	background-image: url(../images/blue.jpg);
	padding:45px 0px;
	background-position: 1%;
	margin-bottom: 60px;
}
.eventimg
{
	text-align: center;
    padding: 5px;
    border-radius: 50%;
    width: 170px;
    height: 175px;
    margin-right: 40px;
    margin-top: 60px;
    color: #fff;
    border: 3px dashed;
    position: relative;
}
.eventbox1
{
	margin-top: 40px;
}
.eventext
{
	margin-left: 70px;
    border: 1px solid rgba(255, 255, 255, 0.36);
    padding: 10px 30px;
    border-top: 4px solid #fff;
    border-radius: 16px;
}
.eventext h2
{
	color: #fff;
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 20px;
	margin-top: 10px;
}
.eventext span
{
	font-size: 38px;
}
.eventext p
{
	color: #fff;
	font-style: italic;
}
.about5-outer{
	border: 1px solid #f80f48;
    outline: 1px solid #f80f48;
    outline-offset: 10px;
    margin-top: 110px;
}
.expecting
{
	font-size: 40px;
	color: #fff;
}
.expecting 
{
	font-size: 40px;
    color: #fff;
    text-align: center;
    border: 1px solid #f80f48;
    padding: 30px 0px;
    background: #f80f48;
}
.lastyr 
{
	overflow: hidden;
}
.expecting h3
{
	margin-top: 0px;
	word-spacing: 7px;
}
.expecting-outer
{
	border: 1px solid #8e8e8e;
    outline: 1px solid #8e8e8e;
    outline-offset: -10px;
}
.expecting  span
{
	font-size: 40px;
	
}
.lastyrheading h2
{
	color: #212121;
	font-size: 38px;
	font-weight: 800;
	text-align: center;
	padding-bottom: 20px;
}
.lastyrheading p
{
	color: #848484;
	font-size: 16px;
	text-align: center;
	line-height: 28px;
	padding-bottom: 55px;
}
.dg-wrapper a img
{
	margin-bottom: 30px;
}
.dg-wrapper a h1
{
	color: #212121;
	padding-top: 30px;
}
.dg-wrapper a:hover
{
	text-decoration: none;
}

.lastyr
{
	position: relative;
   	padding: 0px 0px 40px; 
}
.lastyr:before{
	content: "";
    position: absolute;
    width: 257px;
    height: 282px;
    top: -9%;
    left: -5%;
    background-image: url(../images/left.png);
    background-repeat: no-repeat;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
 }
 .whysponsor
 {
 	background: url(../images/slide2-1.jpg);
 	padding: 40px 0px 100px;
 	background-size: cover;
 }
 .why1 
 {
 	border-right: 4px solid #fff;
 	padding:10px 0px;
 }
 .why1 h2
 {
	color: #fff;
    font-weight: 800;
    line-height: 45px;
    text-align: center;
    margin: 0;
    font-size: 36px;
 }
 .why2  p
 {
    color: #fff;
    font-size: 25px;
    line-height: 35px;
    padding-top: 10px;
    font-weight: 700;
    word-spacing: 10px;
 }
 .why2 span
 {
 	font-style: italic;
 	font-size: 17px;
 }
 .whybox1
 {
    width: 230px;
    height: 230px;
    background: rgba(255,255,255,0.69);
    text-align: center;
    padding: 20px 27px;
    margin-right: 79px;
    border: 6px solid rgb(255, 255, 255);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
 }
 .whybox1-inner
 {
 	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
 }
 .whybox1-inner h3
 {
 	font-size: 23px;
 }
 .whysponsor ul.list-inline
 {
    padding-top: 120px;
    margin: 0 auto;
    display: table;
   	/*margin-left: 90px;*/
 }
 .whybox1-inner p
 {
 	font-size: 15px;
 }
 .whybox1-inner  h3
 {
 	color: #000;
 	font-weight: 700;
 }
 .whybox1-inner p
 {
 	color: #212121;
 }
 .sponsorlist
 {
 	background-image: url(../images/slide4-orange.png);
 	padding:40px 0px 0px;
 	position: relative;
 	background-position: 1% 18%;
 }
 .sponsorlist .wdheading 
 {
 	margin-bottom: 40px;
 }
 .sponsorlist a
 {
 	margin-top: 30px;
 }
 .sphead
 {
 	padding: 20px 15px 10px;
 	background: rgba(248, 15, 72, 0.75);
 	text-align: center;
 	color: #fff;
 }
 .spfooter
 {
 	padding: 20px ;
 	background: rgba(248, 15, 72, 0.75);
 	text-align: center;
 	color: #fff;
 }
 .spfooter h4
 {
 	font-size: 20px;
 	margin: 0px;
 }
 .sphead h3
 {
 	margin:0px;
 	font-size: 18px;
 	padding-bottom: 20px;
 	border-bottom:1px solid rgba(255, 255, 255, 0.32);
 }
 .sponsortext
 {
 	background: rgba(255,255,255,0.78);
 	padding:10px 30px 1px;	
 }
.spupper
{
	min-height: 446px;
}
.splower
{
	min-height: 240px;
}
.sphead h4
 {
 	padding-top: 10px;
 	font-size: 20px;
 	line-height: 25px;
 	margin: 0px; 
 }
 .sponsortext ul
 {
 	list-style-type: none;
 	padding-left: 0px;
 }
 .sponsortext li
 {
 	padding:5px;
 	font-size: 15px;
 }
 .sponsortext i
 {
 	font-size: 12px;
 }
 .sponsorbox
 {
 	margin-bottom: 70px;
 }
 .sponsorbox:hover .sponsortext
 {
 	background:#fff;
 }
 .sponsorbox:hover .sphead, .sponsorbox:hover .spfooter
 {
 	background:rgb(248, 15, 72);
 }
 .whybox1:hover
 {
 	background:#fff;
 }
 .last-events ul
 {
 	margin:  0 auto;
 	display: table;
 }
 .stat-box i
 {
 	color: #26c6da;
 	font-size: 50px;
 }
 .stat
 {
 	/*margin: 40px 0px;*/
 	background-image: url(../images/counter_bg.jpg);
 	padding: 30px 0px; 
 	text-align: center;
 }
 .stat-box
 {
 	text-align: center;
 }
 .stat-box h3
 {
 	color: #fff;
 	margin-bottom: 15px;
 	font-weight: 800;
 }
 .stat-box h4, p
 {
 	color: #fff;
 }
 .statheading p
 {
 	margin-bottom: 40px;
 }
 .statheading h2
 {
 	color: #fff;
 	padding-bottom: 20px;
 	text-align: center;
 	font-weight: 700;
 }
 .team h3, .team h4
 {
 	color: #212121;
    font-weight: 700;
 }
 .team p
 {
    color: #848484;
    font-size: 15px;
    line-height: 25px;
    padding-right: 50px;
    text-align: justify;
 }

 .team ul, .get-in ul
 {
 	list-style-type: none;
 	padding-left: 0px;
 }
 .team i
 {
 	font-size: 25px;
 	padding-right: 10px;
 	color: #212121;
 }
 .team h4
 {
 	color: #212121;
 	font-size: 18px;
 }
 .ublogo 
 {
 	margin-top: 0px;
 }
 .get-in i
 {
 	font-size: 25px;
 	color: #212121;
 }
 .team li, .get-in li
 {
 	color: #848484;
 	font-size: 18px;
 	padding: 10px 0px;
 }
 .team span
 {
 	margin-left: 35px;
 }
  .get-in span
  {
  	margin-left: 52px;
  }
 .ublogo  img
 {
 	width: 290px;
 }
 .get-in .thumbnail 
 {
 	width: 40px;
 	height: 40px;
 	padding-top: 10px;
 	color: #fff;
 	background: #000;
 	border-color: #000;
 	border-radius: 3px;
 	margin-bottom: 0px;
 	font-size: 16px;
 	text-align: center;
 	margin-right: 10px;
 }	
 .ulffooter
 {
 	background: #212121;
 	text-align: center;
 	color: #fff;
 	padding: 15px;
 }
 .ulffooter p
 {
 	margin: 0;
 }
 .volunteer 
 {
 	background-image: url(../images/slide4-orange1.jpg);
 	padding:40px 0px 70px;
 	background-size: cover;
 	background-position: 1%;
 }
 .volunteer .form-control 
 {
 	background: rgba(255,255,255,0.7);
 	border-color: #fff;
 	border-radius: 0px;
 	box-shadow: none;
 	outline: none;
 	margin-right: 20px;
 	color: #000;
 }
  .volunteer input:focus
  {
  	background: #fff;
  	box-shadow: none;
  	outline: none;
  }
 .volunteer .btn-default , .sponsorlist .btn-default
 {
 	background: #000;
 	border-color: #000;
 	color: #fff;
 	border-radius: 0px;
 	box-shadow: none;
 	outline: none;
 	padding:8px 45px;
}
.volunteer .btn-default:hover, .volunteer .btn-default:focus, .sponsorlist .btn-default:hover, .sponsorlist .btn-default:focus
{
	background: #222;
 	border-color: #222;
 	color: #fff;
 	border-radius: 0px;
 	box-shadow: none;
 	outline: none;
}

/*
 * Scroll to top
 */

.totop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 104400;
	background: #fff;
    color: #FFFFFF;
}

.totop a i{
	display: block;
	width: 32px;
	height: 32px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	border-radius: 1px;
	background-color: #212121;
	border:1px solid #212121;
	color:#fff;
}
.totop a i:hover
{
	background-color: #fff;
	color:#000;
}
.totop a, .totop a:visited{
	color: #000;
	background-color: #fff;
	text-decoration: none;
}
.totop a:hover {
	color: #000;
	background-color: #fff;
	text-decoration: none;
}
.geticon 
{
	float: left;
	margin-bottom: 12px;
}
.getext 
{
	font-size: 15px;
}
.nhead 
{
	/*padding: 20px 40px;*/
}
.lhead 
{
	padding: 20px 10px !important;
}
.nhead h3
{
	margin-bottom: 30px;
}
.nopadul 
{
	padding-top: 0px !important;
}
.ulmid
{
	margin-left: 70px;
}
.art1 
{
	text-align: center;
    padding: 5px;
    border-radius: 50%;
    width: 300px;
    height: 300px;
    color: #fff;
    border: 3px dashed;
    position: relative;
    margin-bottom: 40px;
}
.art1 h2
{
	font-weight: 800;
	font-size: 40px;
}
.art1 img 
{
	margin-bottom: 20px;
	border: 1.5px solid;
}

.bookticket h2
{
	font-size: 40px;
	margin-bottom: 20px;
	color: #212121;
	font-weight: 800;
}
.bookticket span
{
	font-weight: 800;
	color: #f90048;
}
.bookticket
{
   	padding: 40px 0px 40px; 
}
.bookticket img
{
	padding-top: 25px;
}