/*
Theme Name: Download Bureau Custom
Theme URI: 
Author: OCME
Author URI: 
Description: Lightweight Custom theme for Download Bureau site
Version: 1.0
Text Domain: downloadbureau
*****************************/
/**
* #.# RESET
*
* !!--Do not edit--!!
*/

*{ padding:0; margin:0; color: #000}
body{font-family:helvetica;background-image: url(images/topbar.gif);background-repeat: repeat-x;font-family: "overpass", helvetica, arial, tahoma;}

.main{ 
margin:0 auto; width:1100px; overflow: hidden; width: 1100px; 
/* Firefox v3.5+ */
-moz-box-shadow:1px 7px 16px rgba(102,102,102,0.65);
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-box-shadow:1px 7px 16px rgba(102,102,102,0.65);
/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
box-shadow:1px 7px 16px rgba(102,102,102,0.65);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=7,Color=#a5666666,Positive=false)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=7,Color=#a5666666,Positive=false);
}


h1, h2, h3, h4, h5, h6{font-family: "khand", helvetica, arial, tahoma;}
p{font-family: "overpass", helvetica, arial, tahoma;}



.header{  background-color: #BAD1ED;  height: 125px; width: 100%;  }
.header .logo{width: 289px;height: 69px;float: left;background-image: url('http://www.distrosoft.com/wp-content/uploads/2017/02/distrosoft1_logo.png');margin: 30px 0 0 30px;background-repeat: no-repeat; background-size: contain;}




.header .topnav{ width: 96%; margin: 0px auto; text-align: right; clear:both; display:block; overflow:auto; }
.header .topnav li{display:inline-block;float:right;border-right: 1px solid #000;padding: 0 15px;}


.counters{ display: flex; flex-direction: row; justify-content: center;  }
.counter *{ text-align: center; }
.counters .blk{ height: 113px; border: 1px solid #D9E5F5; margin: 5px 10px; text-align: center;  }
.counters .blk .ntotal {
    font-family: "Oswald", helvetica, arial, tahoma;
    font-size: 45px;
    color: #FFC000;
    font-weight: 200;
}
.counters .blk .title{ margin:0 !important; }


.cleft{float: left;overflow: hidden;margin: 20px 0 60px 30px;}
.cleft .categories{float: left;width: 150px; }
.cleft .categories  ul li {
	width: 170px;
	float: left;
	display: inline-block;
	border-bottom: 1px solid #f3f4f4;
	padding: 8px 0;
	}

.cleft .categories-scrolled { position: fixed; top: 0; background: white; }


.cleft .popular{float: left;width: 370px;border-left: 5px solid #b9d1ee; margin-bottom:50px;}
.cleft .popular  ul li {
    float: left;
    border-bottom: 1px solid #D4E2F4;
    padding: 3px 0;
    list-style-type: none;
    display: block;
    width: 100%;
    padding-left: 20px;
 }
.cleft .popular ul li img{ margin-right:15px; }
.cleft .popular .viewmore{
	display: inline;
	text-align: right;
	color: #FFF;
	background-color: #000;
	font-family: "Ropa Sans", helvetica, arial, tahoma;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px 5px 5px 20px;
	float: right;
	margin-top: -30px;
}

.cleft .popular a.viewmore:hover{ background-color: #FFC000; color: #000; }

.cleft  ul li a{text-decoration: none;font-size: 14px;}
.cleft .leaderboard{ margin-top:50px; }

.cleft ul li a{ text-decoration: none; }
.cleft ul li a:hover{ text-decoration: underline; }


.sidebar{width: 300px;float: right;margin-right: 27px;}
.sidebar h1, .cleft h1{text-transform:uppercase;font-size:22px;margin:0 0 20px 0;}
.sidebar .topdownloads{border: 1px solid #6999D8;padding:20px;margin: 20px 0 20px 0;}
.sidebar .topdownloads ul li{ list-style-type:none; margin-bottom:10px; font-size:14px;}
.sidebar .topdownloads ul li img{ margin-right:15px; }
.sidebar .topdownloads ul li a{ text-decoration: none; }
.sidebar .topdownloads ul li a:hover{ text-decoration: underline; }

.copyright{ clear: both;
    text-align: center;
    margin: 20px 0;
    overflow: hidden; }









/*  added by  Jayson  */




.counters{display: flex;flex-direction: row;justify-content: flex-end;background-color: #FFF;border: 5px solid #000;width: auto;float: right;margin: 20px 20px 0 0;}
.counter *{ text-align: center; }
.counters .blk{width: 30%;height: auto;border: 0;margin: 10px 10px;text-align: center;}
.counters .blk .ntotal {
    font-family: "Oswald", helvetica, arial, tahoma;
    font-size: 26px !important;
    color: #FFC000;
    font-weight: 200;
}
.counters .blk .title{font-size: 14px !important;}

.mainsearch form{     
     display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.mainsearch { width: 70%; margin: 20px auto; overflow:hidden; }
.mainsearch span { display: block; float: left; }
.mainsearch .searchbox { width: 56%; padding: 3px 0 3px 10px; float: left; }
.mainsearchdd { float: left; }
.mainsearch .searchbtn {
    display: block;
    width: 60px;
    height: 60px;
    float: right;
    background-color: #FFF;
    margin: 1px 0 0 0;
    border: 0;
    background-image: url(http://www.distrosoft.com/wp-content/uploads/2017/02/searchbtn.png);
    background-size: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #000;
    border-radius: 50px;
    margin-left: 10px;
}
.mainsearch .searchbtn:hover{
background-color:#ffbf00;
border:1px solid #FFF;   
}


.row{ display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    }

.row .col{ width:48%; margin: 10px 30px; }
.row .col.latest{margin: 10px 0 30px 50px;}
.row .col.popular{margin: 10px 50px 30px 40px;}

.row .col h2{ margin-bottom:15px; border-bottom:2px solid #CCC; padding-bottom:10px; }

.row .col ul li{ list-style-type:none; padding:2px 0;  }
.row .col ul li span{ color:#AAA; }
.row .col ul li img{ margin-right:15px;}
.row .col ul li a{ text-decoration:none; color:#0080FF; }
.row .col ul li a:hover{ text-decoration:underline; }

.row .col li img { width: 24px; height: 24px; object-fit:contain;}

.row .col ol li{ list-style-type:none; padding:2px 0; list-style-type: decimal-leading-zero; }
.row .col ol li span{ color:#AAA; }
.row .col ol li img{ margin-right:15px}
.row .col ol li a{ text-decoration:none; color:#0080FF; }
.row .col ol li a:hover{ text-decoration:underline; }



.news {float: left; overflow: hidden; margin: 20px 0 60px 30px; width: 700px; }
.news .article {
	padding: 5px 0 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #bbe1f5;
	float: left;
	display: block;
	width: 100%;
}
.news .wp-post-image {
	float: left; object-fit: cover;
	width: 250px; height: 150px;
	margin: 0 15px 0;
}
.news h2, .news h2 a{
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-weight: normal;
	font-size: 16pt;
	color: #2877ab;
	margin: 0 0 20px 0;
	font-family: "overpass", helvetica, arial, tahoma;
	font-size: 17px !important;
	line-height: 23px;
	font-weight: 100;
}
.news .excerpt {
	font-size: 9pt;
}

.news.home {
	width: 550px;
	margin-left: 0px;
}

.news.home h2, .news.home h2 a {
	font-size: 14pt;
}

.news.home img {
	width: 200px;
	border: 5px solid #e9eaea;
	border-radius: 0px;
}

.sidebar{width: 300px;float: right;margin-right: 27px;}
.sidebar h1, .cleft h1{text-transform:uppercase;font-size:22px;margin:0 0 20px 0;}
.sidebar .topdownloads {border: 1px solid #6999D8;padding:20px;margin: 20px 0 20px 0;}
.sidebar .topdownloads ul li{ list-style-type:none; margin-bottom:10px; font-size:14px;}
.sidebar .topdownloads ul li img{ margin-right:15px; }
.sidebar .topdownloads ul li a{ text-decoration: none; }
.sidebar .topdownloads ul li a:hover{ text-decoration: underline; }

.widget {margin: 15px 0 0 15px;}
.sidebar .widget { margin: 25px 0;}

.copyright{ clear: both;
    text-align: center;
    margin: 20px 0;
    overflow: hidden; }


.widget_wpdm_topdls_widget .media-body p,
.widget_wpdm_topdls_widget .media-body ul {
	display: none;
}

.sidebar #wpdm_topdls_widget-2{ padding: 0 20px; }
.sidebar #wpdm_topdls_widget-2 .link-btn{ border:0 !important;  margin-bottom:20px; border-bottom:1px dashed #CCC !important; width:100%;  }
.sidebar #wpdm_topdls_widget-2 .link-btn strong.ptitle{ font-weight:normal; }

.post {
	width: 720px;
	padding: 10px 15px;
	float: left;
}

.post ul, .post ol{ margin:20px 30px;}



.meta {
	font-size: 10pt; color: #9c9c9c; font-weight: bold;
}

.post img{
	max-width: 100%;
	max-height: 400px;
	object-fit: contain;
	object-position: center;
	margin: 10px 0;

}

.category .article {
	width: 31%;
	margin: 5px 5px 10px;
	height: 300px;
	overflow: hidden;
}

.category .article h2 {
	width: 100%;
	float: left;
	text-align: center;
}

.category .excerpt {
	text-align: center;
	font-size: 10pt;
}

.category .wp-post-image
{ margin: 0; width: 100%; height: 100px; object-fit: contain; }


.counters{display: flex;flex-direction: row;justify-content: center;background-color: #FFF;border: 5px solid #000;width: auto;float: right;margin: 20px 20px 0 0;align-items: center;}
.counter *{ text-align: center; }
.counters .blk{width: auto;height: auto;border: 0;margin: 10px 10px;text-align: center;}
.counters .blk .ntotal {
    font-family: "khand", helvetica, arial, tahoma;
    font-size: 20px;
    color: #FFC000;
    font-weight: bold;
}

.mainsearch span{ font-size:25px; font-weight:bold; margin-right:25px;}
.mainsearchdd{
	display: block;
	background-color: #FFBF00;
	border: 0;
	background-position: right 20px;
	background-repeat: no-repeat;
	width: 150px;
	height: 35px;
	float: right;
	color: #FFF;
	font-size: 16px;
}
.mainsearch a.searchdd:hover{ background-color: #000; }
.mainsearch .searchbox{
	font-family: "Nunito Sans", helvetica, arial, tahoma;
	color: #000;
	width: 56%;
	font-size: 20px;
	padding: 2px 0 2px 25px;
	border: 1px solid #FFF;
	background-color: #d5e8ff;
	padding: 5px;
}


.row{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #77c4ec;
    margin-bottom: 20px;
    }

.row .col{ width:48%; margin: 10px 30px; }
.row .col h2{margin-bottom:15px;border-bottom: 2px solid #ffffff;padding-bottom:10px;color: #AAA;font-weight: 100;}

.row .col ul li{ list-style-type:none; padding:2px 0; }
.row .col ul li span{ color:#AAA; }
.row .col ul li img{ margin:0 15px; }
.row .col ul li a{text-decoration:none;color: #000204;font-weight: 400;font-size: 14px;}
.row .col ul li a:hover{ text-decoration:underline; }


.row .col ol{ margin-left:25px; }
.row .col ol li{ padding:2px 0; }
.row .col ol li span{ color:#5474da; }
.row .col ol li img{ margin:0 15px; }
.row .col ol li a{text-decoration:none;color: #000;font-weight: 400;font-size: 14px;}
.row .col ol li a:hover{ text-decoration:underline; }

.row .col .viewmore{
	display: block;
	text-align: left;
	padding: 10px;
	color: #2f7dcc;
	text-decoration: none;
}
.row .col a.viewmore:hover{ text-decoration: underline; }

.cleft .categories { float: left; width: 150px; border-right: 5px solid #b9d1ee; margin-right: 20px; }
.cleft .categories  ul li{ width:100% }


.sidebar .topdownloads {
    border: 0;
    padding: 25px 0;
    margin: 0;
}



#topnav{ 
   background-color:#000; 
   overflow:auto; 
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
#topnav li{ 
	float:left; 
	list-style-type:none; 
	border-right:1px solid #FFF;
	padding:10px 20px;
}
#topnav li:last-child{ border-right:0; }

#topnav li a{ font-size:22px; color:#FFF;}
#topnav li a:hover{ color:#ffbf00; text-decoration:underline; }

.h1a{ 
    font-size: 22px;
    text-transform: uppercase;
    margin-top: 0 !important;
}

.pagetitle { text-align: center; font-size: 20pt; }

.slider { margin:0 auto; overflow: hidden; margin: 10px; }
.slider .arrowleftbtn{float: left;width: 35px;background-image: url(images/leftbtn.png);background-repeat: no-repeat;background-position: center center;display: block;border: 0;height: 190px;margin-right: 5px;}
.slider .arrowrightbtn{float: right;width: 35px;background-image: url(images/rightbtn.png);background-repeat: no-repeat;background-position: center center;display: block;height: 190px;}

.slider .article {
	background: #77c4ec;
	height: 170px;
	border-radius: 5px;
}

.slider .article h2 a {
	color: white;
	font-size: 16pt;
	line-height: normal;
}

.slider .article .excerpt {
	font-size: 10pt;
	color: #f3f4f4;
}

.slider .article img {
	border: 1px solid #405567;
	width: 250px;
	height: 150px;
	object-fit: cover;
	margin: 10px 10px;
	float: left;
}

.topnewsbox {background-color: #a5e0ff;width: 100%;float: left;height: 270px;overflow: hidden;}
.topnewsbox .col { width: 50%; float: left;}
.topnewsbox h1 {color: #02232c;font-size: 24pt;}
.topnewsbox .sliderRight {margin: 10px 0px;padding: 0 10px;height: 170px;border-left: 0;}

.topnewsbox .sliderRight li {
    color: #FFF;
	list-style-type: none;
    margin: 5px 0;


    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.topnewsbox .sliderRight li span {
    color: #77c4ec;
}

.topnewsbox .sliderRight li a {
	font-size: 12pt;
	color: #FFF;
	font-size: 10pt;
	color: #02232c;
	font-weight: 100;
}

.topnewsbox .viewmore {color: #02232c;}



.catcontent{ width:97%; margin: 0 20px 50px 20px; }
.catcontent h1{ margin-bottom:20px; }

.catcontent *{ color: #00216A; }
.catcontent img { margin:0 auto; display:block; }
.catcontent td{padding: 10px 5px; font-size: 10pt; }
.catcontent h2 a { font-size: 14pt; }
.catcontent td.col1{ width:100px; }
.catcontent td.col3{width: 200px;}
.catcontent ul.info{ margin:0 0 0 20px; }
.catcontent a { text-decoration: none; }
.catcontent a:hover{ text-decoration: underline; }

.catcontent table.softwarelist { width:100%; }

.catcontent table.softwarelist img { width: 100px; height: 100px; object-fit: content; }
.catcontent table.softwarelist tr:nth-child(odd) { background-color: #F0F2F7; }
.catcontent table.softwarelist tr:nth-child(even) { background-color: #E1E7EF; }

.catcontent .nav-tabs, .package_content .nav-tabs 
	{width: 100%;overflow: hidden;background-color: #f3f4f4;margin-bottom: 10px;}
.catcontent .nav-tabs li, .package_content .nav-tabs li
	{  display: inline-block; float: left;  }
.catcontent .nav-tabs a, .package_content .nav-tabs a
	{ text-transform: uppercase; padding: 10px; display: block; font-size: 14px; font-family:oswald; }
.catcontent .nav-tabs li.active, .package_content .nav-tabs li.active
	 { background-color: #00216A; color: #FFF !important;  }	
.catcontent .nav-tabs li.active a, .package_content .nav-tabs li.active a
	 { color: #FFF;  }
.catcontent .nav-tabs li.inactive a, .package_content .nav-tabs li.inactive a
	 { color: #5a758c !important;  background: #f0f2f7 !important; }
.catcontent .nav-tabs li a, .package_content .nav-tabs li a
	 { background: none; border: none;  }

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
{
	border: none; background: none;
}

.nav-tabs>li:hover {
	background-color: #e8ecf5;
}

.nav-tabs-scrolled {
  position: fixed;
  width: 1067px !important;
  top: 0;
  z-index: 999;
  box-shadow: 0 10px 30px #ffffff, 0 10px 50px #ffffff;
}

.softwarelist .downloadbtn a{
	display: block;
	background-color: #4ca2dc;
	text-align: center;
	color: #FFF;
	padding: 6px;
	font-family: "Oswald", helvetica, arial, tahoma;
	text-transform: uppercase;
	font-size: 16px;
	border-radius: 10px;
	border-bottom: 3px solid #bad1ed;
	margin: 2px 10px;
}


.softwarelist .downloadbtn a:hover{
	text-decoration:none;
	color:#FFF;
	background-color:#000000;
}

.softwarelist .LoadMore, .softwarelist .LoadMore-Wait {
	background: #a8b6c7;
	font-size: 16pt;
	height: 50px;
	display: block;
	width: 500px;
	padding: 10px 5px;
	border-radius: 10px;
	color: #ffffff;
	cursor: pointer;
}

.softwarelist .LoadMore:hover {
	background: #788390;
	text-decoration: none;
}

.softwarelist .LoadMore-Wait img {
	width: 32px !important; height: auto !important;
}

.w3eden .ptitle .label-default { display:none;}
.sidebar .w3eden img.wpdm_icon{ width: 55px; }
.w3eden .media-body, .w3eden .media-left, .w3eden .media-right { color: #FFF; }


.row .col.latest ul li span{ width:80px; text-align:right; display:inline-block;  }
.row .col ol li *{ display:inline; }
.list_dlcounts{ text-align:right; float:right;}
.package_button { float:right; }


/* CUSTOM SINGLE PAGE FOR DOWNLOADS */

.package_icon {
	float: left;
	margin: 0 20px;
}

.package_icon img{
	margin: 0 10px;
	width: 100px;
	height: auto;
}

.package_stars {
	float: left;
	font-size: 10pt;
	padding: 40px 0 0;
}

.package_button {
	float: right;
	margin: 0 10px;
	padding: 30px 0;
	text-align: center;
}

.package_button .downloadbtn a {
	display: inline-block;
	background-color: #6ac142;
	color: #FFF;
	padding: 10px 25px 10px 80px;
	font-family: oswald;
	text-transform: uppercase;
	font-size: 33px;
	border-radius: 10px;
	text-align: center;
	background-image: url(http://www.distrosoft.com/wp-content/uploads/2017/02/downloadicon.png);
	background-position: 10px 0;
	background-size: 57px;
	background-repeat: no-repeat;
	border-bottom: 5px solid #3b8825;
}

.package_button .downloadbtn a:hover{
	text-decoration:none;
	color:#FFF;
	background-color:#44a528;
}

.package_content {
	float: left;
	width: 100%;
	margin: 0 0 50px 0;
}

.package_content>.tab-content>div {
	padding: 10px;
}

	.package_content .package_specs {
		width: 100%;
	}

	.package_content .package_specs tr {
		border: 1px solid #dddddd;
	}

	.package_content .package_specs td {
		padding: 10px;
	}
	.package_content .package_specs td:first-child {
		background-color: #eef2fb;
		width: 30%;
	}

.package_screenshots {
	width: 100%;
	display: block;
	float: left;
	margin: 10px 0;
}

.package_screenshots .screenshot {
	width: 30%;
	float: left;
	margin: 0 5px;
	border: 2px solid #e1e5ee;
}
.package_screenshots .screenshot img {
	width: 100%; height: auto;
	margin: 0;
}

.package_content #review .row{
	padding: 0;
	border: none;
}
	
	.package_content #review div.bigstars div.rateit-range {
    height: 24px !important;
    width: 120px !important;
	}

	div.rateit div.rateit-range {
    height: 16px !important;
 }	

	.package_content #review .wpdm-review .thumbnail {
		display: none;
	}
	.package_content #review .wpdm-review h3 {
		color: #337ab7;
		font-size: 17pt;
	}


#breadcrumbs * {
    color: #405567 !important;
}

#breadcrumbs{
    list-style:none;
    overflow:hidden;
    width: 100%;
    padding: 5px 10px 5px 20px;
    background: #a5e0ff;
}

#breadcrumbs ul {
	margin: 0;
}
  
#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right: 10px;
}

 #breadcrumbs span.glyphicon {
    margin-right: 10px;
 }
 
#breadcrumbs li a{
}

	#breadcrumbs li a:hover {
		color: #ffffff !important;
		text-decoration: none;
	}

	.topnav {
		margin: 0;
	}


.catcontent .mainsearch{float:right;width: auto;margin:25px 0 -10px 0; }
.catcontent .mainsearch .searchbox{ width:70%; border:1px solid #fff; border-radius:10px;
-moz-box-shadow:inset 5px 5px 2px rgba(197, 186, 186, 0.2);
-webkit-box-shadow:inset 5px 5px 2px rgba(197, 197, 197, 0.2);
box-shadow:inset 1px 1px 2px;  
padding:5px 10px; }
.catcontent .mainsearch .searchbtn { width: 40px; height: 40px; }
.catcontent .mainsearch form{align-items: center;justify-content: flex-end;}
.catcontent .mainsearch span{ display:none; }
.catcontent .mainsearchdd{ display:none; }









.header{background-color: #a5e0ff;}
.main{ background-color:#FFF; margin:20px auto 0 auto; }
body{background-image: url(https://www.toptal.com/designers/subtlepatterns/patterns/struckaxiom.png) !important;background-color:#ECECEC;background-repeat: repeat;}
#topnav{background-color: #77c4ec !important;}

.header .logo {
    width: 389px;
    height: 99px;
    float: left;
    background-image: url(http://www.distrosoft.com/wp-content/uploads/2017/02/distrosoft1_logo.png);
    margin: 20px 0 0 30px;
    background-repeat: no-repeat;
    background-size: 85%;
    background-position: left center;
}

.counters{ margin-top:30px; }
.counters .blk .ntotal{color: #3085b1;font-size: 22px !important;}

#topnav li{ padding:15px 25px; }
#topnav li:hover{background-color: #02232c;}
#topnav li a{ font-size:25px !important;}
#topnav li a:hover{ color:#a5e0ff !important; }

.counters {border:0;background-color: #a5e0ff;}
.mainsearch .searchbox, .mainsearchdd{border: 3px solid #02232c;background-color: #a5e0ff;}
.mainsearchdd { height:44px; border-radius:0 !important; margin-left:-3px; color:#333; font-size:18px;}
.mainsearch .searchbtn{ border:0; }
.mainsearch{ margin:50px auto; }
.mainsearch .searchbtn:hover{ background-color:#EEE;}
.mainsearch span {color: #02232c;}


.sa_btn{margin: 20px auto !important;background-color: #477086 !important;}
.sa_btn:hover{ background-color: #000 !important; }
.sa_btn{
	width:330px !important;
	height: 75px !important;
	background-size:73% !important;
	border: 5px solid #69beea;
}

.row .col{background-color: #e0f4ff;padding:0 20px;}
.row .col h2{color: #3085b1;}
.row .col ul li span.date{ color:#000;}
.scroll-back-to-top-wrapper.show{background-color: #59c6ff;}
.scroll-back-to-top-wrapper:hover{ background-color:#FFF !important; }

.fa-arrow-up:before{ color:#FFF; }
.copyright{background-color: #e0f4ff;padding:20px;}
.footermenu{ width:600px; margin:0px auto; display:flex; align-items:center; justify-content:center;}
.footermenu li{ display:block; border-right:1px solid #CCC; padding:0 10px }