body{margin:0px; padding:0px; background:#fff;font-family: 'Questrial', sans-serif; font-size:16px; color:#818181;}
input,textarea,button{font-family: 'Questrial', sans-serif;font-size:16px;}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
html {
	min-height:100%
}
a{color:#ff7656; text-decoration:none;}
a:hover{color:#222; text-decoration:underline;}
a:focus{outline:0px;}
div,ul,li,a{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
a{-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
h1,h2,h3,h4,h5{color:#222;}

.text-right {text-align:right}
.text-left {text-align:left}
.text-center {text-align:center}
.right {float:right}
.left {float:left}
.float-none {float:none!important}
.P0 {padding:0!important}
.M0 {margin:0!important}
.MT10 {margin-top:10px}
.PL0 {padding-left:0!important}
.MT20 {margin-top:20px}
.PLR20 {padding-left:20px!important;padding-right:20px!important}
.blue-text {color:#1d56b7 !important;}
.green-text {color:#17820f!important;}
.red-text {color:#e64c4c !important;}
.blue-text:hover, .green-text:hover, .red-text:hover {color:#738396;text-decoration:underline}
a.underline {text-decoration:underline!important}
a.underline:hover {text-decoration:none!important}
.PT50 {padding:70px 0}
.PT70 {padding-top:70px}
.PTB70{padding-top:70px; padding-bottom:70px;}
.w-100{width:100%;}
.max-100{max-width:100%;}
.PL50{padding-left:50px;}
.PT0{padding-top:0px !important;}

.row{padding:0 20px;}
.row:after, .row:before,.gallery-gird:before,.gallery-gird:after {content:"";display:table;clear:both}
.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {display:block;float:left;width:100%}

.sitecontainer{padding-top:80px;}
.container{max-width:1280px; margin:0 auto;}

header{position:fixed; top:0px; left:0px; width:100%; height:80px; background:#1d1d1d; z-index:9;}
header .logo{padding:20px;}
header .logo img{max-height:40px;}
header nav{position:absolute; top:30px; left:200px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;}
header nav ul{margin:0px; padding:0px; font-size:18px;}
header nav li{display:inline-block; color:#fff;}
header nav li a{color:#fff; text-decoration:none; padding:0 5px;}
header nav li a:hover{color:#ff7656; text-decoration:none;}
header nav .submit-site{display:none;}
header .right{position:absolute; top:0px; right:0px; line-height:80px;color:#fff;font-size:18px;}
header .right a{color:#fff; }
header .right a:hover{color:#ff7656;}
header .btn-submit{background:#ff7656; color:#fff; text-decoration:none; display:inline-block; padding:0 25px; font-size:20px; vertical-align:top;}
header .btn-submit:hover{background:#e34d4d; color:#fff !important;}
a.search-icon{background:rgba(0,0,0,0.8); float:left; width:80px; height:80px; text-align:center; line-height:80px; font-size:30px; color:rgba(255,255,255,0.7) !important; margin-left:2px;}
a.search-icon:hover{ color:rgba(255,255,255,1) !important;}

.search{background:rgba(244,244,244,0.8); position:fixed; top:80px; left:0px; width:100%;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;box-shadow:0 5px 10px rgba(0, 0, 0, .2);opacity:0;visibility:hidden; z-index:3;}
.search input{border:0px; background:none; color:#666; width:100%; font-size:30px; padding:30px; line-height:30px;}
.search button{background:none; border:0px; color:#222; position:absolute; right:20px; top:23px; font-size:30px; cursor:pointer;}
.search input:focus,.search button:foucs{outline:0px; border:0px;}
.search-icon.search-is-visible{background:#d45454;}
.search-icon .fa-times{opacity:0;visibility:hidden; display:none;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;}
.search-icon.search-is-visible .fa-times{opacity:1;visibility:visible; display:inline-block;}

.search-icon .fa-search{opacity:1;visibility:visible; display:inline-block;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;}
.search-icon.search-is-visible .fa-search{opacity:0;visibility:hidden; display:none;}

.search.is-visible{opacity: 1;visibility: visible;}

.site-overlay {
    backface-visibility: hidden;
    cursor: pointer;
    left: 0;
    opacity: 0;
    top: 0;
    transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s, transform 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s, transform 0.3s ease 0s;
	-webkit-transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s, transform 0.3s ease 0s;
    visibility: hidden;
    z-index: 1; position:fixed; width:100%; height:100%;
}
.site-overlay.is-visible {
    opacity: 1;
    visibility: visible;
}

.user-login{background:rgba(0,0,0,0.8); float:left; padding:0 30px; font-size:30px; position:relative; overflow:hidden;}
.user-login .user-login-icon{color:rgba(255,255,255,0.7) !important;}
.user-login .user-login-icon:hover{ color:rgba(255,255,255,1) !important;}
.user-login ul{opacity:0; background:#000; margin:0px; padding:0px; position:absolute; top:80px; height:0px; right:0px; min-width:150px; text-align:left; line-height:normal;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear; z-index:5;}
.user-login:hover .user-login-icon{ color:rgba(255,255,255,1) !important;}
.user-login:hover{overflow:inherit;}
.user-login:hover ul{opacity:1; height:auto;}
.user-login ul li{list-style:none; font-size:16px; white-space:nowrap;}
.user-login ul li a{display:block; padding:15px 20px;}
.user-login ul li a:hover{text-decoration:none;}

.gray-bg{background:#f4f4f4; padding:70px 0;}
h1{font-size:40px; font-weight:normal; margin:0px; padding:0px 0 20px 0;}

.gallery-gird{margin:0px -1%; padding:0px;}
.gallery-gird li{float:left; list-style:none; width:31.33%; margin:1%; background:#fff;-webkit-transition:all .3s linear; position:relative;
-moz-transition:all .3s linear;
-ms-transition:all .3s linear;}
.gallery-gird li:hover{box-shadow:0 5px 10px rgba(0, 0, 0, .15);}
.gallery-gird li img{width:100%;-webkit-transition:-webkit-transform 1s;transition:transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.gallery-gird li .img{position:relative; overflow:hidden; line-height:0px;}
.gallery-gird li .img:hover img{-webkit-transform:scale3d(1.1, 1.1, 1);transform:scale3d(1.1, 1.1, 1)}
.gallery-gird li:hover{box-shadow:0 5px 10px rgba(0, 0, 0, .15);}
.gallery-gird .dec{padding:20px; color:#818181; height:67px; line-height:18px; overflow:hidden; margin-bottom:15px;}
.gallery-gird h2{font-size:16px; margin:0px; padding-bottom:10px; width:100%; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.gallery-gird h3,.gallery-gird b{display:inline-block; margin:0px; padding:0px; color:#818181; font-size:16px; font-weight:normal;}
.gallery-gird h2 a{color:#222;}
.gallery-gird .info{position:absolute;opacity:0; left:0px; top:0px;width:100%; height:100%; background:rgba(0,0,0,0.8);}
.gallery-gird li .img:hover .info{opacity:1;}
.gallery-gird li .info-detals{position:absolute; top:100%; line-height:normal; width:250px; left:50%; margin-left:-125px; text-align:center; color:#fff; font-size:30px; -webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear; opacity:0;}
.gallery-gird li .img:hover .info-detals{opacity:1; top:50%; margin-top:-30px;}
.latest-gallery .gallery-gird li .img:hover .info-detals{opacity:1; top:50%; margin-top:-10px;}
.info-detals .date{padding-bottom:10px;}
.info-detals .love,.info-detals .link,.info-detals .view{display:inline-block; vertical-align:top; padding:0 10px; font-size:25px;}
.info-detals .love .fa-heart{font-size:28px;}
.gallery-gird li .info-detals a{color:#fff;}
.gallery-gird li .info-detals a:hover{text-decoration:none; color:rgba(255,255,255,0.8);}
.gallery-gird li .info-detals a.Voted{ cursor:default; color:rgba(255,255,255,0.5);}



.btn.red.rounded{margin-top:30px;}

.directory ul{ margin:0px -1%; padding:0px;}
.directory ul:after,.directory ul:before{clear:both; content:""; display:block; height:auto;}
.directory ul li{list-style:none; float:left; width:23%; margin:1%; background:#fff;-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-ms-transition:all .3s linear;}
.directory ul li:hover{box-shadow:0 5px 10px rgba(0, 0, 0, .15);}
.directory ul li img{width:100%;}
.directory ul li h2{ font-size:18px;margin: 0;padding:20px 20px 0 20px; height:22px; white-space:nowrap;}
.directory ul li h2 a{color:#222;}
.directory ul li p{margin:0px; padding:20px; font-size:16px; line-height:24px; max-height:95px; min-height:95px; overflow:hidden;}
.directory ul li .profile-view{ display:inline-block; margin:20px;}

.website-detail p{ font-size:20px; line-height:30px; margin:0px;}
.website-detail h5{margin:0px; padding:30px 0 10px 0px; font-size:20px;}
#disqus_thread{padding-top:30px;}

.site-info .col-7{position:relative;}
.site-info h4{margin:0px; padding:0px; font-weight:normal; font-size:40px;}
.site-info h2{font-size:20px; margin:0px; padding:20px 0 5px 0;}
.site-info h2 a{color:#222;}
.site-info h2 a:hover{color:#ff7656; text-decoration:none;}
.site-info h3{display:inline-block; vertical-align:top; margin:0px; padding:0px; font-size:16px;}
.site-info h3 a{color:#222;}
.site-info-like{padding-top:30px;}
.site-info-like .like,.site-info-like .view{display:inline-block; vertical-align:top; font-size:25px;}
.site-info-like .view{padding-left:20px;}
.site-info-like .view i{color:#2c74c4;}
.site-info small{display:block; font-size:14px; text-transform:uppercase; padding:30px 0 5px 0;}
.site-info-like .like a{color:#ff7656;}
.site-info-like .like a:hover{color:#222;}
.site-info-like a.Voted,.site-info-like a.Voted:hover{color:#ddd; cursor:default;}
.site-info .social{ text-align:left; padding-top:20px;}
.site-info .social a {
	font-size:20px;
	display:inline-block;
	width:45px;
	height:45px;
	text-align:center;
	line-height:48px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.site-info .facebook,.site-info .google-plus,.site-info .pinterest,.site-info .twitter,.site-info .instagram{
	background:#888
}
.site-info .facebook:hover {
	background:#4b6fa9
}
.site-info .twitter:hover {
	background:#2bb8e6
}
.site-info .google-plus:hover {
	background:#bc1616
}
.site-info .instagram:hover {
	background:#d22386
}
.site-info .pinterest:hover {
	background:#d65137
}



.sponsors{background:#fff; padding:40px 0;}
.big-ads ul{margin:0px 1%; padding:0px;}
.big-ads ul li{float:left; width:23%; list-style:none; margin:0 1%;}
.big-ads img{max-width:100%;}
.small-ads{float:left; max-width:310px;line-height:0px;}
.small-ads .left{margin-right:10px; }
.small-ads .left:first-child,.small-ads .right:first-child{margin-bottom:10px;}
.ads{border:1px solid #ddd; background:#f1f1f1; display:block;text-align:center; color:#222; width:150px; height:150px; line-height:150px;}
.ads:hover{background:#fff; color:#ff7656; text-decoration:none;}
.big-ads a{padding-left:23px;}
.big-ads a:first-child{padding:0px;}

footer{background:#1d1d1d; color:#979797; padding-top:20px;}
.sub-foot{padding-top:20px; padding-bottom:20px;border-top:1px solid #292929; margin-top:20px;}
footer a{color:#979797; padding:5px;}
footer .col-7{padding-top:15px;}
footer a:hover{color:#fff;}
.rounded{border-radius:30px;}
.btn.red{background:#ff7656; color:#fff; display:inline-block; padding:20px 40px; font-size:20px;}
.btn.red:hover{background:#e34d4d; text-decoration:none;}

.btn.teal{background:#00cca3;}
.btn.teal:hover{background:#00a281;}

.content-page{font-size:18px; line-height:30px;}

.social {
	text-align:right
}
.social a {
	font-size:20px;
	display:inline-block;
	width:45px;
	height:45px;
	text-align:center;
	line-height:48px;
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
-o-transition:all .3s linear;
transition:all .3s linear; color:#fff; padding:0px;
}
.btn, .form-input {
-o-transition:all .3s linear
}
.web-link {
	background:#305bd6
}
.facebook {
	background:#4b6fa9
}
.twitter {
	background:#2bb8e6
}
.google-plus {
	background:#bc1616
}
.instagram {
	background:#d22386
}
.pinterest {
	background:#d65137
}
.rss {
	background:#ff7800
}
.facebook:hover, .google-plus:hover, .pinterest:hover, .twitter:hover, .web-link:hover, .rss:hover,.instagram:hover {
	background:#666
}

#login.reveal-modal {
	padding:0;
	max-width:400px;
	margin-left:-200px;
	overflow:hidden
}
#login.reveal-modal h1 {
	text-align:center;
	font-weight:300
}
.login-form {
	padding:10px 30px
}
#login.reveal-modal .register {
	background:#f1f1f1;
	padding:20px;
	text-align:center
}
.reveal-modal-bg {
	position:fixed;
	height:100%;
	width:100%;
	background:#000;
	background:rgba(0, 0, 0, .8);
	z-index:100;
	display:none;
	top:0;
	left:0
}
.reveal-modal {
	display:none;
	top:100px;
	left:50%;
	margin-left:-300px;
	width:520px;
	background:#fff;
	position:absolute;
	z-index:101;
	padding:30px 40px 34px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, .4);
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .4);
	-box-shadow:0 0 10px rgba(0, 0, 0, .4)
}
.reveal-modal.small {
	width:200px;
	margin-left:-140px
}
.reveal-modal.medium {
	width:400px;
	margin-left:-240px
}
.reveal-modal.large {
	width:600px;
	margin-left:-340px
}
.reveal-modal.xlarge {
	width:800px;
	margin-left:-440px
}
.reveal-modal .close-reveal-modal {
	font-size:22px;
	line-height:.5;
	position:absolute;
	top:8px;
	right:11px;
	color:#e64c4c;
	text-shadow:0 -1px 1px rbga(0, 0, 0, .6);
	font-weight:700;
	cursor:pointer
}

#login.reveal-modal {
	padding:0;
	max-width:400px;
	margin-left:-200px;
	overflow:hidden
}
#login.reveal-modal h1 {
	text-align:center;
	font-weight:300; font-size:30px; padding:20px 0 10px 0;
}
.login-form {
	padding:10px 30px
}
#login.reveal-modal .register {
	background:#f1f1f1;
	padding:20px;
	text-align:center
}
.or-line {
	position:relative;
	border-bottom:1px solid #ddd;
	margin:20px 30px 10px
}
.or-line span {
	position:absolute;
	left:50%;
	top:50%;
	width:30px;
	height:20px;
	margin-left:-15px;
	margin-top:-10px;
	text-align:center;
	text-transform:uppercase;
	background:#fff
}
.row.login-with{padding:0px;}
.login-with {
	margin:30px
}
.login-with a {
	font-size:13px;
	position:relative;
	text-transform:inherit;
	padding:12px 0 12px 50px
}
#login .login-with a.g-plus{padding-bottom:20px;}
.register .login-with a.g-plus{padding-bottom:27px;}
.register .login-with a.facebook{padding-top:17px;padding-bottom:17px; margin-top:5px;}

.btn, .cat-list h5, h6 {
	text-transform:uppercase
}
.login-with a i {
	position:absolute;
	font-size:20px;
	left:15px;
	top:9px
}
.login-with .facebook {
	background:#4b6fa9;
	margin-right:5px;padding-left:40px;
}
.login-with .facebook:hover {
	background:#183e7b;
	color:#fff
}
.login-with .g-plus {
	background:url(../images/btn_google_signin_light_normal_web@2x.png) no-repeat;
	background-size:100%;
	text-indent:-10000px;
	margin-left:5px
}
.login-with .g-plus:hover {
	background:url(../images/btn_google_signin_light_focus_web@2x.png) no-repeat;
	background-size:100%;
	color:#fff
}
.form-input {
	width:100%;
	margin-bottom:10px;
	padding:12px;
	font-size:14px;
	border:1px solid #ddd;
	color:#2e4054;
transition:all .3s linear
}
.btn.block, .login-with a {
	display:block;
	width:100%
}
.btn {
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
-webkit-transition:all .3s linear;
transition:all .3s linear;
	border:0;
	background:#35b2e1;
	font-size:18px;
	padding:10px 20px;
	text-decoration:none; cursor:pointer;color:#fff;}
.btn:hover {background:#1b83a9; text-decoration:none;}
.register.container {
	max-width:540px;
	padding:50px 0
}
.register .row{padding:0px;}
.register .login-with {
	margin:0 0 30px
}
.register .login-with a {
	font-size:18px;
	padding-left:65px;
	color:#fff
}
.register .login-with a:hover {
	text-decoration:none
}
.register .login-with a i {
	left:20px;
	top:11px; font-size:28px;
}
.register .or-line {
	margin:40px 0
}
.register .or-line span {
	background:#f6f6f6
}
.register .white-bg {
	padding:40px;
	background:#fff
}
.register small {
	display:block;
	padding:0 0 10px
}
.register a {
	color:#2e4054;
	text-decoration:none
}
.register a:hover {
	text-decoration:underline;
	color:#0061cd
}

.directory-list h2 a, .jquery-script-center a, .submission a:hover {
	text-decoration:none
}
.register .form-input {
	margin:0
}
.register .col-12 {
	margin-bottom:15px
}
.register .loader {
	position:relative
}
.register .loader img {
	position:absolute;
	right:10px;
	top:10px;
	width:25px;
	height:25px;
	display:none
}
.captcha img {
	height:46px;
	float:left
}
.captcha input {
	margin-left:10px !important; margin-right:10px;  padding: 15px 14px 14px;
	width:120px !important;
}
.reload{font-size:25px;}
.reload{color:#222;}
.captcha em {
	display:block;
	clear:left
}
.submit-site{text-align:center;}
.submit-site p{font-size:22px; line-height:30px; margin:0px;}
.submission {width:30%;
	font-size:16px;
transition:all .3s linear; background:#fff; display:inline-block; margin-top:50px; min-height:520px; vertical-align:top;
}
.sponsored-submission{margin:0 1.5%;}
.submission:hover{box-shadow:0 5px 10px rgba(0, 0, 0, .15);}
.submission h3, .submission h4 {
	font-size:30px;
	color:#2e4054;
	font-weight:300;
	margin:0;
	text-transform:uppercase;
	text-align:center;
	padding:40px 10px 20px
}
.submission h3 span, .submission h4 span {
	display:block;
	font-size:16px;
	text-transform:none
}
.submission b {
	display:block;
	text-align:center;
	font-size:40px;
}
.submission small{display:block; margin-bottom:30px;}
.premium-submission {
	position:relative
}
.premium-submission.ML50{margin-left:50px;}
.free-submit p, .premium-submission p {
	display:block;
	min-height:100px;
	line-height:26px
}
.submission a {
	color:#ff7656;
}
.submission a:hover{color:#222;}
.submission ul li:before {
	content:"\f00c";
	position:absolute;
	left:0;
	top:10px;
	font-family:FontAwesome;
	color:#222;
	font-size:16px
}
.submission strong{color:#222;}
.submission .btn {
	padding:20px;
	color:#fff;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0; text-align:center; font-size:24px;
}
.submission .btn:hover{color:#fff;}
.submission ul {
	margin:0;
	padding:10px 20px 20px
}
.submission ul li {
	border-bottom:1px dotted #ddd;
	list-style:none;
	padding:10px 0 10px 20px;
	font-size:16px;
	position:relative; text-align:left;
}
.submission ul li:last-child {
	border-bottom:0
}
.note {
	display:inline-block;
	background:#e64c4c;
	color:#fff;
	padding:0 8px
}
.sponsored-ribbon{position:absolute;
	display:block;
	top:-1px;
	right:0;
	width:117px;
	height:108px;
	overflow:hidden; z-index:1;}
.sponsored-ribbon .label{
	position:relative;
	display:block;
	padding:6px 0;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	font-weight:700;
	-webkit-transform:rotate(45deg) translate3d(0, 0, 0);
	-moz-transform:rotate(45deg) translate3d(0, 0, 0);
	-ms-transform:rotate(45deg) translate3d(0, 0, 0);
	transform:rotate(45deg) translate3d(0, 0, 0)
}
.sponsored-ribbon .label{
	background-color:rgba(0,0,0,0.8);
	font-size:15px;
	width:170px;
	top:27px;
	right:14px
}



.premium-submission .ribbon,.gallery-gird .featured-ribbon,.site-info .featured-ribbon{
	position:absolute;
	display:block;
	top:-1px;
	left:0;
	width:117px;
	height:108px;
	overflow:hidden; z-index:1;
}
.premium-submission .ribbon .label,.gallery-gird .featured-ribbon .label,.site-info .featured-ribbon .label{
	position:relative;
	display:block;
	padding:6px 0;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	font-weight:700;
	-webkit-transform:rotate(-45deg) translate3d(0, 0, 0);
	-moz-transform:rotate(-45deg) translate3d(0, 0, 0);
	-ms-transform:rotate(-45deg) translate3d(0, 0, 0);
	transform:rotate(-45deg) translate3d(0, 0, 0)
}
.premium-submission .ribbon .label,.gallery-gird .featured-ribbon .label,.site-info .featured-ribbon .label{
	background-color:#e64c4c;
	font-size:15px;
	width:170px;
	top:27px;
	left:-44px
}
.premium-submission.sponsored-submission .ribbon .label{
	background-color:#00cca3;
	font-size:15px;
	width:170px;
	top:27px;
	left:-44px
}
.premium-submission .ribbon .label:after, .premium-submission .ribbon .label:before,.gallery-gird .featured-ribbon .label:after, .gallery-gird .featured-ribbon .label:before,.site-info .featured-ribbon .label:after, .site-info .featured-ribbon .label:before{
content:'';
position:absolute;
bottom:-4px;
border-top:4px solid #e64c4c;
border-left:4px solid transparent;
border-right:4px solid transparent
}
.premium-submission.sponsored-submission .ribbon .label:after, .premium-submission.sponsored-submission .ribbon .label:before{
content:'';
position:absolute;
bottom:-4px;
border-top:4px solid #00cca3;
border-left:4px solid transparent;
border-right:4px solid transparent
}
.premium-submission .ribbon .label:before,.gallery-gird .featured-ribbon .label:before,.site-info .featured-ribbon .label:before {
	left:0
}
.premium-submission .ribbon .label:after,.gallery-gird .featured-ribbon .label:after,.site-info .featured-ribbon .label:after {
	right:0
}
.categories-list ul{margin:0px; padding:0px;}
.categories-list ul li{display:inline-block;}
.categories-list ul li a{padding:10px 0px; width:150px; text-align:center; background:#fff; display:block; margin-bottom:3px; font-size:18px; color:#222; border:2px solid #fff;}
.categories-list ul li a:hover{text-decoration:none; background:none;}
.browse-by-color{padding-left:50px;}
.browse-by-color a{width:90px; height:90px; display:inline-block; border:2px solid #fff; border-radius:100%; margin-bottom:20px; margin-right:17px; overflow:hidden; text-indent:-100px;}
.browse-by-color a:hover{box-shadow:0 5px 10px rgba(0, 0, 0, .15); opacity:0.5;}
.detail-text .Gray,
.detail-text .Aqua,
.detail-text .Black,
.detail-text .Blue,
.detail-text .Fuchsia,
.detail-text .Green,
.detail-text .Lime,
.detail-text .Maroon,
.detail-text .Navy,
.detail-text .Olive,
.detail-text .Orange,
.detail-text .Pink,
.detail-text .Purple,
.detail-text .Red,
.detail-text .SilverTeal,
.detail-text .White,
.detail-text .Teal,
.detail-text .Yellow{display:inline-block; border:2px solid #f1f1f1; border-radius:100%;overflow:hidden; text-indent:-100px; width:25px; height:25px;}

.detail-text .Gray:hover,
.detail-text .Aqua:hover,
.detail-text .Black:hover,
.detail-text .Blue:hover,
.detail-text .Fuchsia:hover,
.detail-text .Green:hover,
.detail-text .Lime:hover,
.detail-text .Maroon:hover,
.detail-text .Navy:hover,
.detail-text .Olive:hover,
.detail-text .Orange:hover,
.detail-text .Pink:hover,
.detail-text .Purple:hover,
.detail-text .Red:hover,
.detail-text .SilverTeal:hover,
.detail-text .White:hover,
.detail-text .Teal:hover,
.detail-text .Yellow:hover{box-shadow:0 5px 10px rgba(0, 0, 0, .15); opacity:0.5;}

#color-White,.detail-text .White{background:#FFFFFF;}
#color-Silver,.detail-text .SilverTeal{background:#C0C0C0;}
#color-Gray,.detail-text .Gray{background:#808080;}
#color-Black,.detail-text .Black{background:#000000;}
#color-Red,.detail-text .Red{background:#FF0000;}
#color-Maroon,.detail-text .Maroon{background:#800000;}
#color-Yellow,.detail-text .Yellow{background:#FFFF00;}
#color-Olive,.detail-text .Olive{background:#808000;}
#color-Lime,.detail-text .Lime{ background:#00FF00;}
#color-Green,.detail-text .Green{background:#008000; }
#color-Aqua,.detail-text .Aqua{background:#00FFFF;}
#color-Teal,.detail-text .Teal{background:#008080;}
#color-Blue,.detail-text .Blue{background:#0000FF;}
#color-Navy,.detail-text .Navy{background:#000080;}
#color-Fuchsia,.detail-text .Fuchsia{background:#FF00FF;}
#color-Purple,.detail-text .Purple{background:#800080;}
#color-Orange,.detail-text .Orange{background:#FFA500;}
#color-Pink,.detail-text .Pink{background:#F52887;}

.Pagination ul{margin:0px; padding:30px 0 0 0px; text-align:center;}
.Pagination ul li{list-style:none; display:inline-block; margin:4px;}
.Pagination ul li a{background:#fff; padding:12px 20px; color:#222; display:block;}
.Pagination ul li a:hover,.Pagination ul li a.seleted{background:#ff7656; color:#fff; text-decoration:none;box-shadow:0 5px 10px rgba(0, 0, 0, .15);}

.chosen-container-multi .chosen-choices li.search-field input[type="text"]{padding-left:5px !important;}

.submission-list table {
	background:#ddd;
	width:100%
}
.submission-list td, .submission-list th {
	padding:10px;
	text-align:left;
	white-space:nowrap
}
.submission-list td.text-center, .submission-list th.text-center {
	text-align:center
}
.submission-list td.text-right, .submission-list th.text-right {
	text-align:right
}
.submission-list th {
	background:#666;
	color:#fff
}
.submission, .submission-list td {
	background:#fff
}
.submission-list .staus a{color:#222; font-size:20px; padding:5px;}
.submission-list .staus a:hover{color:#ff7656; text-decoration:none;}
.submission-list .staus .web-delete{color:red;}
.submission-list .staus .web-delete:hover{color:#dc1c1c;}

.submit-form label{display:block; padding:4px;}
.submit-form h2{font-size:20px; margin:0px; padding:50px 0 0 0;}
.submit-form .textfiled,.submit-form .textarea{border: 1px solid #ddd;
    color: #2e4054;
    font-size: 16px;
    padding:12px;
    width: 100%;}
.submit-form .row{padding:0px; margin-bottom:20px;}
.submit-form .row .col-6:first-child{padding-right:20px;}
.submit-form .row .col-6:last-child{padding-left:20px;}
.submit-form .row .col-4:first-child{padding-right:20px;}
.submit-form .row .col-4:last-child{padding-left:20px;}
.formError .formErrorContent{line-height:20px;}

.submit-form label {
    display: block;
    font-size: 16px;
    padding-bottom: 5px;
    padding-top: 16px;
}
.submit-form .fileicon {
    cursor: pointer;
    height: 45px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.btn-primary {
    background: #2466d7;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 7px 20px;
}


#nav-icon {
  width:80px;
  height: 80px; position:relative; display:none; background:rgba(0, 0, 0, 0.8); margin-left:2px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
#nav-icon.nav-is-visible{background:#ff7656;}
#nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 27px;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 13px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


#nav-icon span:nth-child(1) {
  top: 16px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon span:nth-child(2) {
  top: 23px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon span:nth-child(3) {
  top:30px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon.nav-is-visible span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top:12px;
  left: 15px;
}

#nav-icon.nav-is-visible span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon.nav-is-visible span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 31px;
  left: 15px;
}
.relative{position:relative;}
.edit-profile-img{padding-left:230px; padding-top:40px;}
.website-edit-img{padding-left:140px; padding-top:10px;}
.edit-profile-img .profile-img,.website-edit-img .website-img {left: 0;position: absolute;top: 0;}
.edit-profile-img .profile-img #IconImg{border:1px solid #ddd; margin-bottom:5px;}
.website-edit-img .website-img img{width:128px;}
.choose-file{position:relative;}
#user_photo,#website_photo {
    height: 44px;
    opacity: 0;
    position: absolute;
    width: 150px;
    z-index: 2;
}
small.note{background:none;color: red;display: block;font-size: 12px;padding: 0;}

.user-profile{background:#fff; padding:30px; margin-bottom:40px; position:relative; min-height:230px;}
.user-profile .profile-img{width:250px; position:absolute; top:30px; left:30px; line-height:0px; border:1px solid #ddd;}
.user-profile .profile-details{padding-left:280px;}
.user-profile .social{text-align:left;}
.user-profile h1{font-size:22px; padding:0px 0 10px 0px; font-weight:bold;}
.user-profile h1 a{color:#222;}
.user-profile h1 a:hover{color:#ff7656; text-decoration:none;}
.user-profile .profile-details p{margin-top:5px;}
.user-profile .profile-details ul{margin:0px;padding:10px 0 0 0;}
.user-profile .profile-details ul li{display:inline-block; vertical-align:top; margin-right:5px; margin-bottom:8px; list-style:none;}
.user-profile .profile-details ul li a{border:1px solid #ddd; color:#222; padding:10px; display:block; font-size:12px;}

.whitebg{background:#fff; padding:30px;}

.alert {
	padding:15px;
	margin-bottom:20px;
	border:1px solid transparent;
	border-radius:4px
}
.alert h4 {
	margin-top:0;
	color:inherit
}
.alert .alert-link {
	font-weight:bold
}
.alert>p, .alert>ul {
	margin-bottom:0
}
.alert>p+p {
	margin-top:5px
}
.alert-dismissable, .alert-dismissible {
	padding-right:35px
}
.alert-dismissable .close, .alert-dismissible .close {
	position:relative;
	top:-2px;
	right:-21px;
	color:inherit
}
.alert-success {
	background-color:#1d9d74;
	border-color:#1d9d74;
	color:#fff;
}
.alert-success hr {
	border-top-color:#ceeadc
}
.alert-success .alert-link {
	color:#157254
}
.alert-info {
	background-color:#007dbc;
	border-color:#007dbc;
	color:#fff;
}
.alert-info hr {
	border-top-color:#b3edff
}
.alert-info .alert-link {
	color:#005b89
}
.alert-warning {
	background-color:#8a6d3b;
	border-color:#8a6d3b;
	color:#fff;
}
.alert-warning hr {
	border-top-color:#f7e1b5
}
.alert-warning .alert-link {
	color:#66512c
}
.alert-danger {
	background-color:#d9534f;
	border-color:#d9534f;
	color:#fff;
}
.alert-danger hr {
	border-top-color:#f2c3ca
}
.alert-danger .alert-link {
	color:#c9302c
}
ul.rebbon {margin: 0;padding: 0; text-align:center;}
ul.rebbon li {float:left; width:48%; margin:1%; list-style:none;}
ul.rebbon li div{padding:20px;}
.ribboncode{border:1px solid #666; width:100%; padding:20px; height:100%; min-height:150px;}
.LoginError{color:red;}
.formError{z-index:1 !important;}

.red-bg{background:#00bcd4; padding:50px 0; color:#fff;}
.red-bg h5{font-size:50px; color:#fff; margin:0px; padding:0px;}
.red-bg p{font-size:20px; line-height:30px;}

.buy-sell-ads-lg{background:#f4f4f4; padding:40px; border:2px solid #fff; text-align:center; display:none !important;}
div.bsap_1308402 a{float:none !important; margin:0 auto !important;}
  #waterfall {
            margin: 10px;
            overflow: hidden;
        }

        #waterfall.min {
            margin: 0;
        }

        #waterfall li {
            /*position: absolute;*/
            left: 0;
            top: 0;
            opacity: 0;
            z-index: 0; list-style:none;
            transform: translateY(100px);
        }

        #waterfall li:hover {
            z-index: 1;
        }

        #waterfall li.show {
            opacity: 1;
            transform: translateY(0);
            transition: all 0.3s, top 1s;
        }

        #waterfall li .post-item {
            color: rgba(0, 0, 0, 0.6);
            font-size:16px;
            border-radius: 3px;
            margin: 10px;
            padding:25px;
            background: rgb(255, 255, 255);
            border:10px solid rgba(0, 0, 0, 0.1);
            transition: all 0.5s;
        }
	#waterfall li .post-item h2{ font-size:35px; font-weight:bold;margin:0px 0 10px 0; padding:0px;}
	#waterfall li .post-item a{color:#000;}
	#waterfall li .post-item a:hover{color:#ff7656;text-decoration:none;}
        #waterfall li .post-item:hover {
            transform: translateY(-10px);
            border:10px solid rgba(255, 118, 86, 1);
            box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
            transition: all 0.3s;
        }
.blog-ban img{max-width:100%;}
.blog-details{font-size:20px;line-height:30px;}
.blog-details h1{margin:40px 0 0 0px;padding:0px;}
.blog-details h6{color:#000; font-size:20px;margin-bottom:10px;}
.blog-post-information{padding:10px 0 20px 0;}
.author-img{width:180px; height:180px; position:absolute; top:30px; left:30px;}
.author-img img{max-width:100%;}
.blog-author{background:#f1f1f1; padding:30px 30px 30px 240px; position:relative; margin-bottom:40px;min-height:240px;}
.blog-author a{color:#222;}
.blog-author p{margin:0px;}
.blog-author .social-link{margin-top:10px;}
.blog-author .social-link a{background:none !important; padding:8px; }
.blog-author .social-link a:hover{color:rgba(0,0,0,0.6);}
@media (min-width :768px) {
.col-1 {
width:8.33333333333%
}
.col-2 {
width:16.6666666667%
}
.col-3 {
width:25%
}
.col-4 {
width:33.3333333333%
}
.col-5 {
width:41.6666666667%
}
.col-6 {
width:50%
}
.col-7 {
width:58.3333333333%
}
.col-8 {
width:66.6666666667%
}
.col-9 {
width:75%
}
.col-10 {
width:83.3333333333%
}
.col-11 {
width:91.6666666667%
}
.col-12 {
width:100%
}
}
@media (min-width :1280px){
	.gallery-gird li img {
    backface-visibility: hidden;
    max-height: 242px;
    min-height: 242px;
    transition: transform 1s ease 0s;
    width: 100%;}
}
@media (max-width :1100px){
.gallery-gird li{width:48%;}
	header .btn-submit{display:none;}
	header nav{right:-250px;width:250px;height:100%; top:0px;  background:#1d1d1d;overflow:auto;left:auto; position:fixed;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear; }
	.nav-bar.is-visible{right:0px; }
	header nav ul{padding-top:80px;}
	header nav li{display:block; border-bottom:1px solid #2a2a2a;}
	header nav .submit-site{display:block;}
	header nav .submit-site a{background:#ff7656; text-align:left;}
	header nav .submit-site a:hover{color:#fff; background:#e34d4d;}
	header nav li a{padding:20px; display:block;}
	.directory ul li{width:48%;}
	#nav-icon {width:80px; height:80px;display:inline-block;}
	#nav-icon span{left:27px;}
	#nav-icon span:nth-child(1) {top:31px;}
	#nav-icon span:nth-child(2) {top: 38px;}
	#nav-icon span:nth-child(3) {top: 45px;}
	#nav-icon.nav-is-visible span:nth-child(1) {left: 29px;top: 28px;}
	#nav-icon.nav-is-visible span:nth-child(3) {left: 29px;top: 47px;}
}
@media (max-width :1024px){
.submission{width:30%;}
}
@media (max-width :950px){
.submission{width:100%; max-width:400px;}
.premium-submission.sponsored-submission{margin-top:50px;}
.premium-submission.ML50{margin-left:0px;}
}
@media (max-width :768px){
	.edit-profile-img{padding:0px;}
	.edit-profile-img .profile-img, .website-edit-img .website-img{position:relative; left:auto; top:auto;}
	.buy-sell-ads-lg{display:none;}
}
@media (max-width :767px){
	footer,.social{text-align:center;}
	.social{text-align:center; padding-top:10px;}
	.site-info .PL50{padding:30px 0 0 0;}
	header{height:50px;}
	header .logo{padding:10px 10px 0 10px;}
	header .logo img{max-height:35px;}
	.sitecontainer{padding-top:50px;}
	header .right{line-height:50px;}
	.user-login ul{top:50px;}
	#nav-icon {width:50px; height:50px;}
	#nav-icon span{left:13px;}
	#nav-icon span:nth-child(1) {top:16px;}
	#nav-icon span:nth-child(2) {top:23px;}
	#nav-icon span:nth-child(3) {top:30px;}
	#nav-icon.nav-is-visible span:nth-child(1) {left:15px;top:12px;}
	#nav-icon.nav-is-visible span:nth-child(3) {left:15px;top:31px;}
	.user-login,a.search-icon{font-size:25px; padding:0px; width:50px; height:50px; line-height:50px; text-align:center;}
	a.search-icon{font-size:20px;}
	.search{top:50px;}
	header nav ul{padding-top:50px;}
	.PTB70{padding-top:30px; padding-bottom:30px;}
	.gray-bg{padding:30px 0;}
	.browse-by-color{padding:30px 0 0 0;}
	#login .login-with a{font-size:18px;}
	.login-with .facebook{margin-right:0px; margin-bottom:10px;}
	.login-with .g-plus{margin-left:0px;}
	.register .login-with a.g-plus,#login .login-with .g-plus{max-width:200px;margin:0 auto;}
	.submit-form .row .col-6:last-child,.submit-form .row .col-6:first-child,.submit-form .row .col-4:last-child,.submit-form .row .col-4:first-child{padding:0px;}
	.user-profile .profile-img,.edit-profile-img .profile-img, .website-edit-img .website-img{position:relative; left:auto; top:auto;}
	.user-profile .profile-details{padding-left:0px; padding-top:20px;}
	.edit-profile-img{padding:0px;}
	
}
@media (max-width :600px){
.gallery-gird{margin:0px;}
.gallery-gird li,.directory ul li{width:100%; margin:0px 0 20px 0;}
.gallery-gird .dec{overflow:auto; height:auto;}
.big-ads ul li{width:48%; margin-bottom:1%;}
h1,.site-info h4{font-size:30px;}
.categories-list ul li{display:block; float:left; width:48%; margin:1%;}
.categories-list ul li a{width:100%; margin:0px;}
.browse-by-color a{width:50px; height:50px;}
#login.reveal-modal{width:96%; left:0px; top:0px; margin-left:2%; margin-top:20px;}
.submission{width:100%;min-height:10px;}
.free-submit.submission { margin-right: 0%;}
.premium-submission {margin-left: 0%;}

}
@media (max-width :400px){
.gallery-gird h2{font-size:16px;}
.gallery-gird .info{font-size:20px;}
.big-ads{float:none;}
.big-ads a{padding:0 0 10px 0;}
.big-ads ul li{width:100%; margin-bottom:1%;}
h1,.site-info h4{font-size:20px;}
.btn.red{font-size:16px; width:100%; padding:15px 0px; text-align:center;}
.btn.red.rounded{margin-top:15px;}
.Pagination ul{padding-top:15px;}
.categories-list ul li{display:block; float:left; width:100%; margin:1% 0;}
.register.container{padding:0px;}
.register .white-bg,.whitebg,.user-profile{padding:15px;}
.user-profile .profile-img{width:100%;}
.gallery-gird h2{white-space:normal;}
}
@media only screen and (max-width:660px) {
.submission-list td.text-center, .submission-list td.text-right, .submission-list th.text-center, .submission-list th.text-right, td:before {
text-align:left
}
table, tbody, td, th, thead, tr {
display:block
}
thead tr {
position:absolute;
top:-9999px;
left:-9999px
}
tr {
border:1px solid #ccc
}
.submission-list td {
border:none;
border-bottom:1px solid #eee;
position:relative;
padding-left:80px
}
td:before {
position:absolute;
top:10px;
left:10px;
width:25%;
white-space:nowrap;
font-weight:700
}
td:nth-of-type(1):before {
content:"Date"
}
td:nth-of-type(2):before {
content:"Title"
}
td:nth-of-type(3):before {
content:"Feature"
}
td:nth-of-type(4):before {
content:"Staus"
}
td:nth-of-type(5):before {
content:"Action"
}
}
.big-ads {
	display: block !important;
}