/*@import url("bootstrap.min.css");*/
@import url("jquery-ui.min.css");
@import url("jquery-ui.theme.min.css");
@import url("font-awesome.min.css");



html, body{
	font-family:'ubuntu', Helvetica, Arial, sans-serif;
    background: #F7F8FA;
    max-width:100% !important;
    width:100% !important;
    font-size: 14px;
}

img {
    border: none;
}

h1, h2, h3 {
	color:#333333;
    margin-top:0;
    padding-top:0;
    margin-bottom:0;
    padding-bottom:0;
}

input, textarea { padding-left: 4px; }

h1, h2 {
    /* border-bottom: solid 1px black; */
    padding-bottom: 10px;
}

h4 { margin-bottom:0; }


ul { padding:0; }
li { line-height: 25px; font-size: 15px; }

.full-list{
	list-style:none !important;
	height: auto !important;
}

ol{ padding-left:0; list-style-position:inside; }

.lists { margin-top: 10px;}

.lists li {  line-height: 25px; padding-bottom: 8px; padding-top: 8px; }

.lists li i {
	display: inline-block;
	margin-right: 5px;
	line-height: 25px;
	float: left;
}

.lists li img {
	display: inline-block;
	margin-right: 5px;
	margin-top: 5px;
	line-height: 25px;
}

.lists li a { display: block; }
.lists li:hover { background-color: white; }


#header {
	margin-top:0px;
	padding-bottom: 10px;
}

#header a {
    text-decoration: 	none;
    color: 				#0C405E;
}

.logo {
	margin-left:5%;
	display:inline-block;
	margin-top:5px;
}

.login-wrapper {
	float:right;
	text-align:right;
	margin-right:10px;
	display:inline-block;
	margin-bottom: 5px;
}


.page{
   /* margin-top: 40px;*/
}


#topnav {
	background:snow;
	float:left;
	padding-left:5%;
	width:100%;
	height: auto;
}
#topnav li a:hover{ text-decoration: none; }
#topnav li {
	font-size: 12px;
	display: inline-block;

}
#topnav { margin-bottom: 10px; }
#topnav ul li {float:left;display:inline;}
#topnav ol li:hover { background:#E6E6E6; }
#topnav ol li a { display:block; padding:5px 9px; color:#444; }
#topnav ol li ol li:hover a { background:#F7F7F7; }
#topnav ol li ol li:hover a { font-size: 12px; }


#footer					{text-align: left; background: #c7d3d4; color: #000000; font-family: 'ubuntu', Helvetica, Arial, sans-serif; padding:13px 0}
#footer a 				{color: #000000; text-decoration: none; font-weight: 100; font-family: 'ubuntu', Helvetica, Arial, sans-serif;}
#footer a:hover, #footer a:focus {color:orange;}
#footer img	{ border: 1px solid black; width:40px; height:40px;}
#footer #leftNav		{border-bottom: 1px solid white; padding:0 0 10px 0;}
#footer #leftNav li		{margin-bottom: 5px;}
#footer #leftNav li a {
	font-size: 12px; letter-spacing: 1px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
}
#footer #rightNav 		{padding:20px 0 0 0;}
#footer #rightNav img	{margin-bottom: 15px;}
#footer #rightNav li 	{line-height: 18px;}
#footer #rightNav li a 	{font-size: 12px; letter-spacing: 1px;}
#footer #rightNav li.social-icons a {font-size: 28px; padding-right:10px;}


#footer #language-select {
  float: right;
  right: 10px;
}


#footer #language-select a{
	font-size: 20px;
}

.social-icons a {font-size: 28px; padding-right:10px;}

footer ul { padding: 0; margin: 0;}
footer li {list-style: none; padding: 0; margin-bottom: 0;}

@media(min-width:768px){
	#footer #leftNav 		{border-bottom: none; padding:5px 0 0 0;}
	#footer #leftNav li 	{text-align: right;}
	#footer #rightNav 		{padding: 0 0 0 0;}
	#footer #rightNav ul	{margin-top:15px;}
	#footer #rightNav img	{margin-bottom: 10px;}
	
	.text-page p, .text-page li, .text-page ul, .text-page ol {max-width: 575px;}
}

@media (max-width:768px) {
	.uploadArea{display:none;}
}
@media (min-width:768px) {
	.uploadArea{ display:block !important; min-height:150px; height:auto; border:2px dashed red; padding:10px; cursor:move; margin:0 20px 20px 20px; position:relative;}
}

.invalid { border:1px solid red !important; }

#addForm{
	display:none;
}

.lists {
	overflow: auto;
}
.home-lists {
	/*height: 400px;*/
	overflow: auto;
}

.no-list-style {
	list-style:none;
}

.no-margin {
	margin:0 0 0 0 !important;
}

::-webkit-scrollbar{
  width: 10px;
}
::-webkit-scrollbar-track{
  background: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb{
  background: #0C405E;
}

@media (max-width:768px) {
	.lists {
		height: auto;
	}
}

.comments {
	margin-left: 20px;
	border-bottom: solid 1px red;
}

.social { margin-left: 5px; }
.twitter {color:#00aced}
.facebook {color:#3b5998}
.gplus {color:#D34836}
.instagram {color:#3f729b}
.linkedin {color:#007bb6}
.github {color:#000000}

.r8lst { 
	background-image: url("/static/ico/favicon.ico");
  	width: 16px;
  	height: 16px;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.edit, .delete {
  display:none;
}


#home-search {
	background-size: 100%;
	background-color:#693B58;
	margin-bottom: 21px;
	padding-top: 50px;
	/* padding-bottom: 20px; */

}

.boxes {
	display:inline-block;
	margin-top:10px;
	margin-right:10px;
	border:dotted 1px rgb(245, 16, 46);
	padding:10px;
	width:200px;
	height:auto;
	vertical-align:top;
}

@media (min-width:768px) {
	.container{
		padding-left:0;
		padding-right:0;
	}
}

#categories a { display: block; line-height: 45px; padding-left: 15px;}
#categories a:hover { background-color: white; text-decoration: none; }

#logo {
display: inline-block;
}
#logo img {
	width: 40px;
	height: 40px;

}
#strapline {
	display: inline-block;
	vertical-align: bottom;
	margin-left:3px;
}

#strapline h3 {
	font-size: 20px;

}


.home-search-label{
	width:80%;
	text-align:left;
	color:black;
	font-size:25px;
	/* font-weight: 100; */
}
/*
.homelist{
	width:100%;
	overflow:hidden;
}
*/
.homethumbs {
	overflow:hidden;
	width:125px;
	height:75px;
	float:left;display:inline;
	border:2px solid #333333;
}

.homethumbs img {
	
	width:125px;
	height:75px;
}


.hometexts {
	display: inline-block;
	margin-left: 10px;
}


.primarythumbs {
	overflow:hidden;
	width:150px;
	height:90px;
	float:left;
	display:inline;
	border:2px solid #333333;
	margin-right: 10px;
}



@media (max-width:768px) {

	.boxes {
		width:100%;
	}

	#home-search {
		margin-bottom: 21px;
		padding-top: 30px;
		padding-bottom: 30px;	
	}

	#logo img {
		width: 40px;
		height: 40px;
	}
	#strapline h3 {
		font-size: 20px;
	}

	#rightNav-mob li a {
		font-size:27px;
	}


	#rightNav-mob a, #rightNav-mob a:hover {
		margin-bottom: 10px;
		color: black;
	}


	#topnav a {
		margin-top:4px;
		height: 35px;
	}

	.lists-wrappers h3 {
		margin-top: 15px;
	}
	
	#strapline {

	}

}





html,
body {
  height: 100%;
}
#wrap {
  /* min-height: 100%; */
  height: auto;
  margin: 0 auto -30px;
  padding: 0 0 30px;
  overflow-x: hidden !important;
  max-width:100% !important;
  width:100% !important;
}



.scrollup {
    position: fixed;
    top:0;
    right:0;
    display: none;
    background-color: white;
    z-index:900;
}

.error {
    border: solid 1px #FF0000;  
}




.text-width {
	height:100px;
	max-width:100%;
}

.copyright {
	color:white;
	letter-spacing:0.6px;
}


.no-user-content { width: 320px; height: 50px; }
@media(min-width: 500px) { .no-user-content { width: 468px; height: 60px; } }
@media(min-width: 800px) { .no-user-content { width: 728px; height: 90px; } }


.search {
	display:inline-block;
	width:80%;
}


.nav {
	display: block;
	float: left;
}
.nav li {
	cursor: pointer;
	display: block;
	float: left;
}

@media (min-width: 768px) {
	.dropdown-menu li:hover .sub-menu {visibility: visible;}
	.dropdown:hover .dropdown-menu {display: block;}
}


.no-padding {
   	padding-bottom:0 !important;
   	padding-top:0 !important;
}





/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.bg-danger {
	    margin-top: 42px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.bg-danger {
	    margin-top: 85px;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.bg-danger {
	    margin-top: 85px;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	.bg-danger {
	    margin-top: 85px;
	}
}

/*
#home-search {
background-image:url(/static/img/pattern.jpg);
}
*/

.tint{
/*background-color:rgba(255,255,255,0.5)*/
}

.navbar{
	padding:5px !important;
}
@media (min-width: 992px){
.navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: space-between;
}

}





.login-button{
background-color:rgb(248, 249, 250);
border-bottom-color:rgb(52, 58, 64);
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
border-bottom-style:solid;
border-bottom-width:1px;
border-image-outset:0;
border-image-repeat:stretch;
border-image-slice:100%;
border-image-source:none;
border-image-width:1;
border-left-color:rgb(52, 58, 64);
border-left-style:solid;
border-left-width:1px;
border-right-color:rgb(52, 58, 64);
border-right-style:solid;
border-right-width:1px;
border-top-color:rgb(52, 58, 64);
border-top-left-radius:3px;
border-top-right-radius:3px;
border-top-style:solid;
border-top-width:1px;
box-sizing:border-box;
color:rgb(33, 37, 41);
cursor:pointer;
display:inline-block;
font-family:ubuntu, Helvetica, Arial, sans-serif;
font-size:10px;
font-weight:400;
/* height:29px; */
line-height:18px;
padding-bottom:4.5px;
padding-left:9px;
padding-right:9px;
padding-top:4.5px;
text-align:center;
text-decoration-color:rgb(33, 37, 41);
text-decoration-line:none;
text-decoration-style:solid;
text-size-adjust:100%;
transition-delay:0s, 0s, 0s, 0s;
transition-duration:0.15s, 0.15s, 0.15s, 0.15s;
transition-property:color, background-color, border-color, box-shadow;
transition-timing-function:ease-in-out, ease-in-out, ease-in-out, ease-in-out;
user-select:none;
vertical-align:middle;
/* width:136.719px; */
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}



/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 10px solid white;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	left: 100%;
	z-index: 3;
  }
  .btn-breadcrumb .btn:not(:last-child):before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 10px solid rgb(173, 173, 173);
	position: absolute;
	top: 50%;
	margin-top: -17px;
	margin-left: 1px;
	left: 100%;
	z-index: 3;
  }
  
  /** The Spacing **/
  .btn-breadcrumb .btn {
	padding:6px 12px 6px 24px;
  }
  .btn-breadcrumb .btn:first-child {
	padding:6px 6px 6px 10px;
  }
  .btn-breadcrumb .btn:last-child {
	padding:6px 18px 6px 24px;
  }
  
  /** Default button **/
  .btn-breadcrumb .btn.btn-default:not(:last-child):after {
	border-left: 10px solid #fff;
  }
  .btn-breadcrumb .btn.btn-default:not(:last-child):before {
	border-left: 10px solid #ccc;
  }
  .btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
	border-left: 10px solid #ebebeb;
  }
  .btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
	border-left: 10px solid #adadad;
  }
  
  /** Primary button **/
  .btn-breadcrumb .btn.btn-primary:not(:last-child):after {
	border-left: 10px solid #428bca;
  }
  .btn-breadcrumb .btn.btn-primary:not(:last-child):before {
	border-left: 10px solid #357ebd;
  }
  .btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
	border-left: 10px solid #3276b1;
  }
  .btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
	border-left: 10px solid #285e8e;
  }
  
  /** Success button **/
  .btn-breadcrumb .btn.btn-success:not(:last-child):after {
	border-left: 10px solid #5cb85c;
  }
  .btn-breadcrumb .btn.btn-success:not(:last-child):before {
	border-left: 10px solid #4cae4c;
  }
  .btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
	border-left: 10px solid #47a447;
  }
  .btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
	border-left: 10px solid #398439;
  }
  
  /** Danger button **/
  .btn-breadcrumb .btn.btn-danger:not(:last-child):after {
	border-left: 10px solid #d9534f;
  }
  .btn-breadcrumb .btn.btn-danger:not(:last-child):before {
	border-left: 10px solid #d43f3a;
  }
  .btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
	border-left: 10px solid #d2322d;
  }
  .btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
	border-left: 10px solid #ac2925;
  }
  
  /** Warning button **/
  .btn-breadcrumb .btn.btn-warning:not(:last-child):after {
	border-left: 10px solid #f0ad4e;
  }
  .btn-breadcrumb .btn.btn-warning:not(:last-child):before {
	border-left: 10px solid #eea236;
  }
  .btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
	border-left: 10px solid #ed9c28;
  }
  .btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
	border-left: 10px solid #d58512;
  }
  
  /** Info button **/
  .btn-breadcrumb .btn.btn-info:not(:last-child):after {
	border-left: 10px solid #5bc0de;
  }
  .btn-breadcrumb .btn.btn-info:not(:last-child):before {
	border-left: 10px solid #46b8da;
  }
  .btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
	border-left: 10px solid #39b3d7;
  }
  .btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
	border-left: 10px solid #269abc;
  }



  .sm-features-cart {
    height: 100%;
    padding: 25px;
    border-radius: 10px;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    cursor: pointer;
}

.linkies {
	padding:0px;
	line-height: 1;
}

.linkies a {

color:white;
text-decoration: underline;

}

.linkies p {

	padding:0px;
}