body{
	overflow-x:hidden;
}

::selection{
	color: #FFF;
	background: #000;
}

::-moz-selection{
	color: #FFF;
	background: #000;
}

.btn:disabled:hover{
	background-color: #DFDFDF!important;
	color: #9F9F9F!important;
}

.text-center{
	text-align:center!important;
}

.contentTop{
	margin-top:15px;
}

h1{
	font-size: 4rem;
	font-weight: 400;
}

h2{
	font-size: 2.9rem;
	font-weight: 400;
}

h3 {
	font-size: 2rem;
	font-weight: 400;
}

h5{
	font-size: 1.5rem;
	font-weight: 400;
}

@media only screen and (max-width: 992px){
h1{
	text-align:center;
	font-size:3rem;
	font-weight:400;
}

h2{
	font-size: 2rem;
	font-weight: 400;
}

h3 {
	font-size: 1.4rem;
	font-weight: 400;
}

h5{
	font-size: 1.2rem;
	font-weight: 400;
}

}

@media (max-width: 768px) and (min-width: 600px){
h1{
	font-size: 1.9rem;
	font-weight: 400;
	line-height: 1.5;
}
 
}

@media (max-width: 400px) and (min-width: 0px){
h1{
	font-size: 1.9rem;
	font-weight: 400;
	line-height: 1.5;
}

}

.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, ul.collapsible {
	  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4),0 1px 4px 0 rgba(0, 0, 0, 0.09);
}

@media only screen and (min-width: 600px) {
nav, nav .nav-wrapper i, nav a.button-collapse i {
  height: 56px;
  line-height: 56px;
}
}

nav ul a{
	font-size:13px;
}

nav .nav-wrapper i {
	font-size: 13px;
}


nav .brand-logo {
	padding: 4px 8px;
}

.navbar-fixed {
	position:fixed;
	z-index:1000;
}

.side-nav .btn-flat{
	height:30px;
}

.dropdown-content li>a, .dropdown-content li>span {
	padding: 10px 10px 10px;
}

.nav-dropdown{
	z-index:10000; 
}

.dropdown-content li :hover{
	background-color:#ddd;
}

.content span.content-title {
	color:#000;
	font-size: 1.1rem;
	font-weight: 400;
}

.content-by{
	position: absolute;
	margin-top: 10px;
	width: 150px;
}

.content-body{
	position: relative!important;
	padding: 30px!important;
}

.content iframe{
	width:100%;
	height:400px;
	border:none;
}

.content iframe::-webkit-scrollbar {
	width: 10px;
	height:10px;
}

.content iframe::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 2px #D7D7D7;
	border-radius: 0px;
}

.content iframe::-webkit-scrollbar-thumb {
	background-color: #CCC;
	border-radius: 0px;
}

.content iframe::-webkit-scrollbar-thumb:hover {
background-color: #999;
}

.content .content-content p {
	font-size: 1rem;
	padding-top: 16px;
}

.intro-i{
	position:relative;
	padding-top:50px;
	padding-bottom:10px;
	webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
	background-image: url('../images/bg.png');
}

.intro-i p{
	font-size: 1.2rem;
}

.intro{
	position:relative;
	padding-top:40px;
	padding-bottom:10px;
	webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
	background-image: url('../images/bg.png');
}

.intro p{
	font-size: 1.2rem;
	padding-left:30px;
	padding-right:30px;
	margin-bottom:-10px;
	margin-top:-10px;
}

@media only screen and (max-width: 992px){
.intro-i p{
	font-size: 1.1rem;
	text-align:center;
}
.intro p{
	padding-left:-20px;
	font-size: 1.1rem;
}
.intro-i a {
	text-align:center;
}
}
 
.introBord{
	background-repeat: no-repeat;
	padding: 28px;
}

.code-window{
	background-color:#F6F6F6;
}

.code-body{
	margin-top:64px;
}

.code-header {
	background-color: #F6F6F6;
	color: #000;
	margin-top: -12px;
	padding: 20px 4px 7px 4px;
	font-size: 1rem;
	font-weight: 500;
}

.code-menu{
	background-color: #F6F6F6;
	padding: 12px 5px 0px 5px!important;
	margin-top:-10px;
}

.grid-code-menu{
	background-color: #F6F6F6;
	border-top: 1px solid rgba(220, 220, 220, 0);
}


.collection {
	  border: 1px solid rgba(220, 220, 220, 0);
}

#htmlTextarea, #cssTextarea, #jsTextarea{
	display:none;
}

.html-code, .css-code, .js-code{
	margin-top: 0;
}

.editors-g{
	height:300px;
	  border: 1px solid rgba(217, 217, 217, 0.99);
}

.editors-c{
	height:460px;
	  border: 1px solid rgba(217, 217, 217, 0.99);
}

.btn-flat {
	color: #FFF;
}

.content{
	margin-bottom: 15px;
	box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.09);
	padding: 10px;
}

.content .content-action {
	padding: 20px;
	border-top: 1px solid rgba(160, 160, 160, 0.14);
}

.content-action>a {
	cursor:pointer;
	margin-right: 20px;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	transition: color 0.3s ease;
	text-transform: uppercase;
}

.pagination li {
	font-size: 1.2rem;
	float: left;
	width: 30px;
	height: 30px;
	margin: 20px 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-clip: padding-box;
	text-align: center;
}

.pagination li.active {
	background-color: rgba(68, 158, 71, 0.99);;
}

.pagination li a {
	color: #444;
}

.pagination li.active a {
	color: #fff;
}

blockquote {
	padding-top: 5px;
	border-left: 5px solid #FFF;
}

blockquote li{
	color:#FFF;
}

.contact-fields{
	color:#FFF;
	border-bottom: 0.5px solid #DFDFDF!important;
	-webkit-box-shadow: 0 1px 0 0 #DFDFDF!important;
	-moz-box-shadow: 0 1px 0 0 #4CAF50!important;
	box-shadow: 0 1px 0 0 #DFDFDF!important;
}

.run-code{
	height: 60px;
	width: 60px;
	line-height: 60px;
}

.run-code>i{
	font-size:2.5rem;
	line-height: 60px;
}

.save-btn{
	height: 50px;
	width: 50px;
	line-height: 50px;
}

.save-btn>i{
	font-size:2rem;
	line-height: 50px;
}

.download-code{
	height: 50px;
	width: 50px;
	line-height: 50px;
}

.download-code>i{
	font-size:2rem;
	line-height: 50px;
}

.run-in-new{
	height: 40px;
	width: 40px;
	line-height: 40px;
}
.run-in-new>i{
	font-size:1.5rem;
	line-height: 40px;
}

.grid{
	height: 40px;
	width: 40px;
	line-height: 40px;
}
.grid>i{
	font-size:1.5rem;
	line-height: 40px;
}

.new-window{
	height: 30px;
	width: 30px;
	line-height: 30px;
}
.new-window>i{
	font-size:0.8rem;
	line-height: 30px;
}

.social-btns{
	display:none;
	position: absolute;
	right: 30%;
	margin-top: -5%;
}

.social{
	height: 30px;
	width: 30px;
	line-height: 30px;
}
.social>i{
	font-size:0.8rem;
	line-height: 30px;
}

.social-d{
	height: 30px;
	width: 30px;
	line-height: 30px;
}
.social-d>i{
	font-size:0.8rem;
	line-height: 30px;
}

.floating-absolute-right {
	position: absolute;
	right: 50px;
	width: 50px;
	height: 50px;
	margin-top: -15px;
}

.floating-absolute-left {
	position: absolute;
	left: 50px;
	width: 50px;
	height: 50px;
	margin-top: -15px;
}

.floating-absolute-right>i{
	line-height:50px;
	font-size:2rem;
}

.floating-absolute-left>i{
	line-height:50px;
	font-size:2rem;
}

.collection.with-header .collection-header {
	color: #000;
	border-bottom: 1px solid rgba(220, 220, 220, 0);
	padding: 12px 20px;
	font-size: 1.3rem;
	font-weight: 400;
}

.collection >li>a{
	cursor:pointer;
	font-size:14px;
	line-height:40px;
}

.collection >li>a>i{
	font-size:1.4rem;
}

.sideBar-ads{
	padding-top: 45px;
	padding-left: 15px;
}

.bottom-ad{
	padding:0 14px;
}

nav .right-nav {
  float: right;
  margin-right: 30px;
}

.nameError, .emailError, .msgError, .successMsg, .detailError, .htmlError{
	display:none;
}

.errorMsg{
	margin-top: -10px;
}

.notFound{
	margin: 100px 20px;
	font-size: 2rem;
}

ul.tabs{
	margin-top:20px;
}

.mainDp{ 
	margin-top:3px;
	margin-right: 7px;
	transform: rotate(-7deg); 
	border: 1px solid #5F5F5F;
	border-radius:1px;
}

.headerDp{
	border-radius:20px;
}

.activeTab{
	border-bottom: 2px solid
}

select.browser-default {
	display: block;
}

select {
	background-color: rgba(255, 250, 250, 0);
	width: 100%;
	padding: 5px;
	border: 1px solid rgba(255, 250, 250, 0);
	border-bottom: 2px solid #4CAF50;
	border-radius: 2px;
	height: 3rem;
}

.selectField{
	margin-bottom:30px;
}

select:focus{
	outline: none;
}

.selectlabel{
	font-size: 1rem;
	color: #9e9e9e;
	margin-left: 10px;
}

.form-btn{
	margin-top:30px;
}

.pages{
	height: 200px;
	overflow-y: scroll;
}

.pages::-webkit-scrollbar {
	width: 10px;
	height:10px;
}

.pages::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 2px #D7D7D7;
	border-radius: 0px;
}

.pages::-webkit-scrollbar-thumb {
	background-color: #CCC;
	border-radius: 0px;
}

.pages::-webkit-scrollbar-thumb:hover {
background-color: #999;
}

.pages>li{
	padding: 10px;
	border-bottom: 1px solid rgba(206, 206, 206, 0.78);
}

.captcha-img{
	border-radius:2px;
}

.connect-btn{
	-webkit-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.30));
	cursor: pointer;
	transition: 0.2s ease-out;
}

.connect-btn:hover{
	-webkit-filter: drop-shadow(3px 6px 3px rgba(0,0,0,0.40));
}

.features{
	  background: linear-gradient(to bottom, rgba(238, 238, 238, 0.59) 0%,rgba(238, 238, 238, 0.12) 100%);
	padding:10px;
}

.features h5{
	padding:0 30px;
}

.features i{
	font-size:4.5em;
}

.box-gradient{
background: linear-gradient(to right, rgba(255, 255, 255, 0.45) 0%,rgba(0, 0, 0, 0.12) 50%,rgba(255, 255, 255, 0.45) 100%);
}

.modal-content p{
	margin-bottom:10px;
}

.searchField{
	margin-top:55px;
}

.search-btn{
  position: absolute;
  top: 2px;
  padding: 2px 9px;
}

.cssSelect{
	width: auto;
	padding: 0;
	border-bottom: 0;
	position: absolute;
	margin-top: -35px;
	margin-left: 18px;
	margin-right: 18px;
}

.ace_scroller{
width:100%;
}

.ace_scrollbar-h{
right:10px!important;
}

.ace_scrollbar-v{
bottom:10px!important;
}

.ace_scrollbar-v::-webkit-scrollbar {
	width: 10px;
	height:10px;
}

.ace_scrollbar-v::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 2px #D7D7D7;
	border-radius: 0px;
}

.ace_scrollbar-v::-webkit-scrollbar-thumb {
	background-color: #CCC;
	border-radius: 0px;
}

.ace_scrollbar-v::-webkit-scrollbar-thumb:hover {
background-color: #999;
}

.ace_scrollbar-h::-webkit-scrollbar {
	width: 10px;
	height:10px;
}

.ace_scrollbar-h::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 2px #D7D7D7;
	border-radius: 0px;
}

.ace_scrollbar-h::-webkit-scrollbar-thumb {
	background-color: #CCC;
	border-radius: 0px;
}

.ace_scrollbar-h::-webkit-scrollbar-thumb:hover {
background-color: #999;
}