:root {
	--grey: #555555;	 
	--yellow: #FFFF00;	 
	--light-orange: #FFBB00;	 
	--medium-orange: #FF9900;	 
	--red: #FF0000;	 
	--deep-red: #AA0066;	 
	--purple: #990099;	 
	--deep-blue: #2211CC;	 
	--medium-blue: #0055FF;	 
	--light-blue: #1188FF;	 
	--medium-green: #44AA00;	 
	--light-green: #99FF66;
}

.text-active{color: var(--medium-orange);}

.bg-facebook{background-color: #3F66A9; color:#fff;}
.bg-twitter{background-color: var(--light-blue);color:#fff;}
.bg-instagram{background-color: var(--medium-orange);color:#fff;}
.bg-dislike{background-color: var(--medium-orange);color:#fff;     margin-left: 10px;}
.bg-like{background-color: var(--light-blue);color:#fff;}

.social .far{font-size:1.5rem;}
.social .fab{font-size:1.5rem;}

.social .fa-facebook-f:before{    padding: 0 4.5px;}

img{    max-width: 100%;}
body{font-family: 'Lato', sans-serif; color:#555;}

a {
	color: var(--grey);	
}

a:hover,
a:focus {
	color: var(--medium-orange);
}

.header{
	display: inline-table;
    width: 100%;
	padding-top: 0;
}

.header .logo{        float: left;     max-width: 200px;    padding: 20px 20px 0 0px; padding-top: 0;}
.slogan{    
	float: left;
	font-weight: 300;
	font-size: 26px;
	letter-spacing: 0.1em;  /* this may need to be adjusted to fit properly with a dynamic header width */
	color: #555555;
	padding-bottom: 15px;
    padding-top: 75px;
}
.hamburger{    position: absolute;    top: 60px; display:none;}
	.hamburger .fa{font-size:40px;}
	.pt-4 {
		padding-top: 10px !important;
	}
@media (max-width: 768px){
	.logo {
		width: 86px;
		height: 86px;
	}
}
@media (min-width: 768px){
	.hamburger{    position: absolute;    top: 60px; display:none;}
	.hamburger .fa{font-size:40px;}
	.navigation{
		float: left;
		width: auto;
		text-align: center;
		
	}
	.navigation.open{
		
	}
	.navigation ul{
		margin: 0;
		padding: 0;
		float: none;
		width: auto;
		list-style: none;
		display: inline-block;
	}
	.navigation ul li{
		float: left;
		width: auto;    
		position: relative;
	}
	.navigation ul li:last-child{
		margin: 0;
	}
	.navigation ul li a{
		float: left;
		width: 100%;
		color: #555555;
		padding: 0px 18px;
		font-size: 20px;
		font-weight:300;
		line-height: normal;
		text-decoration:none;
		box-sizing:border-box;
		text-transform: uppercase;
	   -webkit-transition:color 0.3s ease;
		transition:color 0.3s ease;
		border-right: solid 2px rgba(0,0,0,0);
		margin-bottom:10px;
	}
	.navigation ul li:nth-child(1) > a{
		padding-left:0;
		border-right-color: #FFFF00;
	}
	.navigation ul li:nth-child(2) > a{	
		border-right-color: #FFBB00;
	}
	.navigation ul li:nth-child(3) > a{
		border-right-color: #FF9900;
	}
	.navigation ul li:nth-child(4) > a{
		border-right-color: #FF0000;
	}
	.navigation ul li:nth-child(5) > a{
		border-right-color: #AA0066;
	}
	.navigation ul li:nth-child(6) > a{	
		padding-right:0;
		border-right: 0;
	}
	.navigation .children {
		position: absolute;
		top: 100%;
		z-index: 1000;
		margin: 0;
		padding: 0;
		left: 0;
		min-width: 240px;
		background-color: #fff;
		border: solid 1px #dbdbdb;
		opacity: 0;
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		transition: opacity 0.3s, -webkit-transform 0.3s;
		transition: transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	}

	.navigation .children a{border-right: 0; margin-bottom:0px;}
	.navigation ul li .children  {
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-transform: rotateX(-75deg);
		transform: rotateX(-75deg);
		visibility: hidden;
	}
	.navigation ul li:hover > .children  {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		opacity: 1;
		visibility: visible;
	}
	.navigation ul li .children .children{
		right: 100%;
		top: 0;
		left:auto;
	}
	.navigation ul li.last .children{
		right: 0;
		left: auto;
	}
	.navigation ul li.last .children .children{
		right: 100%;
		left: auto;
	}
	.navigation ul li .children li{
		float: left;
		width: 100%;
	  margin:0;
	}
	.navigation ul li .children  a {  
		display: block;
		font-family: "Montserrat", sans-serif;
		text-transform: uppercase;
		font-weight: 700;
		font-size: 11px;
		color: #333;
		text-align: left;
		line-height: 1.5em;
		padding: 16px 30px;
		letter-spacing: normal;
		border-bottom: 1px solid #dbdbdb;
		-webkit-transition: background-color 0.3s ease;
		transition: background-color 0.3s ease;
	}
	.navigation ul li .children  a:hover{
		color: #fff;
	  background-color:#007bff;
	}
	.navigation ul li a:hover{
	  color:#007bff;
	}
}
hr.colored {
  border: 0; 
height: 2px;



background-image: -moz-linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);

background-image: -webkit-linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);

background-image: -o-linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);

background-image: -ms-linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);

background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);

margin-top: 0;
}
.footer p{
	margin-bottom: 0;
}

.videopopupbtn, .imagepopupbtn {
	text-decoration: none;
}
#topBtn {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 60px;
	height: 60px;
	background-color: #cccccc;
	color: #ffffff;
	font-size: 30px;
	text-align: center;
	background-image: url(../images/arrow-up-short.svg);
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	visibility: hidden;
	display: none;
}
.text-gradient{
-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;	
background: -moz-linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);

background: -webkit-linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);

background: -o-linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);

background: -ms-linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);

background: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.border-left{border-left:dotted 2px #d4d7d8 !important;}
.border-right{border-right:dotted 2px #d4d7d8 !important;}
.border-top{border-top-style:dotted !important; border-top-width:2px !important;}
.border-bottom{border-bottom-style:dotted !important; border-bottom-width:2px !important;}

.content .border-right{border-right:dotted 2px #d4d7d8 !important;}
.featured-video{}
.about-text {
    font-size: 1.1rem;
    font-weight: 300;
}

img.transparent{ display:none; opacity:0;}

.item-info{font-weight:300;}
.item-info span{padding: 0 7px; border-right: solid 2px #d4d7d8;}
.item-info span:first-child{padding-left:0;}
.item-info span:last-child{border:0; padding-right:0;}

.score {
	color: #007bff ;
}

/* --- About Page -- */
/* --- Join Us Page -- */
/* --- Submit ads Page -- */
.content-page, .join-us, .submit-ads{font-weight:300; line-height: 2;}
.content-page ul.side-by-side{ float: left;  list-style: none;    padding: 20px 20px 0 0;    margin: 0; line-height: 2; width: 50%; }
.content-page li{}

/* --- Submit ads Page -- */
.submit-ads ul{padding-left:20px;}
.submit-ads li{padding-left:15px;     list-style-type: decimal;}

/* --- Footer -- */
.footer{    line-height: 2;}
.footer .border-top{ border-top: dotted 2px #d4d7d8 !important;}
.footer  ul{float: left;    list-style: none;    padding: 0;    margin: 0;}
.footer  ul:last-child{ float:right;}
.footer  li{}
.footer  a{color: var(--grey);}
.footer  a:hover{color: #007bff;}

/* --- Form controls -- */
.form-control{  box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);     margin-bottom: 30px; }
.select2-container{  box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);     margin-bottom: 15px; }
.form-check-input{}
.form-check-input:before{}
.form-check-input:after{
	background: #fff;
    position: absolute;
    width: 18px;
    height: 20px;
    content: "";
    border: solid;
    box-shadow: 3px 3px 0px #007bff;
    border-color: #17a2b8;
    border-width: 2px;
}
.form-check-input:checked:after{background-image: url('../images/checked.png'); background-position:center; background-size:contain;}

.form-check-label {
	margin-left: 20px;
}
.form-radio-input:after{
	-webkit-border-radius: 50%;
	border-radius: 50%;
    background: #fff;
    position: absolute;
    width: 18px;
    height: 18px;
    content: "";
    border: solid;
    box-shadow: 2px 2px 0px #007bff;
    border-color: #17a2b8;
    border-width: 2px;
}

.form-radio-input:checked:after{background-image: url('../images/checked.png'); background-position:center; background-size:contain;}

select.form-control:not([size]):not([multiple]):after{ position: absolute;
    width: 18px;
    height: 18px;
    content: "";}

.select2 {
width:100%!important;
}
.select2-container--default .select2-selection--multiple, 
.select2-container--default .select2-selection--single{border-color: #007bff !important; line-height:1.5; padding:0 10px; color:#007bff;  height: AUTO;}
	
.form-control::-webkit-input-placeholder,	
.select2-container--default .select2-selection--single input::-webkit-input-placeholder,
.select2-container--default .select2-selection--multiple input::-webkit-input-placeholder { /* Edge */
  color:#007bff;
}

.form-control:-ms-input-placeholder,
.select2-container--default .select2-selection--single input:-ms-input-placeholder,
.select2-container--default .select2-selection--multiple input:-ms-input-placeholder { /* Internet Explorer */
  color:#007bff;
}

.form-control::placeholder,
.select2-container--default .select2-selection--single input::placeholder,
.select2-container--default .select2-selection--multiple input::placeholder {
  color:#007bff;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-selection--single .select2-selection__rendered{
	color:#007bff;
	    font-weight: 500;
		LINE-HEIGHT: 2.3;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{top: 6px;color:#007bff;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
border-color:#007bff transparent transparent transparent;
border-width: 8px 7px 0 7px;
    margin-left: -11px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
	    border-color: transparent transparent #007bff transparent;
    border-width: 0 7px 8px 7px;
}

/* --- Item Details Page -- */
.item-buttons .form-control{ width:auto; margin-left:20px;}
.item-details, .item-details p{ line-height:1.75;}
.item-details .h5{line-height:1.75}

.comments textarea{ height:130px;}

.comments .far{ cursor:pointer}

.btn:not(.btn-link){box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28); }

.card-body a{color: var(--medium-orange);}

.join-us img{max-width:180px;}

@media (min-width: 1024px ) and (max-width: 1200px){
	.slogan{font-size:22px;}
	.navigation ul li a{    font-size: 16px;}
}

@media (max-width: 1023px ){
	.header .logo{float:none; margin:auto; padding:0;}
	.slogan{
		font-size: 24px;
		float: none;
		display: block;
		text-align: center;
		padding-top: 10px;
	}
	.navigation {
		float: none;
	}
	.navigation ul li a{    font-size: 18px;}
	.slogan {
		font-size: 1rem;
		padding-left: 40px;
		padding-right: 40px;
	}
	
}

@media (min-width: 768px)and (max-width: 990px){
	.slogan{
		font-size: 20px;
	}
	.navigation ul li a{    font-size: 14px;}
}

@media (max-width: 767px){
	body.hasActiveMenu{overflow:hidden;}
	.hamburger{display:block; cursor:pointer;  -webkit-transition: width  300ms ease; /* For Safari 3.1 to 6.0 */
  transition: width  300ms ease; }
	.hamburger.menu-show{
		text-align: right;
		top: 30px;
		right: 30px;
		position: fixed;
		z-index: 3333;
		color: #fff;
	}
	
	.navigation {
		position: fixed;
		z-index: 999;
		height: 100%;
		width: 100%;
		background: #404040;
		overflow-x: hidden;
		overflow-y: scroll;
		margin: 0;
		left: -100%;
		top: 0;
		transition: left 300ms ease;
	 }
	.navigation.open{ 
	    top: 0;
		left: 0;
		background: rgba(0,0,0,.98);
		padding-top: 100px;
	}

	.navigation ul {
	  padding: 0px;
	  margin: 0px;
	  list-style: none;
	  position: relative;
	  display: inline-block;
	}

	.navigation > li > ul.sub_menu {
	  min-width: 10em;
	  padding: 4px 0;
	  
	  border: 1px solid #fff;
	}

	.navigation ul li { padding: 0px; }

	.navigation > ul > li { display: inline-block; }

	.navigation ul li a {
	  display: block;
	  text-decoration: none;
	  color: #fff;
	  font-size: 14px;
	}

	.navigation ul li a:hover {
	  background: #efa666;
	  color: #fff;
	}

	.navigation ul li.hover > a {
	  background: #efa666;
	  color: #fff;
	}

	.navigation ul li > a { padding: 15px; }

	.navigation ul ul {
	  display: none;
	  position: absolute;
	  top: 100%;
	  min-width: 160px;
	  
	}

	.navigation ul li:hover > ul { display: block; }

	.navigation ul ul > li { position: relative; }

	.navigation ul ul > li a {
	  padding: 10px 15px;
	  height: auto;
	  
	}

	.navigation ul ul > li a:hover {
	  background: #efa666;
	  color: #fff;
	}

	.navigation ul ul ul {
	  position: absolute;
	  left: 100%;
	  top: 0;
	}

	.navigation {
	  clear: both;
	  min-width: inherit;
	  float: none;
	}


	.navigation > ul ul {
	  overflow: hidden;
	  max-height: 0;
	 
	}

	.navigation > li > ul.sub-menu {
	  padding: 0px;
	  border: none;
	}


	.navigation > ul ul.active { max-height: 55em; }

	.navigation ul { display: inline; }

	.navigation li,
	.navigation > ul > li { display: block; }

	.navigation > ul > li:last-of-type a { border: none; }

	.navigation li a {
	  color: #fff;
	  display: block;
	  padding: 0.8em;
	  position: relative;
	}

	.navigation li.has-submenu > a:after {
	  content: '+';
	  position: absolute;
	  top: 0;
	  right: 0;
	  display: block;
	  font-size: 1.5em;
	  padding: 0.55em 0.5em;
	}

	.navigation li.has-submenu > a.active:after { content: "-"; }

	.navigation ul ul > li a {
	  
	  padding: 10px 18px 10px 30px;
	}

	.navigation ul li a:hover {
	  background: #4b5f65;
	  color: #fff;
	}

	.navigation ul li.hover > a {
	  background: #4b5f65;
	  color: #fff;
	}

	.navigation ul ul,
	.navigation ul ul ul {
	  display: inherit;
	  position: relative;
	  left: auto;
	  top: auto;
	  border: none;
	}

	.arrowed:after {
	  content: '+';
	  width: 25px;
	  height: 25px;
	  position: absolute;
	  color: #333;
	  right: 6px;
	  font-size: 26px;
	  top: 9px;
	}

	.selected {
	  box-shadow: 0 0 12px 3px #333 !important;
	}
	.selected:after {
	  content: "_";
	  width: 25px;
	  height: 25px;
	  position: absolute;
	  color: #f1f1f1;
	  right: 4px;
	  font-size: 20px;
	  top: 4px;
	}

	.content .border-right{border-right:0 !important;}
	.content .border-left{border-left:0 !important;}
	.footer-logo{ max-width:100px;}
	
	/* --- About Page -- */
	.content-page ul.side-by-side{float: none; width:100%; padding-right:0;}
	
	/* --- Sidebar -- */
	.block-title.h1{font-size:4rem;}
	.right-sidebar, .left-sidebar{text-align:center;}
	#search-ads{ text-align: left;}
}
@media (max-width: 375px){
.social.h5,	
.social .far,
.social .fab{}
.social .col-4{padding-right:0px;}
.social .col-4:last-child{padding-right:15px;}

.item-buttons .btn-group .text-primary.pt-2{    padding-top: 0.25rem !important;}
.item-buttons .btn-group button.form-control{    font-size: 0.64rem;}

}

@media (max-width: 320px){
	.item-buttons .form-control{    margin-left: 10px;}
	.social .col-8{padding-right: 5px;}
	.social .col-4{padding-left: 5px;}
}




/** CUSTOM PAGINATION **/



.pagination {
  font-size: 0;
  line-height: 0;
  margin-bottom: -10px;
  margin-left: -10px;
}

.pagination:empty {
  margin-bottom: 0;
  margin-left: 0;
}

.pagination > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 10px;
}

.page-item {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-weight: 700;
}

.page-link {
  display: inline-block;
  min-width: 48px;
  padding: 10px 10px;
  border: 2px solid #e9ecef;
  font-size: 14px;
  line-height: 1.71429;
  background-color: #ffffff;
  color: #adb5bd;
  transition: all 0.3s ease-in-out;
}

.page-link:hover, .page-link:focus, .page-link:active {
  color: #ffffff;
  background-color: #227094;
  border-color: #227094;
}

.page-item.active > .page-link, .page-item.active > .page-link:hover, .page-item.active > .page-link:focus, .page-item.active > .page-link:active {
  color: #ffffff;
  background-color: #227094;
  border-color: #227094;
}

.page-item.disabled > .page-link, .page-item.disabled > .page-link:hover, .page-item.disabled > .page-link:focus, .page-item.disabled > .page-link:active {
  color: #ced4da;
  background-color: #e9ecef;
  border-color: #e9ecef;
}

.page-item-control .icon::before {
  font-family: 'FontAwesome';
  font-size: 11px;
  line-height: 24px;
}

.page-item-control:first-child .icon::before {
  content: '\f053';
  margin-left: -1px;
}

.page-item-control:last-child .icon::before {
  content: '\f054';
  margin-right: -1px;
}

.pagination-custom {
  text-align: center;
  margin-right: -5px;
  padding-left: 0 !important;
}

.pagination-custom > li {
  display: inline-block;
  margin-right: 5px;
}

.pagination-custom a {
  display: block;
  width: 37px;
  height: 37px;
  border: 2px solid;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 34px;
  text-align: center;
  text-decoration: none;
}

.pagination-custom a, .pagination-custom a:focus, .pagination-custom a:active {
  color: #0d0d0d;
  border-color: #ccc;
  background-color: transparent;
}

.pagination-custom a:hover {
  color: #ffffff;
  border-color: #227094;
  background: #227094;
}

.pagination-custom a.active {
  cursor: auto;
  pointer-events: none;
}

.pagination-custom a.active, .pagination-custom a.active:focus, .pagination-custom a.active:active, .pagination-custom a.active:hover {
  color: #ffffff;
  border-color: #227094;
  background: #227094;
}

.share-dialog {
  display: none;
  width: 95%;
  max-width: 300px;
  box-shadow: 0 8px 16px rgba(0,0,0,.15);
  z-index: -1;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 4px;
  background-color: #fff;
  height: 95%;
  max-height: 150px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.share-dialog.is-open {
  display: block;
  z-index: 2;
}