/*
Theme Name: Beautheme docs
Theme URI: http://beautheme.com
Author: the beautheme team
Author URI: http://beautheme.com
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: beauthemedocs

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.home{
	background: #000;
	color: #999;
	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 21px;
}

#Main a { color:#2077cf; text-decoration: none; outline: none; border: none; }
#Main a:hover { text-decoration: underline; }

#Main a img {
	transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
	outline : none; border: 0; 
}

#Main #logo { 
	background: url("asset/images/logo.png") no-repeat; width: 170px; height: 50px; display: block; overflow: hidden; text-indent: -9999px; margin: 15px auto 40px; 
	margin-top: 100px;
}

#Main h2 { text-align: center; margin-bottom: 15px; font-weight: normal; font-size: 21px; line-height: 25px; color: #eaeaea; }
#Main h3 { font-family: Patua One, Arial, Helvetica, sans-serif; text-align: center; margin-bottom: 23px; font-size: 28px; line-height: 22px; color: #5E5E5E; text-shadow: 1px 1px 0 #999; margin: 5px 0 0; font-weight: normal; }

#Main ul.themes { margin:0; padding:0;}
#Main ul.themes li { 
	list-style:none; float:left; display:block;
	position: relative;
}
#Main ul.themes li.placeholder { width:333px;}
#Main ul.themes li a { 
	display: block;
	margin: 25px 15px 0;
	border: 1px solid #F4F4F4;
	padding: 8px 8px;
	background: #F4F4F4;
}

#Main .themes li img{
	width:100%;
}

#Main ul.themes li h4 {
	justify-content: center;
	position: absolute;
	top: 50%;
	text-align: center;
	width: 89%;
	color: black;
	opacity: 0;
	transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    font-size: 24px;
    text-transform: uppercase;
}

#Main ul.themes li a:hover img{
	opacity: 0.2;
}
#Main ul.themes li a:hover h4{
	opacity: 1;
}

.desc{
	margin-top: 100px;
	border-top: 1px solid #444;
	padding-top: 50px;
	text-align: center;
}
.desc ul li{
	list-style: none;
}

.btn-submit{
	background: transparent;
	border: 1px solid white;
	padding: 11px 30px; 
	transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    position: fixed;
	right: 35px;
	bottom: 30px;
	text-align: center;
	cursor: pointer;
	font-size: 1.4rem;
	border-radius: 30px;
	font-weight: bold;
	color: White;
}
.btn-submit svg{
	fill:White;
}

.btn-submit:hover{
	background: white;
	color: black;
}