/* Lomocase by 54ka.org */

@import url(//fonts.googleapis.com/css?family=Lato:300,400,700);

/* GLOBAL */
html,body{ font-family: 'Lato', Arial, sans-serif; width:100%;height:100%;color:#333; margin:0;padding:0;}
body{ font-size:12px; color:#9d9597; background-color:#ebebeb}
a { text-decoration:none; color:#333; outline:0;}
a img { border:0px;}
strong {font-weight: 700;}

img {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

::selection {
  background-color: #333;
  color: white;
}

/* NAV */
.nav {width: 100%; z-index: 1; position: fixed; top: 0px;

background: -moz-linear-gradient(left, rgba(0,0,0,0) -20%, rgba(51,51,51,1) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) -20%,rgba(51,51,51,1) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) -20%,rgba(51,51,51,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#333333',GradientType=1 );
}

@media only screen and (max-width: 700px) { .nav { display: none; } }


.nav ul { margin: 0px 20px; padding: 0px; float: right; }
.nav ul li { list-style: none; float: left; margin: 0px; padding: 13px; text-transform: uppercase; }
.nav ul li a { color: #d9d9d9; }
.nav ul li a:hover { color: #fff; }
a.d_link { background: #ccc; padding: 1px 7px; border-radius: 10px; color: #333 !important; }
a.d_link:hover { color: #fff !important; background:#abab45; }

.nav span { line-height: 1px; }

.mTop_120 {margin-top: 120px !important;}
.mTB_100 {margin: 100px 0 !important;}
.mTB_100_res {margin: 100px 0 !important;}
@media only screen and (max-width: 550px) { 
	.mTB_100 {margin: 100px 0 0px 0 !important;} 
	.mTB_100_res {margin: 0px 0 0px 0 !important;}
}



h1 { text-transform:uppercase; margin: 0px; padding:0px; display:block; width:100%; float:left;}
.header { padding: 96px 0 88px 0; background: #333; }
@media only screen and (max-width: 670px) { .header { padding: 100px 0 100px 0; } }


.logo { max-width: 70%; margin: 0px auto; opacity: 0.8; }
@media only screen and (max-width: 420px) { .logo { max-width: 80%; } }
.logo_icon { width: 195px; }






.description { padding: 0 20px; margin: 50px auto; font-weight: 300; line-height: 1.4; text-align: center; }
.description p { font-size: 32px; max-width: 70%;  margin: 0 auto; }
@media only screen and (max-width: 700px) { .description p { font-size: 24px; max-width: 80%; } }
.description .info { font-size:12px; color: #555; }





.columns { max-width: 900px; margin: 0 auto;}

.columns ul, 
.columns li { list-style: none; font-family: 'Roboto', Arial, sans-serif; color: #333; font-size: 16px;  }


.columns ul { padding: 0px; margin: 0px; }

.columns li.left,
.columns li.right { width: 46%; float: left; }

.columns li.left { padding-right: 2%; margin-left: 2%; }
.columns li.right { padding-left: 2%; border-left: 1px solid #ccc; }
.columns li.code {max-width: 550px;margin: 0 auto;padding: 20px;border: 4px dotted #ccc;}

@media only screen and (max-width: 700px) { 
	.columns li.left, .columns li.right { width: 100%; float: left; text-align: center; }
	.columns li.right {  border-left: 0px !important; margin: 20px 0 0 0; padding-left: 0px; } 
	.columns li.left { padding-right: 0px; margin-left: 0px; }
}



.footer { text-align: center; padding:20px 20px 50px 20px;}








/* DOWNLOAD BUTTON */ 
.buttons { margin: 20px 0; }
.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
	background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
	background-color:#77d42a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	cursor:pointer;
	color:#306108;
	font-family:Trebuchet MS;
	font-size:17px;
	font-weight:bold;
	padding:13px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #aade7c;
	width: 130px;
	margin: 5px;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
	background:-moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
	background-color:#5cb811;
}

/* END DOWNLOAD BUTTON */