html, body, a, p, h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; cursor: url('images/cursor_cross_32x32.png'), auto; }

a, a:hover { color: #00ffff; text-decoration: none; }
#section1 {
    /* background-image: url(http://volcani.cc/wp-content/uploads/2015/11/volcano_background_03.jpg); */
    background-image: url('../img/bg-header.jpg');
	max-width: 100%;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
	min-height: 100%;
}
#section6 {
    /* background-image: url(http://volcani.cc/wp-content/uploads/2015/11/volcano_background_03.jpg); */
    background-image: url('../img/bg-contact.jpg');
	max-width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 70px;
}
#section6 h2 { text-align: center; }
#section2 .row a > img { margin-top: 5px; margin-bottom: 5px; }
.social-header-row{
	/* background-color: rgba(0,0,0,0.4); */
	position: fixed;
    text-align: right;
    top: 0;
    width: 100%;
    z-index: 10;
}
.social-header{
	margin-bottom: 0;
	margin-right: 15px;
}
.social-header li{
	display: inline-block;
	margin: 0 2px;
}
.social-header li a {
	color: #fff;
    font-size: 32px;
    transition: all 0.4s ease 0s;
}
.social-header li a:hover { font-size: 40px; }
.social-header li a.small { font-size: 20px; }
.social-header li a.small:hover { font-size: 26px; }
.social-header li a:active,
.social-header li a:focus { text-decoration: none; }
h1, h2 {
	font-size: 3em;
	font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
}
#section1 h1 {
    width: 100%;
    position: absolute;
    bottom: 40px;
}
.cd-section {
	background-color: #000 !important;
	min-height: auto;
}
#section2, #section3, #section4, #section5 {
    background-attachment: fixed;
    background-image: url("../img/bg-middle.png");
}
.cd-section p {
    font-size: 1.25em;
    line-height: 1.5em;
    text-align: justify;
}
.container { max-width: 920px; }
p {
	color: #fff !important;
	margin: 0 auto;
	margin-top: 40px;
}
p.footer-text { margin-top: 10px; }
.button{
/*	position: absolute;*/
/*	left: 0;
	right: 0;*/
	border-radius: 10px;
	font-size: 30px;
	margin: auto;
	margin-top: 40px;
}
.button:hover{
	background-color: #bada55;
	color: #fff;
}
.game-video{
	margin: 0 auto;
}
.gallery > a {
    margin: 10px 0;
    opacity: 0.7;
    transition: all 0.3s ease 0s;
}
.gallery > a:hover { opacity: 1; }
.team h4,
.team h6{
	text-align: left;
	color: #fff;
	font-weight: 700;
}
.team h4{
	margin-top: 25px;
}
.description {
	margin-top: 0 !important;
	font-size: 16px !important;
	font-weight: 300;
}
.main-member{
	margin-top: 40px;
}
.contact-form{
	width: 65%;
	margin: 0 auto;
}
.contact-form > input,
.contact-form > textarea{
	font-size: 18px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	border: 1px solid #666;
	padding: 5px;
	overflow: hidden;
	margin-bottom: 30px;
	color: #fff;
}
.contact-header{
	margin: -50px 0px 40px 0px;
}
footer{
	background-color: #000;
    overflow: hidden;
    padding: 40px 0 20px;
}
footer .left { text-align: right; }
footer .right { color: #00ffff; }
p.footer-text { color: #333 !important; font-size: 15px; padding: 30px 20px 0; }
footer .col-sm-6.left { line-height: 26px; }
footer a {
    display: block;
    margin-top: -5px;
    padding-top: 10px;
}
footer a:hover { color: #ccc; }

.back-to-top, .back-to-top:focus {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
    color: #00ffff;
    background: #333;
    border: 0;
}

.btn-buy { transition: all 0.6s ease 0s; }
.btn-buy:hover {
    /* -webkit-filter: grayscale(100%);
    filter: grayscale(100%); */
    -webkit-filter: contrast(300%);
    filter: contrast(300%);
}

.no-touch #cd-vertical-nav .cd-dot { background-color: #00ffff; }
.text-success { color: #00ffff; }


@media (max-width: 500px){
	.member{
		width: 100%;
	}
}

.carousel {
	position: relative;
	overflow: hidden;
}
.carousel .owl-item {
    overflow: hidden;
}
.carousel:hover .owl-buttons {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    visibility: visible;
}
.owl-controls .owl-buttons div,
.owl-controls .owl-page {
    cursor: pointer
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}
.owl-pagination {
    text-align: center;
}
.owl-pagination .owl-page {
    display: inline-block;
    margin: 0px 8px;
}
.owl-pagination .owl-page span {
    display: inline-block;
    width: 11px;
    height: 11px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background-color: #000000;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: 0.2;
}
.owl-pagination .owl-page.active span {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
}
.dark .owl-pagination .owl-page span {
    background-color: rgba(255, 255, 255, 0.4);
}
.dark .owl-pagination .owl-page.active span {
    background-color: rgba(255, 255, 255, 0.75);
}
.owl-buttons {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 100%;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: scaleX(0.9);
    -ms-transform: scaleX(0.9);
    -webkit-transform: scaleX(0.9);
    transform: scaleX(0.9);
    visibility: hidden;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.owl-buttons>* {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.owl-buttons>*:hover,
.owl-buttons>*:focus {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}
.owl-buttons>*:after,
.owl-buttons>*:before {
    position: absolute;
    top: 0;
    font-size: 26px;
    font-family: themify;
}
.owl-buttons .owl-prev:before {
    left: -20px;
    content: "\e64a";
}
.owl-buttons .owl-next:before {
    right: -20px;
    content: "\e649";
}
.inner-controls>.owl-controls>.owl-pagination {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}
.inner-controls>.owl-controls>.owl-pagination .owl-page span {
    background-color: #fff;
}
.inner-controls .owl-buttons>*:after,
.inner-controls .owl-buttons>*:before {
    color: #fff;
}
.inner-controls .owl-buttons .owl-prev:before {
    left: 20px;
}
.inner-controls .owl-buttons .owl-next:before {
    right: 20px;
}
.testimonial {
    margin-bottom: 30px;
}
.testimonial.testimonial-1 {
    margin-bottom: 40px;
}
.testimonial.testimonial-1 .quote {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 25px;
    font-weight: 100;
}
.testimonial.testimonial-1 .author {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    padding-top: 25px;
}
.testimonial.testimonial-1 .author .name {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 14px;
    display: block;
    font-weight: bold;
}
.testimonial.testimonial-1 .author.with-image {
    position: relative;
    margin-top: 30px;
    padding-left: 74px;
}
.testimonial.testimonial-1 .author.with-image img {
    position: absolute;
    top: 18px;
    left: 0;
    width: 58px;
    height: 58px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.testimonial.testimonial-2 .quote {
    position: relative;
    font-size: 20px;
    font-weight: 300;
    padding: 25px;
    line-height: 1.2;
    background-color: #f6f6f6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.testimonial.testimonial-2 .quote:after {
    position: absolute;
    top: 100%;
    right: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 38px 38px 0;
    border-color: transparent #f6f6f6 transparent transparent;
    -moz-transform: scaleX(0.4);
    -ms-transform: scaleX(0.4);
    -webkit-transform: scaleX(0.4);
    transform: scaleX(0.4);
    content: ' ';
}
.testimonial.testimonial-2 .author {
    margin-top: 20px;
    line-height: 1.2;
    text-align: left;
}
.testimonial.testimonial-2 .author .name {
    font-weight: 600;
    font-size: 14px;
}
.testimonial.testimonial-2 .author.with-image {
    position: relative;
    margin-top: 30px;
    padding-left: 74px;
}
.testimonial.testimonial-2 .author.with-image img {
    position: absolute;
    top: -12px;
    left: 0;
    width: 58px;
    height: 58px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.testimonial.testimonial-2.testimonial-primary .quote {
    color: #fff;
    background-color: #2786c9;
}
.testimonial.testimonial-2.testimonial-primary .quote:after {
    border-color: transparent #2786c9 transparent transparent;
}
.dark .testimonial-1 .author {
    border-color: rgba(255, 255, 255, 0.15);
}
.dark .testimonial-2 .quote {
    background-color: rgba(0, 0, 0, 0.5);
}
.dark .testimonial-2 .quote:after {
    position: absolute;
    top: 100%;
    right: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 38px 38px 0;
    border-color: transparent rgba(0, 0, 0, 0.5) transparent transparent;
    -moz-transform: scaleX(0.4);
    -ms-transform: scaleX(0.4);
    -webkit-transform: scaleX(0.4);
    transform: scaleX(0.4);
    content: ' ';
}
#messages { position: absolute; top: 70px; width: 100%; padding: 2px; background: rgba(0, 0, 0, 0.6); }
#messages > div { width: 80%; max-width: 500px; margin: 0 auto; padding: 5px; }
.modal-content { background: rgba(0,0,0,0.8); }
.modal-header { border-bottom: 1px solid #444; }
.modal .close { color: #fff; }
.modal h4, .modal h3 { color: #fff; }
.newsletter{
    margin: 0;
    text-align: center;
}
.newsletter > input{
    font-size: 18px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    border: 1px solid #666;
    padding: 5px;
    overflow: hidden;
    margin-bottom: 30px;
    color: #fff;
}
@media (max-width: 992px){
    .newsletter{
        margin: 10px auto;
    }
}