*{marging:0; padding: 0; font-size: 100%; border: none; outline: none; font-weight: 300; box-sizing: border-box; font-family: 'Montserrat', sans-serif;}
body {background-color: #000;}
a {text-decoration: none;}
ul {list-style: none;}

.container {width: 100%; float: left; padding: 2% 2% ; text-align: center;}

/*>> Cabeçalho <<*/
.logo {width: 250px; height: 56px; float: left; background: url(../../../img/logo.png) center center/250px no-repeat; font-size: 0;}
.btn-menu {width: 56px; height: 56px; float: right; text-align: center; color: #fff; border-radius: 56px; cursor: pointer; background-color: #3E3E3E;}

/*>> MENU <<*/
.menu {display: none; width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,0.85);top: 0; left: 0}
.menu ul{width: 100%; float: left; text-align: center;}
.menu li{padding: 1%;}
.menu li a{font-size: 1.5em; color: #fff; padding: 2% 2%}
.menu li a:hover {border: 1px solid #fff;}
.btn-close {font-size: 1.5em; color: #fff; float: right; cursor: pointer; margin:8% 5% 0 0;}
	
/*>> BANNER <<*/
.title {width: 100%}
.banner h2 {font-size: 2.5em; color: #252525; font-weight: 600}
.banner h3 {font-size: 1.5em; color: #252525;}
	
/*>> SERVIÇOS <<*/
.servico {width: 100%; height: 100%; background-color: #252525; text-align: center;border-radius: 7px; margin-bottom: 1%;}
.servico img {border-radius: 7px;}
.inner {padding: 1% 5%}
.inner h4 {font-size: 1.8em; color: #F1F1F1; margin-top: 1%; text-align: left;}
.inner p {font-size: 1.2em;text-align: justify; color: #F1F1F1; margin-top: 0px;}

/*>> RODAPÉ <<*/
.social-icons a {font-size: 3em; color: rgba(255,255,255,0.5); margin-right: 3%;}
.social-icons a:last-child {margin-right: 0;}
.social-icons a:hover {color: rgb(255,255,255);}
.copyright {margin-top: 2%; color: #fff;}

/*>> MOBILE FIRST <<*/

/*>> Small <<*/
@media screen and (min-width: 440px) {
	.logo {width: 290px; background: url(../../../img/logo.png) center center/290px no-repeat;}

}
/*>> Medium <<*/
@media screen and (min-width: 600px) {
	.logo {width: 400px; background: url(../../../img/logo.png) center center/400px no-repeat;}
}

/*>> Large <<*/
@media screen and (min-width: 1080px) {
	.btn-menu {display: none;}
	.btn-close {display: none;}
	.menu {width: auto; height: 56px; line-height: 56px; float: right; background-color: #000; display: block !important; position: static}
	.menu li {padding: 0; float: left;}
	.menu li a {color: #fff; font-size: 1.5em; padding: 17px;}
	.menu li a:hover {border: 1px solid #fff;}
	.foto1 {display: none}
	.foto2 img {width: 49%; display: inline;}	
}
#MySkin * {

    color:rgba(172,172,172,1.0);

}

#non-embedded body {

	background-color:rgba(30,30,31,1.0);
}

#MySkin hr.style-one {
	background: rgba(30,30,31,1.0);
	background-image: linear-gradient(to right, rgba(30,30,31,1.0), rgba(219,219,219,1.0);,rgba(30,30,31,1.0)) ;
}

#MySkin .button {
    background-color: #444445;
}

#MySkin .folder-list ul li {
	border:1px solid grey;
}

#MySkin .nav-bar .nav-element:hover{
	background-color:#ACACAC;
	color: rgba(253,254,251,1.0);
}

#MySkin .folder-list ul li h3{
	border:1px solid grey!important;
}


#MySkin .info-box{
	
    background-color: #2b2b2c;
}

#MySkin .comment-box{
    background-color: black;
    font-size: 20px;
    opacity: 0.5;
    color: rgba(172,172,172,1.0);
}


#MySkin #fullscreen {
    background-color: rgba(84, 83, 86, 0.4);
 }

#MySkin #fullscreen .fullscreen-box {
    -webkit-box-shadow: 0px 0px 20px 9px rgba(0,0,0,0.77);
       -moz-box-shadow: 0px 0px 20px 9px rgba(0,0,0,0.77);
            box-shadow: 0px 0px 20px 9px rgba(0,0,0,0.77);
 }

#MySkin #fullscreen .fullscreen-box img, #MySkin #fullscreen .fullscreen-box video{
	border: 6px solid rgba(219,219,219,1.0);
}

#MySkin #jAlbum-header .album-title, #MySkin #jAlbum-header .album-title h3, #MySkin #jAlbum-header .author, #MySkin #jAlbum-header #description{

    color:rgba(172,172,172,1.0);
}

/* For mobile phones and basic settings: */
#MySkin [class*="thumb-box-"] {
  border: 2px solid rgba(30,30,31,1.0);
}


#MySkin [class*="thumb-box-"]:hover {
	border: 2px solid rgba(253,254,251,1.0);
	background-color:#2b2b2c;
    -webkit-box-shadow: 0px 0px 20px 9px rgba(0,0,0,0.77);
       -moz-box-shadow: 0px 0px 20px 9px rgba(0,0,0,0.77);
            box-shadow: 0px 0px 20px 9px rgba(0,0,0,0.77);
    -webkit-transform: scale(1.1) 0.1s ;
        -ms-transform: scale(1.1) 0.1s ;   
       -moz-transform: scale(1.1) 0.1s ;
            transform: scale(1.1) 0.1s ;
}

#MySkin [class*="folder-list"]{
	background-color:#2b2b2c;
}

#MySkin div.thumb-container img{
	height:180%;
	width:auto;
	text-align: center;
	cursor: pointer;

}

#MySkin .selected{
    border: 2px solid rgba(253,254,251,1.0);
    background-color:#2b2b2c;
    -webkit-box-shadow: 0px 0px 20px 9px rgba(0,0,0,0.77);
    -moz-box-shadow: 0px 0px 20px 9px rgba(0,0,0,0.77);
    box-shadow: 0px 0px 20px 9px rgba(0,0,0,0.77);
    -webkit-transform: scale(1.1) 0.1s ;
    -ms-transform: scale(1.1) 0.1s ;
    -moz-transform: scale(1.1) 0.1s ;
    transform: scale(1.1) 0.1s ;
}

#MySkin #myProgress {
    background-color:  rgba(30,30,31,1.0);
}
#MySkin #myBar {
    background-color: rgba(172,172,172,1.0);
}

#MySkin #player-container {
    background-color: #444445;
}

#MySkin #player-container.start{
    border:1px solid rgba(172,172,172,1.0);
    width: 25px;
    height: 25px;
    border-radius: 2px;
    float:left;
}