html,body{background:#000;color:#CCC;height:100%;}
.row{margin:0px!important;}

a{cursor:pointer;color:#FFF;text-decoration: none!important;}a:hover{color:#00fafa;}

.cor-site{color:#00fafa;}

.back-box{height: 100%;background:#454545;color:#222;padding: 80px 24px;border-top:2px solid #999;border-bottom:2px solid #999;}

.midias{padding:20px;}
.midias a{font-size:22px;color:#999;width:25px;padding:5px;position:relative;bottom:0px;-webkit-transition:bottom 0.5s;-moz-transition:bottom 0.5s;-ms-transition:bottom 0.5s;transition:bottom 0.5s;}
.midias a:hover{bottom:5px;color:#FFF;}

.menu{padding:0px 15%;width: 100%;}
.menu div.menu-box{background:#1c1c1c;box-sizing: border-box;padding: 10px;margin: 6px;display: flex;clear:both;align-items: center;}
.menu a:hover div.menu-box{background:#1c1c1c url('../../img/temes/frm20_v2/back.png')no-repeat center bottom;background-size:150% 5px;padding:10px;}
.menu div.menu-box div{padding-right: 17px;}
.menu div.menu-box span{border-left:2px solid #999;padding-left:15px;color:#999;}
.menu a:hover div.menu-box span{color:#CCC;}

.conteudo{background:#FFF;padding:20px;}
form{
	width: 100%;
}
button.btn.btn-link.cor-site {
    color: #000 !important;
}
.image-right{width:5px;height:5px;}
.image-right a{position:absolute;z-index:1;background:#FFF;color:#000;padding:5px 10px;margin:30px;}
.back-box {
    margin: auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.col-md-4 .back-box.text-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.col-md-4{
	position: relative;
}
.midias {
    position: absolute;
    bottom: 0;
    right: 0;
}

@media screen and (min-width: 1815px){
	form .form-group:nth-child(2) {
	    width: 36.5%;
	    display: inline-block;
	    margin-left: 23px;
	}
	form .form-group:nth-child(1) {
	    width: 60%;
	    display: inline-block;
	}
}

@media screen and (min-width: 980px){
	.row {
	    display: flex;
	    flex-wrap: wrap;
	}
}
@media screen and (max-width: 615px){
	.menu {
    	padding: 0;
    	width: 100%;
	}
	.menu div.menu-box {
    	display: block;
	}
	.menu div.menu-box div {
    	padding-right: 0;
	}
	.menu-box img {
	    margin-left: auto;
	    margin-right: auto;
	}
	.menu div.menu-box span {
	    border: none;
	    padding-top: 12px;
	    display: block;
	    text-align: center;
	    padding-left: 0;
	}
	.col-md-4 {
    	padding: 0;
	}
	.pull-right.image-right {
    	display: none;
	}
	.conteudo.anime{
		right: 0 !important;
	}
}