/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	} 

	@-moz-keyframes spinner {
		0% {
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		100% {
			-moz-transform: rotate(359deg);
			-webkit-transform: rotate(359deg);
			-ms-transform: rotate(359deg);
			transform: rotate(359deg);
		}
	}

	@-webkit-keyframes spinner {
		0% {
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		100% {
			-moz-transform: rotate(359deg);
			-webkit-transform: rotate(359deg);
			-ms-transform: rotate(359deg);
			transform: rotate(359deg);
		}
	}

	@-ms-keyframes spinner {
		0% {
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		100% {
			-moz-transform: rotate(359deg);
			-webkit-transform: rotate(359deg);
			-ms-transform: rotate(359deg);
			transform: rotate(359deg);
		}
	}

	@keyframes spinner {
		0% {
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		100% {
			-moz-transform: rotate(359deg);
			-webkit-transform: rotate(359deg);
			-ms-transform: rotate(359deg);
			transform: rotate(359deg);
		}
	}

/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	body {
		-ms-overflow-style: scrollbar;
	}


	body {
		background: #fff;
	}

		body.loading *, body.loading *:before, body.loading *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

/* Type */

	body, input, select, textarea {
		background: #000;
  		font-family: 'Rajdhani', sans-serif;  font-style: normal;
		font-size: 11pt;
		font-weight: normal;
		line-height: 1.5;
		margin: 0;
		padding: 0;
	}



article a {
    text-decoration: none;
    -moz-transition: color 0.25s ease-in-out;
    -webkit-transition: color 0.25s ease-in-out;
    -ms-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
}

	a {
		-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		color: #fff;
		text-decoration: none;
	}




	a {
  color: #f6c121;
  line-height: inherit;
  text-decoration: none; }
  a:hover, a:focus {
    color: #0078a0; }
  a img {
    border: none; }


	strong, b {
		color: #ffffff;
		font-weight: 300;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 2em 0;
	}



	/* Default header styles */
	h1, h2, h3, h4, h5, h6 {
	  color: #f6c121;
	  font-family: 'Rajdhani', sans-serif;
	  font-style: normal;
	  font-weight: normal;
	  line-height: 1.4;
	  margin-bottom: 0.5rem;
	  margin-top: 0.2rem;
	  text-rendering: optimizeLegibility; }
	  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	    color: #f6c121;
	    font-size: 60%;
	    line-height: 0; }

	h1 {
    font-size: 2.75rem; }

  h2 {
    font-size: 2.3125rem; }

  h3 {
    font-size: 1.6875rem; }

  h4 {
    font-size: 1.4375rem; }

  h5 {
    font-size: 1.125rem; }

  h6 {
    font-size: 1rem; } }

	div div h2{
	  font-size: 30px;
	}



img {
  max-width: 100%;
  height: auto; }

img {
  display: inline-block;
  vertical-align: middle; }








/* Button */

	button, .button {
		-webkit-appearance: none;
		-moz-appearance: none;
		border-radius: 0;
		border-style: solid;
		border-width: 0;
		cursor: pointer;
  		font-family: 'Rajdhani', sans-serif;  font-weight: 600;
  		line-height: normal;
		margin: 10px 0px 50px 0px;
		position: relative;
		text-align: center;
		text-decoration: none;
		display: inline-block;
  		padding: 10px 41px 10px 40px;
		background-color: none;
		border: none;
		color: #fff;
		font-weight: 600;
		transition: background-color 300ms ease-out;
	}


	div ul li .button:hover, div ul li .button:focus{
	  color: #fff;
	}


	.current{
	  color: #f6c121;
	}


	.logo{
		position: fixed;
		top: 0px;
		margin-top: -12px;
		float: right;
		width: 200px;
		right: 0;
	}

  	.tagline p{
	    font-family: 'Rajdhani', sans-serif;  font-weight: 400;
	    font-size: 12px;
	    right: 0;
	    text-align: right;
	    margin: 16px 15px 0px 0px;
	    line-height: 14px;
	    position: fixed;
  	}

  	




  	.instaicon{
    	position: absolute;
  	}

  	.fbicon{
    	position: absolute;
    	margin-left: 40px;
  	}

  	.yticon{
    	position: absolute;
    	margin-left: 80px;
  	}





.row2{
  max-width: 960px;
  margin: -10px auto 0px auto;
  color: #FFFFFF;
  z-index: 1000;
  clear: left;
}

.row3{
  max-width: 960px;
  margin: -99px auto 40px auto;
  padding-left: 650px;
  z-index: 2000;
  clear: left;
}



button:hover, button:focus, .button:hover, .button:focus {
    background-color: #f6c121; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: #FFFFFF; }








.button-group {
  list-style: none;
  margin: 10px 0px 0px 0px;
  left: 0;
  z-index: 1000; }
.button-group > li {
    display: inline-block;
    margin: 0 -2px; }





#bigpic1, #bigpic2, #bigpic3{
  clear: both;
  height: 100px;
  margin-top: 0px;
  margin-bottom: 40px;
  width: 100%;
  overflow: hidden;
}




div a h1 {
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 500;
  margin: 0px;
  position: relative;
  text-decoration: none;
  padding: 0px;
  border: none;
  color: #f6c121;
  transition: background-color 500ms ease-out; }

  div a h1:hover, div a h1:focus {
    background-color: #f6c121;
    text-align: right;
    color: #FFFFFF;
    transition: color 500ms ease-out;
    transition: background-color 500ms ease-out;
    font-weight: 400; }

















/* Poptrox Popup 

	
	*/

		.poptrox-popup:before {
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			background-image: -moz-linear-gradient(to left, rgba(31,34,36,0.35), rgba(31,34,36,0) 10em, rgba(31,34,36,0)), -moz-linear-gradient(to right, rgba(31,34,36,0.35), rgba(31,34,36,0) 10em, rgba(31,34,36,0));
			background-image: -webkit-linear-gradient(to left, rgba(31,34,36,0.35), rgba(31,34,36,0) 10em, rgba(31,34,36,0)), -webkit-linear-gradient(to right, rgba(31,34,36,0.35), rgba(31,34,36,0) 10em, rgba(31,34,36,0));
			background-image: -ms-linear-gradient(to left, rgba(31,34,36,0.35), rgba(31,34,36,0) 10em, rgba(31,34,36,0)), -ms-linear-gradient(to right, rgba(31,34,36,0.35), rgba(31,34,36,0) 10em, rgba(31,34,36,0));
			background-image: linear-gradient(to left, rgba(31,34,36,0.35), rgba(31,34,36,0) 10em, rgba(31,34,36,0)), linear-gradient(to right, rgba(31,34,36,0.35), rgba(31,34,36,0) 10em, rgba(31,34,36,0));
			content: '';
			display: block;
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 1;
			opacity: 1;
		}

		.poptrox-popup .closer {
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			background-image: url("images/close.svg");
			background-position: center;
			background-repeat: no-repeat;
			background-size: 3em;
			height: 5em;
			opacity: 0;
			position: absolute;
			right: 0;
			top: 0;
			width: 5em;
			z-index: 2;
		}

		.poptrox-popup .nav-previous,
		.poptrox-popup .nav-next {
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			background-image: url("images/arrow.svg");
			background-position: center;
			background-repeat: no-repeat;
			background-size: 5em;
			cursor: pointer;
			height: 8em;
			margin-top: -4em;
			opacity: 0;
			position: absolute;
			top: 50%;
			width: 6em;
			z-index: 2;
		}

		.poptrox-popup .nav-previous {
			-moz-transform: scaleX(-1);
			-webkit-transform: scaleX(-1);
			-ms-transform: scaleX(-1);
			transform: scaleX(-1);
			left: 0;
		}

		.poptrox-popup .nav-next {
			right: 0;
		}

		

			

		.poptrox-popup .loader {
			-moz-animation: spinner 1s infinite linear !important;
			-webkit-animation: spinner 1s infinite linear !important;
			-ms-animation: spinner 1s infinite linear !important;
			animation: spinner 1s infinite linear !important;
			background-image: url("images/spinner.svg");
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			display: block;
			font-size: 2em;
			height: 2em;
			left: 50%;
			line-height: 2em;
			margin: -1em 0 0 -1em;
			opacity: 0.25;
			position: absolute;
			text-align: center;
			top: 50%;
			width: 2em;
		}

		.poptrox-popup:hover .closer,
		.poptrox-popup:hover .nav-previous,
		.poptrox-popup:hover .nav-next {
			opacity: 0.5;
		}

			.poptrox-popup:hover .closer:hover,
			.poptrox-popup:hover .nav-previous:hover,
			.poptrox-popup:hover .nav-next:hover {
				opacity: 1.0;
			}

		.poptrox-popup.loading:before {
			opacity: 0;
		}

		body.touch .poptrox-popup .closer,
		body.touch .poptrox-popup .nav-previous,
		body.touch .poptrox-popup .nav-next {
			opacity: 1.0 !important;
		}









ul,
ol,
dl {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.6;
  list-style-position: outside;
  margin-bottom: 1.25rem; }


div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }











/* Wrapper */

	#wrapper {
		-moz-transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, -moz-filter 0.5s ease;
		-webkit-transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, -webkit-filter 0.5s ease;
		-ms-transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, -ms-filter 0.5s ease;
		transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, filter 0.5s ease;
		position: relative;
	}


		body.modal-active #wrapper {
			-moz-filter: blur(10px);
			-webkit-filter: blur(10px);
			-ms-filter: blur(10px);
			filter: blur(10px);
		}


		#wrapper:before {
			-moz-animation: spinner 1s infinite linear !important;
			-webkit-animation: spinner 1s infinite linear !important;
			-ms-animation: spinner 1s infinite linear !important;
			animation: spinner 1s infinite linear !important;
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			-moz-transition: top 0.75s ease-in-out, opacity 0.35s ease-out, visibility 0.35s;
			-webkit-transition: top 0.75s ease-in-out, opacity 0.35s ease-out, visibility 0.35s;
			-ms-transition: top 0.75s ease-in-out, opacity 0.35s ease-out, visibility 0.35s;
			transition: top 0.75s ease-in-out, opacity 0.35s ease-out, visibility 0.35s;
			background-image: url("images/spinner.svg");
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			content: '';
			display: block;
			font-size: 2em;
			height: 2em;
			left: 50%;
			line-height: 2em;
			margin: -1em 0 0 -1em;
			opacity: 0;
			position: fixed;
			text-align: center;
			top: 75%;
			visibility: hidden;
			width: 2em;
		}

		








/* Main */

	#main {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
  		max-width: 960px;
		margin: 0px auto;
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	}

	#main .thumb {
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		opacity: 1;
		overflow: hidden;
		position: relative;
		min-height: 400px;
		width: 12.5%;
	}

		

			#main .thumb > .image {
				-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				border: 0;
				height: 100%;
				left: 2px;
				position: absolute;
				top: 2px;
				width: 100%;
			}







.textcol{
  width: 450px;
  float: left;
  margin: 20px 20px 20px 0px;
}

.textcol2{
  width: 205px;
  float: left;
  text-align: right;
  margin: 20px 20px 20px 0px;
}

.textcol3{
  width: 205px;
  float: right;
  margin: 20px 20px 20px 0px;
}		

.textcol p{
  font-size: 14px;
  color: #FFFFFF;
}








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

  .textcol{
    width: 100%;  
  }

  .textcol img{
    margin: 20px 30px 0px 30px;
  }

  .textcol p{
    font-size: 14px;
    margin: 20px 30px 0px 30px;
  }


  .button-group{
    text-align: center;
  }

  .button li{
    display:inline;
  }

  .button a{
    display:inline-block;
  }

  .button{
    padding: 14px 15px 10px 15px;
  }

  .tagline p{
    opacity: 0;
    position: absolute;
  }

  

  body{
    max-width: 640px;
  }

  div div .textcol{
    width: 100%;
  }


  .row2 p{
    margin: 0px 30px;
  }


  div div h3{
    margin-left: 30px;
  }


}


