@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'LatoRegular';
    src: url('../fonts/lato-regular.eot');
    src: url('../fonts/lato-regular.eot') format('embedded-opentype'),
         url('../fonts/lato-regular.woff2') format('woff2'),
         url('../fonts/lato-regular.woff') format('woff'),
         url('../fonts/lato-regular.ttf') format('truetype'),
         url('../fonts/lato-regular.svg#LatoRegular') format('svg');
}
@font-face {
    font-family: 'LatoBoldBold';
    src: url('../fonts/lato-bold.eot');
    src: url('../fonts/lato-bold.eot') format('embedded-opentype'),
         url('../fonts/lato-bold.woff2') format('woff2'),
         url('../fonts/lato-bold.woff') format('woff'),
         url('../fonts/lato-bold.ttf') format('truetype'),
         url('../fonts/lato-bold.svg#LatoBoldBold') format('svg');
}
@font-face {
    font-family: 'DosisBold';
    src: url('../fonts/dosis-bold.eot');
    src: url('../fonts/dosis-bold.eot') format('embedded-opentype'),
         url('../fonts/dosis-bold.woff2') format('woff2'),
         url('../fonts/dosis-bold.woff') format('woff'),
         url('../fonts/dosis-bold.ttf') format('truetype'),
         url('../fonts/dosis-bold.svg#DosisBold') format('svg');
}
@font-face {
	font-family:'FuturaStd-Light';
	src: url('../fonts/FuturaStd-Light.otf');
}

@font-face {
	font-family:'didot-light';
	src: url('../fonts/didot-light.otf');
}

@font-face{
	font-family:'Quicksand-Regular';
	src: url('../fonts/Quicksand-Regular.otf');
}

@font-face{
	font-family:'Quicksand-Bold';
	src: url('../fonts/Quicksand-Bold.otf');
}

@font-face{
	font-family:'FuturaStd-Medium';
	src: url('../fonts/FuturaStd-Medium.otf');
}

@media (max-width:991px) {

	#content {width:50%; margin:0px auto; padding:10px; background-color:#f6f6f6; border:1px solid #e6e6e6; z-index:-10;}

	#zioverlay {top:0; bottom:0; left:0; width:100%; height:100%; background-color:#E52B50; opacity:0; position:fixed;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; visibility:hidden; z-index:-3;}

	#zioverlay p {font-size:50px; display:block; width:30%; margin:0px auto; color:#FFF; background-color:#333; padding:10px; box-shadow: 5px 5px 5px #000; margin-top:250px;}

	input {display:none;}

	/*** LEFT ***/

	#ziwrap_left {width:155px; height:100px; position:fixed; border-radius:50%; text-align:center; z-index:3000;}
	#ziwrap_left #zimenu {display:none;}
	#ziwrap_left #zitrigger {display:block; margin-left:25px; margin-top: 12px; width:40px; height:40px; color:#FFF; background-color:#FDDF35; border:2px solid #FFF; border-radius:50%; line-height:37px; cursor:pointer; z-index:1; font-size:21px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

	#ziwrap_left #zicircle {width:350px; height:350px; position:fixed; margin-left:-195px; margin-top:-40px; border-radius:50%; text-align:center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -moz-transform:scale(0); transform:scale(0); z-index:-3; opacity:0; background: #FDDF35; /* Old browsers */}

	#ziwrap_left #zimenu_left:checked ~ #zicircle {-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); transform:scale(1); opacity:0.85;}

	#ziwrap_left #zimenu_left:checked ~ #zitrigger {border:2px solid #FFF;}

	#zimenu_left:checked ~ #zioverlay {opacity:0.7; visibility:visible;}

	#zicircle a {text-decoration:none;}

	#ziwrap_left #zicircle i {width:65px; height:65px; border-radius:50%; background-color:#E52B50; color:#666;  font-size:30px; display:block; text-align:center; line-height:65px; margin-top:15px; margin-bottom:15px; color:#FFF; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding:0px;}

	#ziwrap_left #zicircle i:hover {color:#E52B50;  background-color:#000; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); }

	#ziwrap_left #zicircle a{ color:#74388B;font-family:'FuturaStd-Light';border-bottom: transparent solid 2px;}
	#ziwrap_left #zicircle a:hover{border-bottom: #74388B solid 2px;}
	#ziwrap_left #zicircle .disabled{ color: #6c757d;
	font-family:'FuturaStd-Light';
	pointer-events: none;
	cursor: default;}

	#ziwrap_left #zicircle a:nth-child(1) {margin-left:40px; position:absolute; margin-top:105px;}
	#ziwrap_left #zicircle a:nth-child(2) {margin-left:40px; position:absolute; margin-top:135px;}
	#ziwrap_left #zicircle a:nth-child(3) {margin-left:40px; position:absolute; margin-top:165px;}
	#ziwrap_left #zicircle a:nth-child(4) {margin-left:40px; position:absolute; margin-top:195px;}
	#ziwrap_left #zicircle a:nth-child(5) {margin-left:40px; position:absolute; margin-top:225px;}
	#ziwrap_left #zicircle a:nth-child(6) {margin-left:40px; position:absolute; margin-top:255px;}
	#ziwrap_left #zicircle a:nth-child(7) {margin-left:40px; position:absolute; margin-top:285px;}
	#ziwrap_left #zicircle a:nth-child(8) {margin-left:70px; position:absolute; margin-top:285px;}
	
	#ziwrap_left #zicircle a.active{border-bottom: #74388B solid 2px;}
}

@media (max-width:991px) {
	#redes-socais-mobile{
		position:fixed;
		display:inline-block;
		width:22%;
		right:0;
		text-align:right;
		padding-right: 10px;
		padding-top: 20px;
		z-index: 1500;
	}
}

@media (min-width:992px) {
	#redes-socais-mobile{
		display:none;
	}
}

@media (min-width:992px) {
	#ziwrap_left{display:none;}
}