﻿html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
a { background: transparent; }
a:active, a:hover { outline: 0; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
img { border: 0; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }@font-face { font-family: 'icomoon'; src:url('../../font/icomoon.eot'); src:url('../../font/icomoon.eot?#iefix') format('embedded-opentype'), url('../../font/icomoon.woff') format('woff'), url('../../font/icomoon.ttf') format('truetype'), url('../../font/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'opensans'; src:url('../../font/opensans.eot'); src:url('../../font/opensans.eot?#iefix') format('embedded-opentype'), url('../../font/opensans.woff') format('woff'), url('../../font/opensans.ttf') format('truetype'), url('../../font/opensans.svg#opensans') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'sourcesanspro_el'; src:url('../../font/sourcesanspro_el.eot'); src:url('../../font/sourcesanspro_el.eot?#iefix') format('embedded-opentype'), url('../../font/sourcesanspro_el.woff') format('woff'), url('../../font/sourcesanspro_el.ttf') format('truetype'), url('../../font/sourcesanspro_el.svg#sourcesanspro_el') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'oswald'; src: url('../../font/oswald.eot'); src: url('../../font/oswald.eot?#iefix') format('embedded-opentype'), url('../../font/oswald.woff2') format('woff2'), url('../../font/oswald.woff') format('woff'), url('../../font/oswald.ttf') format('truetype'), url('../../font/oswald.svg#oswald') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'oswald'; src: url('../../font/oswald_i.eot'); src: url('../../font/oswald_i.eot?#iefix') format('embedded-opentype'), url('../../font/oswald_i.woff2') format('woff2'), url('../../font/oswald_i.woff') format('woff'), url('../../font/oswald_i.ttf') format('truetype'), url('../../font/oswald_i.svg#oswald') format('svg'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'oswald'; src: url('../../font/oswald_b.eot'); src: url('../../font/oswald_b.eot?#iefix') format('embedded-opentype'), url('../../font/oswald_b.woff2') format('woff2'), url('../../font/oswald_b.woff') format('woff'), url('../../font/oswald_b.ttf') format('truetype'), url('../../font/oswald_b.svg#oswald') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'oswald'; src: url('../../font/oswald_bi.eot'); src: url('../../font/oswald_bi.eot?#iefix') format('embedded-opentype'), url('../../font/oswald_bi.woff2') format('woff2'), url('../../font/oswald_bi.woff') format('woff'), url('../../font/oswald_bi.ttf') format('truetype'), url('../../font/oswald_bi.svg#oswald') format('svg'); font-weight: bold; font-style: italic; }
.icon-google-plus:before { content: "\ea88"; }
.icon-google-plus2:before { content: "\ea89"; }
.icon-facebook:before { content: "\ea8c"; }
.icon-facebook2:before { content: "\ea8d"; }
.icon-twitter:before { content: "\ea91"; }
.icon-twitter2:before { content: "\ea92"; }
.icon-calendar2:before { content: "\e626"; }
.icon-camera:before { content: "\e600"; }
.icon-camera2:before { content: "\e601"; }
.icon-drink:before { content: "\e605"; }
.icon-coffee:before { content: "\e606"; }
.icon-health:before { content: "\e607"; }
.icon-pictures:before { content: "\e602"; }
.icon-alarmclock:before { content: "\e62a"; }
.icon-chart:before { content: "\e609"; }
.icon-location:before { content: "\e60b"; }
.icon-phone:before { content: "\e62d"; }
.icon-open:before { content: "\e608"; }
.icon-graduate:before { content: "\e60a"; }
.icon-smiley:before { content: "\e631"; }
.icon-medal:before { content: "\e60e"; }
.icon-medal2:before { content: "\e633"; }
.icon-diamond:before { content: "\e603"; }
.icon-moneybag:before { content: "\e612"; }
.icon-comments:before { content: "\e644"; }
.icon-hourglass:before { content: "\e64a"; }
.icon-abacus:before { content: "\e64b"; }
.icon-dollar:before { content: "\e64e"; }
.icon-pig:before { content: "\e61d"; }
.icon-envelope:before { content: "\e61e"; }
.icon-heart:before { content: "\e604"; }
.icon-info:before { content: "\e655"; }
.icon-paperplane:before { content: "\e656"; }
.icon-globe:before { content: "\e65f"; }
.icon-heart2:before { content: "\e60c"; }
	::-webkit-scrollbar { width: 10px; }
	::-webkit-scrollbar-track { background-color: #eaeaea; border-left: 1px solid #ccc; }
	::-webkit-scrollbar-thumb { background-color: #aaa; }
	::-webkit-scrollbar-thumb:hover { background-color: #fff; }
	::-webkit-scrollbar-track-piece { background-color: #666;}
/* ================================= GENERAL ===================================== */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; }
html { height: 100%; font: 400 normal normal 100%/1.5 sourcesanspro_el, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@media (min-width: 480px) { html { font-size: 120%; } }
@media (min-width: 800px) { html { font-size: 140%; } }
@media (min-width: 1200px) { html { font-size: 160%; } }
body { height:100%; margin: 0; padding: 0; font: 400 normal normal 100%/1.5 sourcesanspro_el, sans-serif; cursor: default; }


#workspace { position: relative; float: left; margin: 0; padding: 0; color: #555; width: 100%; min-height: 100%; transition: opacity 1s linear; }

header{overflow: hidden;}
.row_full { position: relative; float: left; width: 100%; margin: 0; padding: 0; }

.white_back { background: #fff; }


.h2_light { font: 400 normal normal 150%/1.5 sourcesanspro_el, sans-serif; margin: 0; padding: 0 0 20px; color: #333; text-align: center; text-shadow: 1px 1px 1px #aaa; }
.p_light { font: 400 normal normal 110%/1.5 sourcesanspro_el, sans-serif; margin: 0; padding: 0; color: #666; text-align: justify; text-indent: 40px; text-shadow: 1px 1px 1px #ddd; }
.h2_dark { font: 400 normal normal 150%/1.5 sourcesanspro_el, sans-serif; margin: 0; padding: 0 0 20px; color: #ddd; text-align: center; text-shadow: 1px 1px 1px #222; }
.p_dark { font: 400 normal normal 110%/1.5 sourcesanspro_el, sans-serif; margin: 0; padding: 0; color: #bbb; text-align: justify; text-indent: 40px; text-shadow: 1px 1px 1px #222; }

a { text-decoration: none; }

/* ============================================================================== */


/* --------------- DUNGI --------------- */
.bg { position: fixed; z-index: -100; display: block; margin-left: auto; margin-right: auto; }
.bgH { height: 100%; width: auto;}
.bgW { width: 100%; height: auto;}


.mask{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; z-index: 1; 
background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQIW2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXxvZSoAAAAAElFTkSuQmCC') repeat fixed; }


/* ============================================================================== */
/* ================================= FIRST ROW ===================================== */
.container { position: relative; max-width: 1200px; width: 96%; margin: 0 auto; padding: 0; z-index: 2; }
.cont_inn { display: table; position: relative; float: left; width: 100%; margin: 0; padding: 10% 0; }
.box1din2{ position: relative; float: left; display: block; width: 100%; margin: 0; padding: 3%; }
.box2din2{ position: relative; float: left; display: block; width: 100%; margin: 0; padding: 3%; }
@media (min-width: 800px) { .box1din2 { width: 70%; float: none; vertical-align: middle; display: table-cell; } .box2din2 { width: 30%; float: none; vertical-align: middle; display: table-cell; } }
.image { position: relative; width: 100%; border-radius: 4px; margin: 0 0 0 0; }
.image img { display: block; width: 100%; border-radius: 4px; }
/* ============================================================================== */
/* ================================= SECOND ROW ===================================== */
.box1Adin2{ position: relative; float: left; display: block; width: 100%; margin: 0; padding: 3%; }
.box2Adin2{ position: relative; float: left; display: block; width: 100%; margin: 0; padding: 3%; }
@media (min-width: 800px) { .box1Adin2 { width: 40%; float: none; vertical-align: middle; display: table-cell; } .box2Adin2 { width: 60%; float: none; vertical-align: middle; display: table-cell; } }
.div_ico { position: relative; float: left; width: 33.3333333333%; margin: 5% 0; text-align: center; }
.ico { position:relative; display: inline-block; margin: 0; padding: 10px; border-radius: 4px; border: solid 1px rgba(144, 144, 144, 0.5); text-align: center;  box-shadow: 1px 1px 1px #000; color: rgba(255, 255, 255, 0.3); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); font: 400 normal normal 150%/1 icomoon; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.ico:before { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); display: inline-block; }
@media (min-width: 480px) { .div_ico { margin: 5% 0; width: 33.3333333333%; } .ico { font-size: 200%; padding: 15px; } }
@media (min-width: 800px) { .div_ico { margin: 20% 0; width: 50%; } .ico { font-size: 200%; padding: 15px; } }
@media (min-width: 1200px) { .div_ico { margin: 15% 0; width: 50%; } .ico { font-size: 300%; padding: 20px; } }


.ico_big { color: rgba(255, 255, 255, 0.3); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); font: 400 normal normal 500%/1 icomoon;  }
@media (min-width: 480px) { .ico_big { font-size: 650%; } }
@media (min-width: 800px) { .ico_big { font-size: 800%; } }
@media (min-width: 1200px) { .ico_big { font-size: 1000%; } }



	

/* ============================================================================== */
/* ================================= FOUR ROW ===================================== */
.centr { text-align: center;}
.centr_vert { vertical-align: middle; }
.actions_dark { position: relative; padding: 0; margin: 0; }
.b_eq { width: 140px; background-color: transparent; border: 0; outline-color: rgba(255, 255, 255,0); outline-style: none; outline-width: 0px; letter-spacing: 1px; text-transform: uppercase; text-align: center; border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); display: inline-block; padding: 12px 20px 10px; cursor: pointer; text-decoration: none; }
.button_dark { font: 400 normal normal 14px/1 sourcesanspro_el, sans-serif; color: rgba(255, 255, 255, 0.2); }
.button_special { font: 700 normal normal 14px/1 sourcesanspro_el, sans-serif; color: rgba(0, 0, 0, 0.9); background-color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2) !important; }
.button_special:hover, .button_dark:hover, .button:hover { background-color: rgba(255, 255, 255, 0.2); color: #ffffff; }		
@media (min-width: 480px) { .button_dark, .button_special { font-size: 16px; padding: 14px 20px 12px; } .b_eq { width: 160px; } }
@media (min-width: 800px) { .button_dark, .button_special { font-size: 18px; padding: 14px 20px 12px; } .b_eq { width: 180px; } }
@media (min-width: 1200px) { .button_dark, .button_special { font-size: 20px; padding: 14px 20px 12px; } .b_eq { width: 200px; } }
/* ============================================================================== */



.icons{ position: relative; float: left; width: 100%; text-align: center; color: #bbb; text-shadow: 1px 1px 1px #222; margin: 50px 0 0 0; }
.copyright{ position: relative; float: left; width: 45%; text-align: left; color: #bbb; text-shadow: 1px 1px 1px #222; margin: 0 0 30px 0; }
.design{ position: relative; float: right; width: 45%; text-align: right; color: #bbb; text-shadow: 1px 1px 1px #222; margin: 0 0 30px 0; }
.lnk { border-bottom: dotted 1px #aaa; color: #bbb; text-decoration: none; text-shadow: 1px 1px 1px #222; }
.lnk:hover { border-bottom: dotted 1px #fff; color: #fff; }

.p_drk { font: 400 normal normal 110%/1.5 sourcesanspro_el, sans-serif; margin: 0; padding: 0; color: #bbb; text-align: right; text-indent: 0px; text-shadow: 1px 1px 1px #222; }
[class^="icon-"], [class*=" icon-"] { speak: none; text-transform: none; font: 400 normal normal 200%/1 icomoon; color: #bbb; text-shadow: 1px 1px 1px #222; margin: 20px; cursor: pointer; }
[class^="icon-"]:hover, [class*=" icon-"]:hover { color: #666; }









/* UTILS
   ========================================================================== */


/* Clearfix by Nicolas Gallagher
   ========================================================================== */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }





	
	
	


[class*=lvl]{ position: absolute; left: 10%; width: 80%; height: 50px; margin: 0; padding: 0; z-index: 10; -webkit-perspective: 800px; perspective: 800px; }
.lvl0{ top: 3%; width: 87%; } .lvl1{ top: 25%; } .lvl2{ top: 35%; }

[class*=promo] { 
	position: absolute; width: 100%; opacity: 0; white-space: nowrap; overflow: hidden; font: 700 normal normal 180%/1 "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	text-transform: uppercase; color: transparent; text-shadow: 0 0 0 rgba(255,255,255,0.3),0 1px 1px rgba(0,0,0,0.05); letter-spacing: 0px;	
}
@media (min-width: 480px) { [class*=promo] { font-size: 250%; } }



.promo0{ text-align: right; opacity: 1; font: 900 normal normal 120%/1 sourcesanspro_el, sans-serif; }

.topLink{
	color: rgba(255, 255, 255, 0.5); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	display: inline-block; outline: none; white-space: nowrap; text-indent: 0; border-bottom: 1px solid rgba(255,255,255,0.2);
	-webkit-transition: background-color 0.4s, border-color 0.4s; -moz-transition: background-color 0.4s, border-color 0.4s; -o-transition: background-color 0.4s, border-color 0.4s; transition: background-color 0.4s, border-color 0.4s; }
.topLink:hover, .topLink:focus { border-color: rgba(255,255,255,0); background-color: rgba(255,255,255,0.1); }



.promo1 { text-align: left; -webkit-animation: rotateFirst 18s linear infinite 0s; -ms-animation: rotateFirst 18s linear infinite 0s; animation: rotateFirst 18s linear infinite 0s; }
.promo2 { text-align: left; -webkit-animation: rotateSecond 18s ease-in infinite 0s; -ms-animation: rotateSecond 18s ease-in infinite 0s; animation: rotateSecond 18s ease-in infinite 0s; }

.promo1:nth-child(2) { -webkit-animation-delay: 9s; -ms-animation-delay: 9s; animation-delay: 9s; }
.promo2:nth-child(2) { -webkit-animation-delay: 3s; -ms-animation-delay: 3s; animation-delay: 3s; }
.promo2:nth-child(3) { -webkit-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; }
.promo2:nth-child(4) { -webkit-animation-delay: 9s; -ms-animation-delay: 9s; animation-delay: 9s; }
.promo2:nth-child(5) { -webkit-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s; }
.promo2:nth-child(6) { -webkit-animation-delay: 15s; -ms-animation-delay: 15s; animation-delay: 15s; }

@-webkit-keyframes rotateFirst { 0% { opacity: 0; -webkit-animation-timing-function: ease-in; width: 0px; } 5% { opacity: 1; -webkit-animation-timing-function: ease-out; width: 100%; background-position: -500px 0; } 15% { opacity: 1; background-position: 2000px 0; } 47% { opacity: 1; } 49% { opacity: 0; } 100% { opacity: 0; } }
@-ms-keyframes rotateFirst { 0% { opacity: 0; -ms-animation-timing-function: ease-in; width: 0px; } 5% { opacity: 1; -ms-animation-timing-function: ease-out; width: 100%; background-position: -500px 0; } 15% { opacity: 1; background-position: 2000px 0; } 47% { opacity: 1; } 49% { opacity: 0; } 100% { opacity: 0; } }
@keyframes rotateFirst { 0% { opacity: 0; animation-timing-function: ease-in; width: 0px; } 5% { opacity: 1; animation-timing-function: ease-out; width: 100%; background-position: -500px 0; } 15% { opacity: 1; background-position: 2000px 0; } 47% { opacity: 1; } 49% { opacity: 0; } 100% { opacity: 0; } }
@-webkit-keyframes rotateSecond { 0% { opacity: 0; -webkit-transform: translateZ(600px) translateX(200px);} 8% { opacity: 1; -webkit-transform: translateZ(0px) translateX(0px);} 17% { opacity: 1; } 22% { opacity: 0; } 100% { opacity: 0; } }
@-ms-keyframes rotateSecond { 0% { opacity: 0; -ms-transform: translateZ(600px) translateX(200px);} 8% { opacity: 1; -ms-transform: translateZ(0px) translateX(0px);} 17% { opacity: 1; } 22% { opacity: 0; } 100% { opacity: 0; } }
@keyframes rotateSecond { 0% { opacity: 0; transform: translateZ(600px) translateX(200px);} 8% { opacity: 1; transform: translateZ(0px) translateX(0px);} 17% { opacity: 1; } 22% { opacity: 0; } 100% { opacity: 0; } }





#nav { position: absolute; width: 100%; bottom: 5%; margin: 0; padding: 0; -webkit-mask-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #ffffff 35%, #ffffff 65%, rgba(255, 255, 255, 0) 100%); mask-image: linear-gradient(0deg, rgba(255, 255, 255, 0)0%, #ffffff 25%, #ffffff 75%, rgba(255, 255, 255, 0) 100%); z-index: 10; }
#nav .ul_nav { margin: 0; padding: 0; background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 35%, rgba(255, 255, 255, 0.2) 65%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 100%); text-align: center; width: 100%; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6); }
#nav .li_nav { display: inline-block; }
#nav .a_nav { padding: 20px 5px; font: 400 normal normal 110%/1 sourcesanspro_el, sans-serif; color: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); text-decoration: none; display: block; }
#nav .a_nav:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.2); color: rgba(0, 0, 0, 0.9); }


#nav2 { position: relative; width: 100%; margin: 5% 0; padding: 0; -webkit-mask-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000 35%, #000 65%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0)0%, #000 25%, #000 75%, rgba(0, 0, 0, 0) 100%); z-index: 10; }
#nav2 .ul_nav { margin: 0; padding: 0; background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 35%, rgba(0, 0, 0, 0.2) 65%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0) 100%); text-align: center; width: 100%; box-shadow: 0 0 25px rgba(255, 255, 255, 0.1), inset 0 0 1px rgba(0, 0, 0, 0.6); }
#nav2 .li_nav { display: inline-block; }
#nav2 .a_nav { padding: 20px 5px; font: 400 normal normal 110%/1 sourcesanspro_el, sans-serif; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); text-decoration: none; display: block; }
#nav2 .a_nav:hover { box-shadow: 0 0 10px rgba(255, 255, 255, 0.1), inset 0 0 1px rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.2); color: rgba(255, 255, 255, 0.9); }
			
@media (min-width: 480px) { #nav { width: 90%; margin: 0 5%; } #nav2 { width: 90%; margin: 5%; } #nav .a_nav {  padding: 20px 10px; } #nav2 .a_nav {  padding: 20px 10px; } }
@media (min-width: 800px) { #nav { width: 90%; margin: 0 5%; } #nav2 { width: 90%; margin: 5%; } #nav .a_nav {  padding: 30px 20px; } #nav2 .a_nav {  padding: 30px 20px; } }








	
.row_full{ position: relative; float: left; width: 100%; }			
.row_half{ position: relative; float: left; width: 100%; margin: 20px 0; }

@media (min-width: 480px) { .row_half{ width: 50%; } }

.field{ display: block; position: relative; width: 100%; margin: 0 0 10px 0; text-align: center; vertical-align: top; }
.input_wrap{ display: block; position: relative; text-align: center; width: 100%; }
.input_ctrl{ display: inline-block; height: 60px; width: 90%; margin:0; padding: 20px 30px; background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(255, 255, 255, 0.2); color: #bbb; text-shadow: 1px 1px 1px #222; font: 400 normal normal 110%/1.2 sourcesanspro_el, sans-serif; outline-color: rgba(255, 255, 255,0); outline-style: none; outline-width: 0px; }
.textarea_ctrl{ display: inline-block; height: 200px; width: 90%; margin:0; padding: 20px 30px; background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(255, 255, 255, 0.2); color: #bbb; text-shadow: 1px 1px 1px #222; font: 400 normal normal 110%/1.2 sourcesanspro_el, sans-serif; outline-color: rgba(255, 255, 255,0); outline-style: none; outline-width: 0px; }














.loader {
	font-size: 10px; /* CHANGE THIS TO CHANGE THE SIZE OF THE SPINNER */
	margin: 50px auto;
	text-indent: -10000px;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background: transparent;
	-webkit-animation: load3 1.4s infinite linear;
	animation: load3 1.4s infinite linear;
	overflow: hidden !important;

}

.loader-inner {
	background: transparent;
	font-size: 10px; /* CHANGE THIS TO CHANGE THE SIZE OF THE SPINNER */
	text-indent: -10000px;
	width: 80%;
	height: 80%;
	border-radius: 50%;
	position: relative;
	margin: 0 auto;
	box-shadow: 40px 40px 40px rgba(255,255,255,0.3); /* CHANGE THIS COLOR, may be HSL or RGBA */
	opacity: 0.5;
}

@-webkit-keyframes load3 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load3 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}




.inLink {
	color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); display: inline-block; outline: none; white-space: nowrap; text-indent: 0; border-bottom: 1px solid rgba(255,255,255,0.3);
	-webkit-transition: background-color 0.4s, border-color 0.4s; -moz-transition: background-color 0.4s, border-color 0.4s; -o-transition: background-color 0.4s, border-color 0.4s; transition: background-color 0.4s, border-color 0.4s; }
.inLink:hover, a.inLink:focus { border-color: rgba(255,255,255,0); background-color: rgba(255,255,255,0.1); }




.aBcrumbs { color: #000; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); display: inline-block; outline: none; white-space: nowrap; text-indent: 0; border-bottom: 1px solid rgba(255,255,255,0.3);
	-webkit-transition: background-color 0.4s, border-color 0.4s; -moz-transition: background-color 0.4s, border-color 0.4s; -o-transition: background-color 0.4s, border-color 0.4s; transition: background-color 0.4s, border-color 0.4s; }
.aBcrumbs:hover, a.aBcrumbs:focus { border-color: rgba(0,0,0,0); background-color: rgba(0,0,0,0.1); }	.pic1, .pic2, .pic3 { background: url('../../img/q6.jpg') no-repeat center center fixed; }
	.pic4 { background: url('../../img/q4.jpg') no-repeat center center fixed; }
	.big_medal2:before { content: "\e633"; }
	.big_camera2:before { content: "\e601"; }
	.big_pictures:before { content: "\e602"; }
	.big_camera:before { content: "\e600"; }
	.big_open:before { content: "\e608"; }

	[class*=pic] { background-color: transparent; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }




