/** CUSTOM **/
@import url(//fonts.googleapis.com/css?family=Fugaz+One);
@import url(https://fonts.googleapis.com/css?family=Righteous);
body, h2, h3{
	font-family: 'PT Sans', 'Raleway', sans-serif !important;
}
.ui.inverted.menu{
	background: #000;
}

.ui.header{
	color: #000;
}

h2.header i, h3.ui.header{
	color:#f36f47;
}

.works_title{
	color:#6D6D6D;
}

.button.darkblue{
	background:#023551;
	color:#fff;
}

.button.darkblue:hover{
	background:#04547F;
	color:#fff;
}



.appmasthead{
	min-height:0 !important;
	padding:40px !important;
	
	
}

.apppusher{
	margin-left: 15rem !important;
}

.appmasthead h1.ui.header{
	margin-top:0 !important;
	background-size:cover;

}

.ui.fixed.menu.appmenu{
	display:block !important;
}

.dropzone{
	background-color:rgba(0,0,0,.4);
	background-image: url('/images/transparent_logo.png');
    border: 2px dashed #000000;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.dz-filename span,.dz-filename span:hover{
	margin-top:10px;
	display:block;
}

.audiojs .play-pause{
	width:auto;
	padding:0;
	height:25px;
}

.audiojs .scrubber{
	width:50px;
	height:10px;
	margin:7px;
}

.audiojs .scrubber .progress{

background: #f17222; /* Old browsers */

}

.ui.circular.image{
	border:6px solid #f17222;
	border-radius:500rem;
}

.audiojs{
	width:auto !important;
	height:25px;
	background:#000;
	border-radius:10px;
}

.audiojs .time{
 	height: 25px;
    line-height: 25px;
}

.ui.table thead tr.inverted th{

background: #000 !important; /* Old browsers */


	color:#fff !important;
	border-radius:0;

}

.ui.celled.sortable.striped.table{
	border-top:0;
	border-left:0;
	border-right:0;
	border-radius:0;
}

.ui.table thead tr.inverted:first-child>th:first-child{
	border-radius:0;
}
.ui.table thead tr.inverted:first-child>th:last-child{
	border-radius:0;
}

.blogcontent *{
	font-size:18px !important;
	line-height:28px !important;
}
.ui.container.blogcontent p,.ui.container.blogcontent li span, .ui.container.blogcontent span{
	font-size:18px !important;
	line-height:28px !important;
}
.ui.container.blogcontent h2,.ui.container.blogcontent h2 *{
	font-size:28px !important;
	line-height:28px !important;
	text-decoration:none !important;
}
.ui.container.blogcontent h3, .ui.container.blogcontent h3 *{
	font-size:22px !important;
	line-height:28px !important;
	color:#f2711c;
}

.blogcontent table,.blogcontent td{
	width:auto !important;

}
.blogcontent table{
	min-width:40% !important;
}

.pricing_table_head{
	background:#000;
	padding:20px;
	text-align:center;
	
}
.pricing_table_head h3{
	color:#fff;
	text-transform: uppercase;
	font-size:40px;
}
.pricing_table_head h4{
	color:#fff;
	text-transform: uppercase;

}
.pricing_column{
	max-width:400px;
	margin:auto;
}

.pricing_column_inner{
	border:10px solid #f2f2f2;
}


.pricing_table_body{
	background:#f2f2f2;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}

.pricing_table_body li{
    margin-top: 16px;
    margin-left: -40px;

    position: relative;
    text-align:left;
        font-size: 18px;
        font-weight:100;
        list-style-type:none;
}

.pricing_table_footer{
	background:#e5e5e5;
	padding:20px;
	text-align:center;
}

.pricing_table_footer h3{
	font-size:30px;
}


.plugin{

	border-radius:10px;
	padding:15px;
}

.plugin h3{
	font-family: 'Righteous', cursive !important;
	font-weight:normal;

	box-shadow:inset 0px 0px 20px #000;
	padding:10px;
}
 .plugin h3 span{
 	font-family: 'Righteous', cursive !important;
	font-weight:normal;
 }

.plugin .knob{
	margin:auto !important;
}

.plugin .ui.dropdown,.plugin .ui.dropdown .menu .item,.plugin .ui.selection.active.dropdown:hover,.plugin .ui.dropdown .text,.plugin .ui.selection.active.dropdown .menu{
	background:#000 !important;
	color:#fff !important;
	border:none;
}

.enabled_button{
	background:#48ff35;
	border:2px solid #fff;
	box-shadow:0px 0px 20px #48ff35;
	border-radius:300px;
	position:absolute; 
	right:15px; 
	top:60px; 
	height:30px; 
	width:30px;
	text-align:center;
}

.enabled_button:hover{
	box-shadow:0px 0px 50px #48ff35;
	cursor:pointer;
}


.disabled_button{
	background:#0d4d03;
	border:2px solid #fff;
	border-radius:300px;
	position:absolute; 
	right:15px; 
	top:60px; 
	height:30px; 
	width:30px;
	cursor:pointer;
	text-align:center;
}

.disabled_button:hover{
	background:#17670a;
}

.flotTip{
	display:block !important;
	transition: all 0.3s 0.1s ease,opacity 0.7s ease;

	border:0 !important;
	box-shadow:2px 2px 10px rgba(0,0,0,.5);
	padding:0 !important;
	border-radius:0 !important;
}
.flotTip div.flotTip_inner{
	padding:10px;
	text-align:center;

}


@media only screen and (max-width: 700px) {
	.blogimage{
		height:200px !important;
		width:200px !important;
	}

	div.blogcontent table,.blogcontent td{
		width:100% !important;
		min-width:0% !important;
	}

	.ui.table:not(.unstackable) tr{

		height:auto !important;
		width: 100% !important;
	}

	.ui.table:not(.unstackable) tr>td{
	//	display:table-cell !important;

	}
	.pricing_table_body{
		padding-left:0;
		margin-left:0 !important;
	}

	.pricing_table_body li{
		padding-left:0;
	}
}

.ui.button,.ui.basic.button{
	border-radius:200px;
}

.header-text{
	margin:auto;
	text-align:justify;
	text-justify:inter-word;
	width:90%;
	max-width:1000px;
}
.header-text a{
	color:#f2711c;
	font-weight:bold;
}
.header-text p{
    font-size:18px !important;
}
.header-text li{
    font-size:18px !important;
    padding-bottom:5px;
}

/** EDITOR **/
svg {display:block;background-color:#ffffff}
@media screen {
	text, path {pointer-events: none}
	svg {margin-left:auto;margin-right:0}

	.editor-menu {
		width: 100%;
		max-width: 600px;
		margin:auto;
		text-align:center;
		background: #f6f6f6;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
		padding: 0px;
		font-size:14px;
		font-weight:bold;
	}
	.dropbutton {
		display:inline-block;
		padding:10px;
		text-align: center;
	}
	.dropbutton:hover { outline: solid #f2711c; outline-width:1px }
	.dropbutton:hover > ul { display: block }
	.droplinks {
		list-style-type: none;
		position: absolute;
		min-width: 80px;
		color: #ffffff;
		background-color: #f2711c;
		display: none;
		z-index: 20;
		text-align: left;
		padding: 0;
		margin: 0;
	}
	.droplinks input{
		color: gray;
	}
	.droplinks li:hover { outline: solid #ffffff; outline-width:1px }
	.droplinks li { padding: 0 5px 0 5px; margin: 2px }

	textarea {background-color:#ffffff}
	.popup {
		position: absolute; top: 0; right: 20px;
		padding: 10px;
		color: #ffffff;
		background-color:#f2711c;
		border-radius: 5px;
		visibility: hidden;
		z-index:20;
	}
	.close {
		position: absolute;
		top: 10px;
		right: 20px;
		font-size: 20px;
		font-weight: bold;
		color: #ffffff;
	}
	#ctxMenu {
		position:absolute;
		display:none;
		left:0px;
		top:0px;
		height:22px;
		width:118px;
		padding:0px;
		margin:0;
		border:1px solid #f2711c;
		color: #ffffff;
		background-color:#f2711c;
		font-weight:normal;
		white-space:nowrap;
		z-index:100;
	}
	#ctxMenu:hover > .droplinks {
		display:block;
	}
	#ctxMenu:before {
		content:attr(title);
	}
}
@media print {
	.noprint { display: none }
	body * {
		visibility: hidden;
	}
	#target, #target * {
		visibility: visible;
	}
	#target {
		position: absolute;
		left: -8.5em;
		top: 0;
		margin 0;
		padding:0;
		border:0
	}
	.newpage { page-break-before: always }
	.nobrk { page-break-inside: avoid }
}