body{font:16px/20px 'Roboto', sans-serif; color:#222; background:#ececec; margin:0px;}
img{border:0px;}
::selection {
	background: #d14836; color:#fff; /* Safari */
	}
::-moz-selection {
	background: #d14836; color:#fff; /* Firefox */
}
a{transition:  .15s linear;-webkit-transition:  .15s linear;-moz-transition:  .15s linear;}
a:focus{outline:0px;}

input,select,textarea{font-family:'Roboto', sans-serif; color:#000;}

p{margin:0px;padding:0px;}
.floatleft{float:left;}
.floatright{float:right;}
.clear{clear:both;}
h1,h2,h3,h4,h5{margin:0px; padding:0px;}
.pt60{padding-top:60px;}

.sitecontainer{width:100%; margin:0px auto; line-height:20px; padding-top:90px;}
.fixwidth{max-width:1260px; margin:0 auto; position:relative; padding:0 20px;}
.fixwidth:after,.fixwidth:before{clear:both; content:""; display:block;}

.header{background:#fff; position:fixed; width:100%; top:0px; left:0px; z-index:3;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
.logo{text-align:center; padding:20px;}
.logo img{max-width:220px;}
.btn-submit{position:absolute; right:15px; top:18px;}
.btn-submit a{background:#00aee5; text-transform:uppercase; color:#fff; font-weight:700; font-size:16px; display:inline-block; padding:0px 30px; height:50px; text-decoration:none; border-radius:40px; line-height:50px;}
.btn-submit a:hover{background:#2e3e43;}

.featured{margin:0px; padding:0px;}
.featured:after,.featured:before{clear:both; content:""; display:block;}

.nav-icon{position:absolute; left:20px; top:33px; z-index:12;}
.nav-icon a{width:30px; height:22px; display:block; padding:8px 5px; position:relative;}
.nav-icon span{width:28px; height:3px; display:block; margin-bottom:3px; background:#222;-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;position:absolute; left:0px; top:0px;}
.nav-icon span:nth-child(1){top:0px;}
.nav-icon span:nth-child(2){top:7px;}
.nav-icon span:nth-child(3){top:14px;}

.nav-icon .close span:nth-child(1){transform: rotate(45deg);background:#fff; top:10px;}
.nav-icon .close span:nth-child(2){display:none;}
.nav-icon .close span:nth-child(3){transform: rotate(-45deg);background:#fff;top:10px;}

.navbar{position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:-1;-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;opacity:0; visibility:hidden;}
.navbar ul{margin:0px; padding:90px 0 0 0;}
.navbar li{list-style:none; color:#fff; text-transform:uppercase; font-size:16px; padding:10px 20px;}
.navbar li a{color:#fff; text-decoration:none; font-weight:700;}
.navbar li a:hover{color:#00aee5;}
.navbar.open{opacity:1;z-index:10; visibility:visible;}

.navbar .submit-site{display:none;}

.search{position:absolute; top:90px; left:0px; width:100%; background:#fff; padding:15px; border-top:1px solid #ddd; opacity:0; visibility:hidden; z-index:-1;-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;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
.search form{display:block; position:relative; max-width:600px; margin:0 auto; z-index:5;}
.search .overlay{width:100%; height:100%; position:fixed; top:0px; left:0px; opacity:0; z-index:-1; visibility:hidden;-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;}
.search-input .textfiled{border-radius:40px; line-height:40px; height:50px; padding:0 60px 0 30px; font-size:18px; margin:0px; width:100%;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
.search-input .textfiled:focus,.search button:focus{outline:0px;}
.search button{background:none; border:0px; cursor:pointer; width:40px; height:35px; margin:0px; position:absolute; top:4px; right:15px; opacity:0.5;-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; z-index:1;}
.search button:hover{opacity:1;}
.search .svg-icon{width:30px;}
.search .svg-icon path,.search .svg-icon polygon,.search .svg-icon rect {fill:#000;}
.search .svg-icon circle {stroke: #000;stroke-width: 1;}


.search-icon{position:absolute; top:32px; right:230px;}
.search-icon .svg-icon{width:30px; height:30px;}
.search-icon .icon-s{display:block;}
.search-icon .icon-c{display:none; cursor:pointer;}
.search-icon .close .icon-s{display:none;}
.search-icon .close .icon-c{display:block;}

.search.open{opacity:1; visibility:visible; display:block; z-index:5;}
.search.open .overlay{opacity:1; z-index:4; visibility:visible;}

.container{position:relative;}
.pt190{padding-top:190px; z-index:1;}
.container a{color:#00aee5; text-decoration:none;}
.container a:hover{color:#222; text-decoration:underline;}
h2{color:#000; font-size:16px; margin:30px 0 10px 0;}
.text-center{text-align:center;}



.sub-page{padding-top:90px; padding-bottom:40px;}
.sub-page .heading{padding-bottom:60px;}


.heading{margin:0px; padding:0px 0 40px 0; font-weight:700; font-size:25px; color:#000; text-transform:uppercase;}
.heading span{display:inline-block; background:#fff; font-size:14px; padding:3px 7px; color:#666; font-weight:400; margin-bottom:5px;}
.heading.pt60{padding-top:60px;}

.site-item{background:#f5f5f5; padding:90px 0 0 0; position:relative; z-index:2;}
.site-item .item-img{max-width:1000px;}
.site-item img{width:100%; margin-bottom:-90px;}
.item-info{background:#fff;box-shadow:0px 0px 30px rgba(0,0,0,0.10); position:absolute; top:50%; right:0px; width:50%; padding:40px;-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;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
.item-info h1,.item-info h2,.item-info h3{margin:0px; padding:0px;}
.item-info h1{ font-size:18px; font-weight:300; color:#666; padding-bottom:25px;}
.item-info h1 b{color:#000;}
.item-info h2{font-weight:700; font-size:30px; padding-bottom:15px; line-height:35px;}
.item-info h3{font-size:16px; font-weight:400; color:#666; padding-bottom:15px;}
.site-item .item-info:hover{margin-top:-10px;}

.item-info a{color:#222; text-decoration:none;}
.item-info a:hover{color:#00aee5; text-decoration:none;}

.detial-like .like,.item-info .like{display:none !important;}
.item-info .like,.item-info .view{display:inline-block; position:relative;padding:10px 30px 0 45px;}
.item-info .like .svg-icon{position:absolute;left:0px; top:0px;}
.item-info .view .svg-icon{position:absolute;left:0px; top:0px;}



.row:after,.row:before,.site-dec ul:after,.site-dec ul:before{clear:both; content:""; display:block;}
.row .col-6{float:left; width:50%;}

.site-dec h3,.sub-heading{font-size:16px; text-transform:uppercase;}
.site-dec ul{margin:0px; padding:5px 0 0px 0;}
.site-dec li{list-style:none; float:left;  text-transform:uppercase; font-size:14px;  margin:2px 2px 0 0;}
.site-dec li a{color:#222; padding:5px 10px; display:block;background:rgba(255,255,255,0.5);}
.site-dec li a:hover{background:rgba(255,255,255,1); text-decoration:none;}

.site-full-info{padding:30px 0 60px 0;}

.svg-icon {width:40px;height:40px;}
.svg-icon path,.svg-icon polygon,.svg-icon rect {fill: #aeaeae;}
.svg-icon circle {stroke: #aeaeae;stroke-width: 1;}
.item-info .like .svg-icon:hover{stroke: #00aee5;fill: #00aee5;}

.gird ul{margin:0px; padding:0px;}
.gird ul:after,.gird ul:before{clear:both; content:""; display:block;}
.box-item{position:relative; width:50%; float:left; list-style:none; margin-bottom:80px;
  position: relative;-webkit-transition: all .55s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in; top:10px;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
.box-item.viewed{opacity:1;filter: alpha(opacity=100); top:0px;}
.box-item .img{position:relative; display:inline-block; min-height:335px; max-height:335px; line-height:0px; overflow:hidden;}
.box-item .img .overlay{opacity:0;position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.8); top:0px; left:0px;-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;}
.box-item .full-info{width:100%; height:100%; display:block;}
.box-item .img .svg-icon{position:absolute; top:50px; right:10px; border:2px solid #fff; width:60px; height:60px; border-radius:100%; display:inline-block; text-align:center; padding:8px;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;-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;}
.link-icon path,.link-icon polygon,.link-icon rect {fill: #fff;}
.link-icon circle {stroke: #fff;stroke-width: 1;}

.box-item .img img{width:100%; height:100%; max-width:540px;}

.box-item .img:hover .overlay{opacity:1;}
.box-item .img:hover .svg-icon{top:10px;}
.box-info{background:#fff;box-shadow:0px 0px 30px rgba(0,0,0,0.10); position:absolute; bottom:30px; right:30px; width:50%; padding:20px 20px;-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; max-width:350px;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
.box-info:hover{bottom:40px;}

.box-info .like,.box-info .view{display:inline-block; position:relative;padding:5px 30px 0 35px;}
.box-info .like .svg-icon{position:absolute;left:0px; top:0px;}
.box-info .view .svg-icon{position:absolute;left:0px; top:0px;}


.box-info .svg-icon {width:30px;height:30px;}
.box-info .svg-icon path,.svg-icon polygon,.svg-icon rect {fill: #aeaeae;}
.box-info .svg-icon circle {stroke: #aeaeae;stroke-width: 1;}
.box-info .like .svg-icon:hover{stroke: #00aee5;fill: #00aee5;}

.box-item:nth-child(even){text-align:right;}
.box-item:nth-child(even) .box-info{text-align:left; right:auto; left:30px; top:30px; bottom:auto;}
.box-item:nth-child(even) .box-info:hover{top:40px;}

.box-item .sotd-date{font-size:12px; text-transform:uppercase;}
.box-item h2{font-size:18px; font-weight:700; margin:0px; padding:10px 0 3px 0;}
.box-item a{color:#222;}
.box-item a:hover{color:#00aee5; text-decoration:none;}
.box-item h3{ font-weight:400; margin:0px; padding:0px 0 10px 0; font-size:14px; color:#666;}

.submit-page .fixwidth,.contact-page .fixwidth,.content-page .fixwidth{max-width:600px;}
.submit-page .heading,.contact-page .heading,.content-page .heading{text-align:center;}

.submit-page .submit-form .textfiled,.contact-page .textfiled{background:#fff; width:100%; margin:0px; height:50px; line-height:50px;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
.submit-page .submit-form .textarea,.contact-page .textarea{background:#fff; width:100%; margin:0px; max-width:100%; min-width:100%;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
.submit-page .submit-form label,.contact-page label{color:#222; padding:0px 0 4px 0; margin:0px; display:block;}
.submit-page .form-control,.contact-page .form-control{margin-bottom:20px;}
.submit-page h2{font-size:20px; text-transform:uppercase; padding-bottom:30px;}
.submit-page .note{color:#666; font-size:12px;}

.submit-page .captcha,.contact-page .captcha{margin-bottom:50px;}
.submit-page .captcha .textfiled,.contact-page .captcha .textfiled{width:100px;}
.submit-page .captcha span,.contact-page .captcha span{font-size:20px; display:inline-block; min-width:25px; line-height:50px; width:auto; padding:0 3px;}
.reload{display:inline-block; vertical-align:top; padding:4px 0;}






.submit-page .formError .formErrorContent,.contact-page .formError .formErrorContent {border:0px; -moz-box-shadow:0 0 0px #000; box-shadow:0 0 0px #000; -webkit-box-shadow:0 0 0px #000;}
.submit-page .formErrorArrow,.contact-page .formErrorArrow{position:relative;}
.submit-page .formErrorArrow div,.contact-page .formErrorArrow div{display:none !important;}
.submit-page .formErrorArrow:after,.contact-page .formErrorArrow:after{top:100%;
	left:5px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #ee0101;
	border-width: 8px;
	margin-left: -8px;}


.submit-form  .textbox-list label{font-size:12px; text-transform:uppercase; display:inline-block; padding-left:10px; cursor:pointer;}

.textbox-list input{opacity:0;}
.textbox-list li{position:relative;}
.textbox-list input[type=checkbox] + label:after{content:""; width:20px; height:20px; display:block; position:absolute; left:0px; top:0px; border:1px solid #777;}
.textbox-list input[type=checkbox]:checked + label:after{border:1px solid #222; background-color:#fff;background-image: url(/prx/000/https/www.bestcss.in/application/assets/public/css/data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ0OC44IDQ0OC44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NDguOCA0NDguODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnIGlkPSJjaGVjayI+CgkJPHBvbHlnb24gcG9pbnRzPSIxNDIuOCwzMjMuODUgMzUuNywyMTYuNzUgMCwyNTIuNDUgMTQyLjgsMzk1LjI1IDQ0OC44LDg5LjI1IDQxMy4xLDUzLjU1ICAgIiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); background-position:3px 2px; background-size:15px 15px; background-repeat:no-repeat;}


.content-page{color:#222; line-height:28px; padding-bottom:80px; font-size:18px;}

.site-dec{padding-top:150px; z-index:1;}


a.blue:link, a.blue:visited{color:#74be00; text-decoration:underline;}
a.blue:hover{text-decoration:none; color:#000;}
a.green:link, a.green:visited{color:#00aee5; text-decoration:underline;}
a.green:hover{text-decoration:none; color:#000;}

.comment-list{}
ul.comment-list {margin:0px; padding:0px;}
ul.comment-list li{list-style:none; background:#f5f5f5; overflow:hidden; padding:8px; margin-bottom:2px;}
ul.comment-list li div{float:left;}
ul.comment-list li h1{font-size:14px; font-weight:normal; padding:0px;}
ul.comment-list li h1 small{float:right; color:#929292;}
.comment-text{ max-width:610px; font-size:12px; margin-left:15px;}


.comment-form{padding-top:20px;}
.comment-but{padding-left:150px;}

.submit-form .floatleft{ padding-right:40px; margin-bottom:10px;}
ul.textbox-list{margin:0px; padding:10px 0 20px 0;}
ul.textbox-list:after,ul.textbox-list:before{clear:both; content:""; display:block;}
ul.textbox-list li{list-style:none; margin-bottom:5px; display:inline-block; min-width:145px;}
.Submit{clear:left; margin-bottom:30px;}

.pagenav{height:30px; padding-bottom:30px;}
.pagenav a{background:#f1f1f1; display:block; float:left; min-width:32px; height:32px; text-align:center; line-height:32px; color:#989898; margin-left:5px;}
.pagenav a:hover{color:#fff; text-decoration:none; background:#89a6eb;}
.current{background:#5275ca; display:block; float:left; max-width:32px; height:32px; text-align:center; line-height:32px; color:#fff; margin-left:5px;}
.prev, .next{overflow:hidden; text-indent:-200px;}
.prev{background:url(/prx/000/https/www.bestcss.in/application/assets/public/images/icons.png) no-repeat -102px -193px #dad7d7 !important;}
.prev:hover{background:url(/prx/000/https/www.bestcss.in/application/assets/public/images/icons.png) no-repeat -102px -193px #89a6eb !important;}
.next{background:url(/prx/000/https/www.bestcss.in/application/assets/public/images/icons.png) no-repeat -102px -226px #dad7d7 !important;}
.next:hover{background:url(/prx/000/https/www.bestcss.in/application/assets/public/images/icons.png) no-repeat -102px -226px #89a6eb !important;}

.categorie ul{margin:0px; padding:5px 0 100px 0; }
.categorie li{list-style:none; display:inline-block; text-transform:uppercase; font-size:16px;  margin:5px 4px 0 0;}
.categorie li a{color:#222; padding:5px 20px; display:block;background:rgba(255,255,255,0.5);}
.categorie li a:hover{background:rgba(255,255,255,1); text-decoration:none;}


.right{padding-bottom:30px; display:none;}
.right ul{margin:0px; padding:0px;}
.right ul li{list-style:none; display:inline-block;}
.right h1{color:#000; font-size:16px; padding-bottom:8px;}

.browse-by-color ul{margin:0px; padding:0px; text-align:center;}
.browse-by-color ul li{list-style:none; display:inline-block;}
.browse-by-color a{ border:2px solid #E0E0E0;  display: block; height:70px; width:70px; border-radius:100%; margin:10px; text-indent:-1000px; overflow:hidden;}
#color-White{background:#FFFFFF; margin-left:0px;}
#color-White:hover{ border: 2px solid #FFFFFF;}
#color-Silver{background:#C0C0C0;}
#color-Silver:hover{ border: 2px solid #C0C0C0;}
#color-Gray{background:#808080;}
#color-Gray:hover{ border: 2px solid #808080;}
#color-Black{background:#000000;}
#color-Black:hover{ border: 2px solid #000000;}
#color-Red{background:#FF0000;}
#color-Red:hover{ border: 2px solid #FF0000;}
#color-Maroon{background:#800000;}
#color-Maroon:hover{ border: 2px solid #800000;}
#color-Yellow{background:#FFFF00;}
#color-Yellow:hover{ border: 2px solid #FFFF00;}
#color-Olive{background:#808000;}
#color-Olive:hover{ border: 2px solid #808000;}
#color-Lime{ background:#00FF00;}
#color-Lime:hover{ border: 2px solid #00FF00;}
#color-Green{background:#008000; }
#color-Green:hover{ border: 2px solid #008000;}
#color-Aqua{background:#00FFFF;}
#color-Aqua:hover{ border: 2px solid #00FFFF;}
#color-Teal{background:#008080;}
#color-Teal:hover{ border: 2px solid #008080;}
#color-Blue{background:#0000FF;  margin-left:0px;}
#color-Blue:hover{ border: 2px solid #0000FF;}
#color-Navy{background:#000080;}
#color-Navy:hover{ border: 2px solid #000080;}
#color-Fuchsia{background:#FF00FF;}
#color-Fuchsia:hover{ border: 2px solid #FF00FF;}
#color-Purple{background:#800080;}
#color-Purple:hover{ border: 2px solid #800080;}
#color-Orange{background:#FFA500;}
#color-Orange:hover{ border: 2px solid #FFA500;}
#color-Pink{background:#F52887;}
#color-Pink:hover{ border: 2px solid #F52887;}

.small-ads{overflow:hidden;}
.small-ads .ads{max-width:114px; height:68px; font-size:11px; padding-top:46px;}
.small-ads div{padding:20px 5px 0 5px;}
.big-ads{ padding-top:15px;}
.big-ads a{margin-top:15px; display:block;}
.big-ads .ads{height:115px; padding-top:85px;}

a.ads:link, a.ads:visited{background:#efefef; display:block; border:1px solid #d2d2d2; text-align:center; font-weight:bold; color:#333;}
a.ads:hover{text-decoration:none; border:1px solid #b3b3b3;}


.footer{padding:20px 0;}
.footer{text-align:center;font-size:14px; color:#666;}
.footer .foot-link{font-weight:700; color:#222; padding:20px 0 10px 0;}
.footer .foot-link a{color:#222; padding:0 5px; text-decoration:none; display:inline-block;}
.footer .foot-link a:hover{color:#666;}

.websites{float:left; margin-left:40px; max-width:247px;}
.copyright{padding:0px 0 20px 0;}

.Pagination{text-align:center;}
.Pagination ul{margin:0px; padding:0px;}
.Pagination ul li{list-style:none; display:inline-block;}
.Pagination ul li a{background:#d3d3d3;  color:#444; padding:5px 12px;  display:block;border-radius:5px;}
.Pagination ul li a:hover{background:#00AEE5; text-decoration:none;}
.Pagination a.seleted:link, .Pagination a.seleted:visited{background:#00AEE5; text-decoration:none; font-weight:bold; color:#fff;}
.Pagination ul li .svg-icon{width:25px; height:32px; display:inline-block;}
.Pagination ul li .svg-icon path,.Pagination ul li .svg-icon polygon,.Pagination ul li .svg-icon rect {fill:#444;}
.Pagination ul li .svg-icon circle {stroke: #444;stroke-width: 1;}
.Pagination ul li span{display:inline-block; vertical-align:top;}
.Pagination ul li:hover .svg-icon path{fill:#fff;}

.SuccessMsg{border:2px dotted #456FC2; padding:10px; color:#456FC2; font-size:14px; text-align:center; height:20px; line-height:20px; margin:10px 0;}
.target{position: absolute;left:0;top:20px;font-weight: bold; max-width: 300px;color:red;}
.target1{position: absolute;left:0;top:20px;font-weight: bold; max-width: 300px;color:red;}

.captcha{height:40px; font-weight: bold;}
.captcha span{float:left !important;  padding-top:6px; color:#555 !important; width:20px;}
.captcha .textfiled{min-width: 100px  !important;}

h1.big {
    font-size: 150px;
    padding:100px 25px 70px 0; color:#F07572; font-weight: normal;
}
.ribboncode{border: 1px solid #8C8C8C; color: #8C8C8C; font-family:'Titillium Web', Verdana, Arial, Helvetica, sans-serif;font-size: 14px; height:200px; margin:10px 0; overflow: hidden; padding: 10px; max-width:100%; line-height:22px; width:100%;}
.ribboncode:focus{color:#00AEE5;}

.view_more a{ background:#00aee5; color:#fff; text-decoration:none; display:block; height:36px; line-height:36px; font-size:20px; text-align:center; text-transform:uppercase; margin-bottom:20px;}
.view_more a:hover{background:#1F1F1F; color:#fff; text-decoration:none;}





/************************* Input CSS  **********************/
.input-invalid {border: 1px solid #ec6464 !important; color: #ec6464 !important;-webkit-box-shadow: 0px 0px 5px #ec6464 !important;-moz-box-shadow: 0px 0px 5px #ec6464 !important;box-shadow: 0px 0px 5px #ec6464 !important;}
.input-valid{border: 1px solid #9bdf64 !important;  color: #9bdf64 !important; -webkit-box-shadow: 0px 0px 5px #9bdf64 !important;
 -moz-box-shadow: 0px 0px 5px #9bdf64 !important;box-shadow: 0px 0px 5px #9bdf64 !important;}
.serch-but{background:url(/prx/000/https/www.bestcss.in/application/assets/public/images/search.png) no-repeat 0 2px #fff!important ; width:31px; height:34px; cursor:pointer; position:absolute; top:1px; right:1px;overflow: hidden;text-indent: -200px; border:0px !important;}
.serch-but:hover{background-position:0 -29px!important;}
.textfiled {padding: 0px 10px;height: 34px;line-height: 34px;font-size: 14px;color: #666;background: #F1F1F1; border: 1px solid #F1F1F1; -webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;margin:0px 0px 10px 0;}
.textfiled:focus {-webkit-box-shadow: 0px 0px 8px #00AEE5;-moz-box-shadow: 0px 0px 8px #00AEE5;border: 1px solid #00AEE5 !important; background:#fff !important;}
.textfiled.input-active,.textfiled.input-hover,.textfiled:focus {color: #626262;}
.Capch{ width:105px !important; margin:3px 0px 10px 0;}
.textarea{max-width: 241px; padding: 5px 5px 5px 10px; height: 100px;font-size: 14px; color: #666; background: #F1F1F1;border: 1px solid #F1F1F1; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; margin:3px 0px 10px 0;}
.textarea:focus {-webkit-box-shadow: 0px 0px 8px #00AEE5;-moz-box-shadow: 0px 0px 8px #00AEE5;border: 1px solid #00AEE5 !important; background:#fff !important;}
.textfiled.input-active,.textfiled.input-hover,.textarea:focus {color: #626262;}
.select {color:#ddd;font-size:12px;position:relative;float:none;min-width:100px;height:28px;line-height: 28px;padding: 0px 0px 0px 25px;margin:0;background: #fff;border: 1px solid #d3d4d5;border-top: 1px solid #a7aaad;border-right-color: #c2c7ca;border-left-color: #c2c7ca;-moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;}
.select.input-active {color: #626262;}
.select:active {-webkit-box-shadow: 0px 0px 8px #12aef3;-moz-box-shadow: 0px 0px 8px #12aef3;border: 1px solid #12aef3;}
.select .label {font-size:12px;padding:0;margin:0;}
.select .label img {vertical-align:middle;overflow:hidden;margin:0;padding:0 5px 0 2px;}
.select .button {position:absolute;right:5px;top:5px;width:16px;height:16px;cursor:pointer;background: url("/prx/000/https/www.bestcss.in/application/assets/images/v2/arrow.png");}

.select .list {max-width: 205px;position:absolute;top:28px;left:-1px;z-index:1000;border-right:solid #c2c7ca 1px;border-bottom:solid #a7aaad 1px;border-left:solid #c2c7ca 1px;}
.select .optgroup {color:#1e1e1e;font-weight:bold;font-size:12px;padding:5px;margin:0;background: #f2f2f2;background: -moz-linear-gradient(100% 100% 90deg, #dfdfdf, #f2f2f2);background: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), to(#f2f2f2));}
.select .optgroup img {vertical-align:middle;overflow:hidden;margin:0;padding:0 5px 0 0;}
.select .option {color: #626262;font-size:12px;padding: 5px;height: 18px;line-height: 18px;padding:5px;cursor:pointer;border-bottom:dotted #cccccc 1px;background: #fff;}

.select .option img {vertical-align:middle;overflow:hidden;margin:0;padding:0 5px 0 0;}
.select .option.bottom {border-bottom:none;}
.select .option:hover {background: #ffffff;}
input.button {color:#ffffff;font-size:14px;height:32px;padding:0 5px 0 5px;margin:6px;cursor:pointer;border-top:solid #6199D7 1px;border-right:solid #224F80 1px;border-bottom:solid #002F65 1px;border-left:solid #224F80 1px;background: -moz-linear-gradient(100% 100% 90deg, #224F80, #3278C4);background: -webkit-gradient(linear, left bottom, left top, from(#224F80), to(#3278C4));text-shadow: #1e1e1e 1px 1px 1px;}
.submit-but {height: 33px;line-height: 32px;border: 1px solid #c12814;text-shadow: 1px 1px 0px #c12814;color: #fff;font-size: 14px;font-weight: bold;padding: 0px 25px;background: #D14836;-moz-border-radius: 3px; -khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; -moz-box-shadow: 0px 1px 2px 0px #c12814;-webkit-box-shadow: 1px 1px 2px 0px #c12814; box-shadow: 0px 1px 2px 0px #c12814;cursor: pointer;}

.submit-but:hover{background: #666;-moz-box-shadow: 0px 1px 2px 0px #555;-webkit-box-shadow: 1px 1px 2px 0px #555;box-shadow: 0px 1px 2px 0px #555;border: 1px solid #555;text-shadow: 1px 1px 0px #555;}
.input-button:hover { background-color: #2abaf9;}
.input-button:active {position: relative; top: 1px; background-color: #2abaf9;}

/* Checkboxes */
.input-checkbox {display: block;float: left;height: 20px;line-height: 20px; position: relative;padding: 0px 5px 0px 26px;cursor: pointer;margin-right: 5px; font-size: 12px; font-family: Verdana,"Bitstream Vera Sans","DejaVu Sans","Liberation Sans",Geneva,sans-serif;color: #444444;}
.input-checkbox input {position: absolute; top: -10000px;left: -10000px;}
.input-checkbox.checkbox-hover {background-position: 0px -20px;}
.input-checkbox.checkbox-down { background-position: 0px -40px;}
.input-checkbox.checkbox-checked {background-position: 0px -60px;}
.input-checkbox.checkbox-checked.checkbox-hover { background-position: 0px -80px;}
.input-checkbox.checkbox-checked.checkbox-down { background-position: 0px -100px;}
.comment-form label{float:left; min-width:150px; padding-top:10px;}
.comment-form .textfiled{border:1px solid #F1F1F1; min-width:380px; height:42px; line-height:42px; margin-bottom:15px;}
.comment-form .textarea{border:1px solid #F1F1F1; min-width:380px; height:100px;}
.comment-form  span{color:red;}
.post-comment{border:1px solid #0283ac; color:#fff; cursor:pointer; background:#00aee5; padding:15px 20px; font-size:22px; font-weight:bold; transition:  .15s linear;-webkit-transition:  .15s linear;-moz-transition:  .15s linear;}
.post-comment:hover{background:#62a915; border:1px solid #498508;}
.btn-blue{ color:#fff; cursor:pointer; background:#00aee5; padding:15px 30px; font-size:22px; font-weight:bold; transition:  .15s linear;-webkit-transition:  .15s linear;-moz-transition:  .15s linear; text-transform:uppercase; border:0px;}
.btn-blue:hover{background:#62a915;}
.btn-blue.rounded{border-radius:40px;}
.submit-form{}
.submit-form label{ display:block; padding-bottom:5px;}
.submit-form .textfiled{border:1px solid #F1F1F1; min-width:300px; height:32px; line-height:32px; margin-bottom:15px;}
.submit-form .textarea{border:1px solid #F1F1F1; min-width:300px; height:80px;}
.submit-form  span{color:red;}

.social a{transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear; width:30px; display:inline-block; height:30px;border-radius:100%; overflow:hidden;background:transparent; padding:5px;}
.social svg{width:100%; height:100%;transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;}
.social a:hover{background:#000;}
.social a:hover svg{color:#fff;fill:#fff;}
.social a.facebook:hover{background:#496aae;}
.social a.twitter:hover{background:#19b2f5;}
.social a.pinterest:hover{background:#cb2d24;}
.social a.gplus:hover{background:#e26553;}
.social a.instagram:hover{background:#d22386;}
.social .instagram svg{width:80%; height:80%; margin-top:3px;}


.ribbon{margin:0px; padding:0px;}
.ribbon:after,.ribbon:before{clear:both; content:""; display:block;}
.ribbon li{list-style:none; margin-bottom:20px; float:left; width:50%; text-align:center; padding:0 20px;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}

.ribbon h3{font-size:16px; text-transform:uppercase;}

.site-detial{word-break:break-all;}

.adswidth{ text-align:center; padding-bottom:20px;}
.footer-ads{min-height:100px; background:#fff;}
.footer-ads .adswidth{overflow:hidden;}

.categorie.subscribe{ margin-right:300px;}
#mc_embed_signup{clear:none; float:right; width:260px; padding-top:3px;}
#mc_embed_signup form{padding:0px !important;}

.submission-area{text-align:center;}
.submission-area .submission{font-size:16px; text-align:left; width:320px; display:inline-block; vertical-align:top; min-height:450px; margin-bottom:40px; background:#fff; padding:40px;box-shadow:0px 0px 30px rgba(0,0,0,0.10);-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;}
.submission-area .submission h3{color: #2e4054;font-size: 30px;font-weight: 300;margin: 0;padding: 40px 10px 20px;text-align: center;text-transform: uppercase;}
.submission-area .submission h3 span{
    display: block;
    font-size: 16px;
    text-transform: none;
}
.submission-area .submission.standard{margin-right:30px;}
.submission-area .submission b{display: block;font-size: 40px;margin-bottom: 30px;text-align: center;}
.submission-area .submission ul {
    margin: 0;
    padding: 10px 20px 20px 0px;
}
.submission-area .submission ul li:last-child{border:0px;}
.submission-area .submission ul li {
    border-bottom: 1px dotted #ddd; list-style:none;
    font-size: 14px;
    padding: 10px 0 10px 0px;
    position: relative;
}
.submission-area .btn{border-radius:40px;}
.submission-area .btn{text-align:center; display:block; color:#fff !important; text-transform:uppercase; font-size:20px; text-decoration:none !important; padding:20px; font-weight:700;}
.submission-area .btn.blue{background:#00aee5;}
.submission-area .btn.blue:hover{background:#1298c2;}
.submission-area .btn.red{background:#e64c4c;}
.submission-area .btn.red:hover{background:#bf4040;}
.black-overlay {
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
.share-popup {
    background: #fff;
    left: 50%;
    margin-left: -300px;
    margin-top: -200px;
    max-width: 600px;
    padding: 30px;
    position: fixed;
    top: 50%;
    z-index: 101;
}
.share-popup p{margin-bottom:15px; font-size:18px;}
.share-popup .gplush {
    background: #dd4b39 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 20px 0 20px;
    position: relative;
    text-transform: uppercase; margin-bottom:10px;
}
.share-popup .fb-share {
    background: #4c6cb2 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
    padding: 0 20px 0 20px;
    position: relative;
    text-transform: uppercase;
    vertical-align: top; text-transform:uppercase; text-decoration:none !important;
}

.certificate-photo{margin:40px 0;}
.certificate-photo img{width:100%;}

.choose-file{position:relative;}
.choose-file input{position:relative; z-index:2;opacity:0; height:42px;}
.choose-file a{display:inline-block; background:#00aee5; text-transform:uppercase; color:#fff;border-radius:40px; z-index:1;padding:10px 40px; font-weight:700; position:absolute; left:0px; top:0px;}