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

@import url('https://fonts.googleapis.com/css?family=Prompt');

body{
	font-family: 'Prompt', sans-serif;

	}
	

#container-bg{
	background-image:url(../images/bg.jpg);
	background-size:cover;
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	min-height:1080px;
	}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
	}

.box_orange{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf4b+0,ff920a+100;Orange+3D+%231 */
background: rgb(255,175,75); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgb(255,175,75) 0%, rgb(255,146,10) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgb(255,175,75) 0%,rgb(255,146,10) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgb(255,175,75) 0%,rgb(255,146,10) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;

margin:10px 5px 10px 5px;
padding:20px 20px 20px 20px;
	}
	
.box_red{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
background: rgb(255,48,25); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgb(255,48,25) 0%, rgb(207,4,4) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgb(255,48,25) 0%,rgb(207,4,4) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgb(255,48,25) 0%,rgb(207,4,4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;

margin:10px 5px 10px 5px;
padding:20px 20px 20px 20px;
	}
	
.box_blank{ 
border-radius:18px; 
border-color:#1b2005;
background: #1b2005;
border-width:2px 2px 2px 2px;
border-style:solid;

margin:10px 5px 10px 5px;
padding:20px 20px 20px 20px;
	}
	

.box_footer{ 
border-radius:18px; 
border-color:#252c0a;
background: #252c0a;
border-width:2px 2px 2px 2px;
border-style:solid;

margin:10px 5px 10px 5px;
padding:20px 20px 20px 20px;
	}


.video {
	position: relative;
	padding-bottom: 56.25%;
	}

.video iframe{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	}

/*** ribbon ****/
.black-ribbon {
	position: fixed;
	z-index: 9999;
	width: 70px;
}

@media only all and (min-width: 768px) {
	.black-ribbon {
		width: auto;
	}
}

.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }
/*** ribbon ****/

.text_while{
	color: #ccc;
}

.text_title{
	font-size: 14px;
	color: #ccc;
}