@charset "utf-8";
/* CSS Document */


        /* Custom views styles */
        
        .view1 {
            background-color: #30D5C7;
            background-image: url('images/backgrounds/six.jpg');
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .view3 {
            background-color: #1C7B73;
            background-image: url('images/backgrounds/four.jpg');
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .view5 {
            background-color: #28D5CF;
            background-image: url('images/backgrounds/one.jpg');
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .subview-a {
            background-color: #DC914E;
            background-image: url('../images/backgrounds/home.jpg');
            background-repeat: no-repeat;
            background-size: cover;
        }
		
		.overlay
		{
			/*float:right;*/
			background-image: url('../images/backgrounds/homeOverlay-new1.png');
            background-repeat: no-repeat;
            background-size: cover;
			height:100%;
			background-position:right;
		}
		
		.overlayAbout
		{
			/*float:right;*/
			background-image: url('../images/backgrounds/aboutOverlay.png');
            background-repeat: no-repeat;
            background-size: cover;
			height:110%;
			background-position:right;
		}
		
		.overlay img
		{
			/*height:100%;
			width:auto;	*/
		}
        .subview-b {
            background-color: #0EAB91;
            background-image: url('../images/backgrounds/about-rev1.jpg');
            background-repeat: no-repeat;
            background-size:cover;
        }
        
        .subview-c {
            background-color: #13AD58;
            background-image: url('../images/backgrounds/event.jpg');
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .subview-d {
            background-color: #13AD58;
            background-image: url('images/backgrounds/eight.jpg');
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .subview-e {
            background-color: #13AD58;
            background-image: url('images/backgrounds/five.jpg');
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        /* Styles specific for this example */
        
        a {
            text-decoration: none;
            font-size: 13px;
            color: #000;
        }
        
        .menu {
            position: fixed;
            margin-top: 10px;
            left: 10px;
            width: 60%;
            font-family: Arial;
            font-size: 20px;
            z-index: 10;
        }
        
        .forkme {
            position: fixed;
            z-index: 30;
            top: 0;
            right: 0;
            border: 0;
        }
		
		input[type="button"] {
            -webkit-appearance: none;
            display: inline-block;
            padding: 5px 10px;
            font-size: 12px;
            cursor: pointer;
            text-align: center;
            text-decoration: none;
            outline: none;
            color: #000;
            background-color: #fff;
            border: none;
            border-radius: 5px;
            box-shadow: 0 2px #000;
        }
        
        /* Extends predefined vs-center class */
        
        .vs-center {
            font-family: Arial, Tahoma;
            font-size: 50px;
			color: rgba(0, 0, 0, .6)
        }
		
		.wrapperCircle {
    width: 450px;
    height: 450px;
    position: absolute;
    top: 9%;
    left: 30%;
}

.wrapperCircleOther {
    width: 200px !important;
    height: 200px !important;
    top: 3%;
    left: 4%;
}



.logoCircle {
    width: 30%;
    height: 30%;
    background-color: #e5a90b;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0% 35%;
    border-radius: 50%;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 2;
}

.logoCircleOther {
    width: 75% !important;
    height: 75% !important;
}

.bigCircle {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    position: absolute;
    top: 5%;
    left: 6%;
	display:table;
    z-index: 1;
}


.homeText
{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#FFF;
	display:table-cell;
	vertical-align:middle;
    padding-left: 10%;
    padding-right: 5%;
	font-weight:300;
}

.saffronColor
{
	color:#e5a90b;
}

.homeText h3
{
    font-weight: 300;
    font-size: 1.5em;
}

.homeTextWrapper
{
	width:350px!important;
}

.welcomeAbout
{
	position: absolute;
    top: 0px;
    width: 50%;
    margin: 0px auto;
    text-align: center;
    left: 25%;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:300 !important;
	color:#fff;
	padding-top:1%;
}

.welcomeAbout h2
{
	font-weight:300 !important;
}

.colorBlack
{
	color:#000 !important;
}

.mouseCentre
{
	position: absolute;
    left: 45%;
    bottom: 0%;
    text-align: center;
}

.mouseCentre img
{
	width:75px;
	height:auto;
}

.mouseCentre p
{
	color: white;
    /* text-align: center; */
    font-family: 'Open Sans', sans-serif;
    margin-top: 0px;
    margin-bottom: 0px;
}

.mouse{
/*  margin: 50px auto;*/
  width: 100px;
  color: white;
    /* text-align: center; */
  font-family: 'Open Sans', sans-serif;
  position: absolute;
    left: 45%;
    bottom: 0%;
    text-align: center;
}.mouse-icon{
   /*width: 25px;
   height: 45px;*/
   width: 14px;
   height: 26px;
   border: 2px solid white;
   border-radius: 15px;
   cursor: pointer;
   position: relative;
   text-align: center;
   margin:0px auto;
}.mouse-wheel{
  height: 6px;
  margin: 2px auto 0;
  display: block;
  width: 3px;
  background-color: white;
  border-radius: 50%;
  -webkit-animation: 1.6s ease infinite wheel-up-down;
 -moz-animation: 1.6s ease infinite wheel-up-down;
  animation: 1.6s ease infinite wheel-up-down;
}
@-webkit-keyframes wheel-up-down {
	0% {
	    margin-top: 2px;
	    opacity: 0;
	}
	30% {
	    opacity: 1;
	}
	100% {
	    margin-top: 20px;
	    opacity: 0;
	}
}@-moz-keyframes wheel-up-down {
	0% {
	    margin-top: 2px;
	    opacity: 0;
	}
	30% {
	    opacity: 1;
	}
	100% {
	    margin-top: 20px;
	    opacity: 0;
	}
}@keyframes wheel-up-down {
	0% {
	    margin-top: 2px;
	    opacity: 0;
	}
	30% {
	    opacity: 1;
	}
	100% {
	    margin-top: 20px;
	    opacity: 0;
	}
}

.eventScroll
{
	margin-top:15%;
}

.slick-dots li.slick-active button:before
{
	color: white !important;
}

.slick-dots li button:before
{
	color: white !important;
}

.slick-slide img {
    margin: 0px auto;
}

.eventScroll p {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#FFF;
	padding-top:2%;
	text-align: center;
}

.mobileSwipe
{
	position:absolute;
	bottom:0px;
	left:35%;
	display:none;
	font-family: 'Open Sans', sans-serif;
	color:white;
}

.mobileSwipe img
{
	width:50px;
	height:auto;
}


@media only screen and (max-width: 760px) 
{
	.wrapperCircle {
		width: 250px;
		height: 250px;
		position: absolute;
		top: 16%;
		left: 10%;
	}
	
	.homeText {
    	font-size: 13px;
	}
	
	.homeText h3 {
    font-size: 1em;
	}
	
	.homeTextWrapper {
		width: 200px!important;
	}
	
	
	.mouse {
		left:35%;
		display:none;
	}
	
	.mobileSwipe
	{
		display:block;
	}
	
	h2 {
		font-size: 1.4rem !important;
	}
	
	.welcomeAbout
	{
		font-size: 14px;
		top:4%;
		width:60%;
	}
	
	.wrapperCircleOther {
		width: 100px !important;
		height: 100px !important;
		top: 3%;
		left: 4%;
	}

	.eventScroll {
		margin-top: 50%;
	}
	
	.slick-slide img {
		width: 50%;
		height: auto;
	}
	
	.eventScroll .slick-prev {
		left: 25px;
		z-index:999;
	}
	
	 .eventScroll .slick-next {
		right: 25px;
	}
}

@media only screen and (max-width: 760px) and (orientation:portrait)
{

}

@media only screen and (max-width: 760px) and (orientation:landscape)
{
	
	
}