html, body {
	margin:0;
	font-family: 'Raleway', sans-serif!important;
	height: 100%;
}
a {
  color: #357BDE!important;
  text-decoration: none;
}
a:hover {
	text-decoration: none!important;
}
p { font-size:18px; }
li { font-size:18px; }
input {
	padding:10px;	
	color:#333;
	width:100%;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
select {
	padding: 12px;
    margin: 0;
	width:100%;
}
.error { color:red; }
.warning { color:orange; }
.blue { color: #0074d9 }
.border-med { border-color: #ccc!important; }
textarea {
	padding:10px;
	width:50%;	
	color:#333;	
}
input[type=submit] {
	background:#357BDE; 
	border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	color:#fff;
}
.submitbtn {
	background:#357BDE; 
	border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	color:#fff;
}
input[type=button] {
	border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}
.invalid_input {
	border: 1px solid red;
}
#searchinput {
  outline: 0;
  height: 42px;
  width: calc(100% - 42px);
  line-height: 42px;
  padding: 0 16px;
  background-color: rgba(255, 255, 255, 0.8);
  color: #212121;
  border: 0;
  float: left;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

#searchinput:focus {
  outline: 0;
  background-color: #FFF;
}

#searchbtn {
  outline: 0;
  background: none;
  background-color: rgba(38, 50, 56, 0.8);
  float: left;
  height: 42px;
  width: 42px;
  text-align: center;
  line-height: 42px;
  border: 0;
  color: #FFF;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 16px;
  text-rendering: auto;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

#searchbtn:hover {
  background-color: #357BDE;
}
.amatic {
	font-family: 'Amatic SC', serif;
}
.logo {
	font-family: 'Amatic SC', serif;
	font-size: 80px;
}
.sublogo {
	font-size:42px;
	color:#357BDE!important;
}
.graybox {
	border: 2px dashed #ccc;
    padding: 30px;
    margin: 30px 0;
}
.sortable {
  padding: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.sortable li {
	float: left;
	width: 120px;
	height: 120px;
	overflow:hidden;
	border:1px solid red;
	text-align: center;
	margin:5px;
}
li.sortable-placeholder {
	border: 1px dashed #CCC;
	background: none;
}
.lightbox {
	display:none;
}
.featherlight-iframe .featherlight-content{
	overflow-y:auto!important;
}
.trialbtn {
	background:#357BDE; 
	border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	color:#fff!important;
	padding:20px;
	display: table;
}
.trialbtnsm {
	background:#357BDE; 
	border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	color:#fff!important;
	display:table;
	padding:10px 15px;
}
.grn {
	background:#357BDE; 
	border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	color:#fff!important;
	padding:15px;
}
.grnicon {
	background:#357BDE; 
	border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	color:#fff!important;
	padding:20px;
	font-size:24px;
	width: 75px;
}
.grntext {
	color:#357BDE;
}
.redtext {
	color:#FF0000;
}
.code {
	font-size: 18px;
    font-family: COURIER;
}
.pointer{
	cursor:pointer;
}
.imgcontainer {
    position: relative;
	margin: 30px 0;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.imgcontainer:hover .image {
  opacity: 0.3;
}

.imgcontainer:hover .middle {
  opacity: 1;
}

.text {
  background-color: #357BDE;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
#openImgUpload {
	width:150px;height:200px;
	background:#ccc;
	font-size:40px;
	color:#fff;
	text-align:center;
	line-height:200px;
	cursor:pointer;
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center center;
}
#openFeaturedUpload {
	width:225px;
	max-width:100%;
	height:150px;
	background:#ccc;
	font-size:40px;
	color:#fff;
	text-align:center;
	line-height:150px;
	cursor:pointer;
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center center;
}
h3 {
	font-weight: bold;
}
.padleft {
	padding-left:30px;	
}
.cover {
	max-width:100%;
}
.notification {
	text-align:center;
	background:#8919FF;
	color:#fff;
	width:100%;
	padding:15px 0;
	margin: 0;
	
}
.success {
	color:#357BDE; /*#337ab7;*/
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	color:#357BDE!important;	
}
.ui-widget-header {
	color:#fff!important;
	background:	#357BDE!important;
	border:0!important;
}
.hideoverflow {
	overflow:hidden;	
}
.covercontainer {
	overflow:hidden;
	height:130px;
}
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.zbutton {
	background:#357BDE; 
	border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	color:#fff;
	padding: 10px 0;
    width: 100%;
    margin: auto;
	text-align: center;
}
#tags_tagsinput {
	width:100%!important;	
}
@media only screen and (max-width: 1080px){
	.zbutton {
		width: 100%;
	}
	.mptop {
		padding-top:20px;	
	}
	.mcenter {
		text-align:center;
	}
}


/* slider */
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* toggles */

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #357BDE;
}

input:focus + .slider {
  box-shadow: 0 0 1px #357BDE;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


.twitter-share-button[style] { vertical-align: text-bottom !important; }