@charset "utf-8";
/* CSS Document */

/*------------------------------------------
Project Name : Classified
Desgined By  : hassan_malik19
Developed By : Hassan;
Date        :  10/Oct/17;

Table Of Index
------------------
01. Top bar css
02. Header  css
03. Header css
04. Slider css
05. Custom slider css
06. Feature css
07. Categories css
08. Testimonials css
09. Testimonials css	
10. business  css
11. News Letter css
12. Footer css
13. inner heading css
14. inner wrap css
15. Contact css
16. Pricing Table css
17. login css
18. detail page css
19. Detail sidebarWrp css
20. Listing css
21. LeftSidebar css
22. Listing service css
23. Sort by css
24. Pagination css
25. Blog css
26. Side bar css	
27. Sidebar Search css
28. Blog Categories css
29. Archives css
30. Popular Posts css
31. Tags css
32. Photo Gallery css
33. Blog grid css
34. Faqs css
35. 404 page css
36. Typoghrapy css
------------------------------------------*/


/*********************************************
		base css
*********************************************/

*{margin:0; padding:0;}
body{font-family: 'Open Sans', sans-serif;}
img{max-width:100%;}
a{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
ul, ol{list-style:none;}
h1, h2, h3, h4, h5, h6{font-family: 'Ubuntu', sans-serif;}
p{font-size:14px; line-height:24px; color:#333;}
.heading-title {text-align:center; font-size:36px; color:#656565; font-weight:bold; font-family: 'Ubuntu', sans-serif;} 
.heading-text{text-align:center; font-size:16px; color:#656565; padding-top:10px;}

h1 {
	font-size: 45px;
}
h2, .h2 {
	font-size: 30px;
}
h3 {
	font-size: 25px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}

.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}

/****************************************************
			    top bar css
****************************************************/
.topbar-wrap{background:#f2f2f2; padding:2px 0;}
.user-wrap{padding-top:4px;}
.login-btn,.logout-btn{float:left; width:80px;}
.login-btn a,.logout-btn a{font-size:14px; color:#000; text-decoration:none;}
.login-btn a:hover,.logout-btn:hover{color:#8b3ea4;}
.login-btn:before{content: "\f090"; font-family: 'FontAwesome'; padding-right:10px; font-size:16px; color:#8b3ea4;}
.logout-btn:before{content: "\f08b"; font-family: 'FontAwesome'; padding-right:10px; font-size:16px; color:#8b3ea4;}
/*register*/
.register-btn,.profile-btn{float:left}
.register-btn a,.profile-btn a{font-size:14px; color:#000; text-decoration:none;}
.register-btn a:hover,.profile-btn:hover{color:#8b3ea4;}
.register-btn:before,.profile-btn:before{content: "\f007"; font-family: 'FontAwesome'; padding-right:10px; font-size:16px; color:#8b3ea4;}
/*social-wrap*/
.social-wrap{list-style:none; float:right; margin-bottom:0;}
.social-wrap li{display:inline-block; padding:0 1px;}
.social-wrap li a{text-decoration:none; font-size:22px;}
.social-wrap li:nth-child(1) a{color:#3a7ae6;}
.social-wrap li:nth-child(2) a{color:#33ccff;}
.social-wrap li:nth-child(3) a{color:#dc4a38;}
.social-wrap li:nth-child(4) a{color:#0274b3;}
.social-wrap li:nth-child(5) a{color:#41b2dc;}
.social-wrap li:nth-child(6) a{color: #f7af25;}

/****************************************************
			    header css
****************************************************/
.header-wrap .logo{padding-top:14px;}
.navbar-default{background:none; border:none;}
.navbar{margin-bottom:0; min-height:32px;}
.navbar-default .navbar-nav>li>a{font-size:14px; text-transform:uppercase; font-weight:bold; padding: 25px 15px; color:#676767;}
.navbar-default .navbar-nav>li>a:hover{color:#fff; background:#ff7800;}
.navbar-default .navbar-nav>li>a.active{color:#fff; background:#ff7800;}
.post-btn{float:right; padding-top: 13px;}
.post-btn a{text-decoration:none; background:#4d1ca7; font-size:14px; text-transform:uppercase; -webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px; display: inline-block; text-align:center; color:#fff; padding: 12px 20px; font-weight:bold;}
.post-btn a:hover{background:#ff7800;}
.navbar-nav li:hover .dropdown-menu{display:block;}
.dropdown-menu{background:#fff !important; border-top:none; padding:0; border-bottom: 7px solid #ff7800; border-top: 5px solid #ff7800; min-width: 200px; border-left:none; border-right:none;}
.dropdown-menu>li{border-bottom:1px solid #efefef;}
.dropdown-menu>li:last-child{border-bottom:none;}
.dropdown-menu>li>a{color:#231f20; font-size:14px; padding:8px 20px 8px 28px; position:relative;}
.dropdown-menu>li>a:hover{color: #FFF; background: #ff7800;} 
.dropdown-menu>li a:before {content: "\f0da"; font-family: 'FontAwesome'; position:absolute; top:9px; left:11px; color:#000;}
.dropdown-menu>li:hover> a:before{color:#fff;}

/****************************************************
			    slider css
****************************************************/
.slider-wrap{background:url(/img/slider-bg.jpg) no-repeat top; background-size:cover; padding:110px 0;}
.sliderTxt h1{font-size:60px; font-family: 'Ubuntu', sans-serif; color:#fff; font-weight:600; padding:0; margin:0; text-align:center}
.sliderTxt p{font-size:24px; line-height:24px; margin:0 auto; color:#fff; padding:5px 0;font-weight:300; max-width:780px; margin-top:10px;}
.form-wrap{width:820px; margin:0 auto; margin-top:15px; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: solid 12px rgba(255,255,255,.27);}
.input-group .form-control{border:none; border-radius:5px 0 0 5px !important; height: 60px;}
.input-group .dropdown{height: 60px; width:100%; border: none; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none;}
.input-btn{text-align:right;}	
.sbutn,#uf-submit{background: #ff7800!important; border: none!important; padding: 18px 68px!important; text-transform: uppercase!important; font-size: 17px!important; color: #fff!important; border-radius:0px 5px  5px 0!important; font-weight: bold!important;}
.sbutn:hover,#uf-submit:hover{background:#333!important;}
.input-group{border-right: 0px solid #ccc; width:100%;}
.form-wrap .col-md-9{padding:0;}
.form-wrap .col-md-3 {padding: 0;}
.formWrp{padding:60px 0;}
.map-wrap iframe{margin-bottom:-5px;}

/*********************************************
			Custom slider options
**********************************************/
.tp-banner-container {position: relative; z-index: 1; padding: 0; width: 100%;}
.tp-banner {position: relative;	width: 100%;}
.tp-caption {line-height:normal !important}
.tp-caption a {	color: inherit !important;}
.tp-bullets.simplebullets.round .bullet {border: 3px #fff solid; border-radius: 50%; background-image: none !important;}
.tparrows {width: auto !important; height: auto !important; background-image: none !important;}
.tp-arr-allwrapper {margin: 0 10px; width: 50px; height: 60px; background: rgba(255,255,255,0.5);}
.tp-arr-allwrapper:hover .tp-arr-iwrapper {color: #fff;}
.tp-leftarrow .tp-arr-allwrapper {}
.tp-rightarrow .tp-arr-allwrapper {}
.tp-arr-iwrapper {color: #000; text-align: center; font-size: 30px; font-family: FontAwesome; line-height: 60px;}
.tp-leftarrow .tp-arr-iwrapper {}
.tp-leftarrow .tp-arr-iwrapper:before {content: "\f104";}
.tp-rightarrow .tp-arr-iwrapper:before {content: "\f105";}
.tp-rightarrow .tp-arr-iwrapper {}
.slide-h1 {margin: 5px 0 !important; padding: 0 0 10px !important; padding-bottom: 5px !important; color: #444; text-transform: uppercase; font-weight: bold; font-size: 57px; }
.slide-h2 {margin: 5px 0 !important; padding: 0 0 10px !important; padding-bottom: 5px !important; color: #555; font-weight: bold; font-size: 55px; line-height: 100%;}
.big-font {text-transform: uppercase; font-weight: 800; font-size: 60px;}
.large-desc {font-size: 16px;}
.slide-h3 {color: #fff;	font-size: 31px; line-height: 100%;}
.slide-h3 span {text-transform: uppercase; font-weight: bold;}
.slide-head {text-transform: uppercase; font-weight: 900; font-size: 30px;}
.slide-desc {font-size: 22px; line-height: 150%;}
.main-title {text-transform: uppercase; font-weight: 800; font-size: 70px;}
.icon-cont {padding: 15px 40px;	border-radius: 10px; text-align: center;}
.icon-cont:after {position: absolute; bottom: -10px; left: 40%; z-index: 5;	display: inline-block;	width: 0; height: 0; border-width: 10px 10px 0 10px; border-style: solid; content: "";}
.icon-cont i {margin-bottom: 10px; color: #fff; font-size: 50px;}
.icon-cont span {display: block; padding: 0 0 5px; color: #fff; text-align: center; font-size: 18px;}
a.wit-btn {background: #fff; color: #333 !important; text-transform: uppercase;}
.wit-line {width: 5%; height: 1px; background: #fff;}
.vert-line {min-height: 270px; width: 1px; background: #fff;}
.subTxt {text-transform: uppercase; font-weight: bold; font-size: 17px; color: #333;}
.large-title {color: #222; font-size: 60px;	font-weight: 800; text-transform: uppercase !important;}
.large-light-title {color: #787878 !important;	font-size: 70px; font-weight: lighter; text-transform: uppercase; letter-spacing:2px}
.large-text {font-size: 20px; color: #000; font-weight: lighter;}
.larger-text {font-size: 24px; font-weight: lighter; text-transform: uppercase;}
.witTxt {color: #fff !important;}
.light-font {font-weight: lighter !important; font-size: 50px;}
.black-bg{background:rgba(0,0,0,.63); color:#a8a8a8; text-transform:none;}
.lft-list {padding: 10px; font-size: 18px; color: #fff;}
.wit-border {border: 1px #fff solid; padding: 15px 60px; color: #fff; font-size: 16px; text-transform: uppercase;}
.rounded-bord {margin-right: 15px;  border: 1px #fff solid; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 13px; border-radius: 50%;}
#vertical-ticker{height:120px; overflow:hidden;}
#vertical-ticker li{padding:15px 20px; display:block; text-align:center;}
.to-bottom i.fa{font-size: 30px; border:2px #a8a8a8 solid; 	padding:20px 22px; border-radius:50%; -webkit-animation: bounce 2s infinite linear;	animation: bounce 2s infinite linear;}
.tp-bannertimer{display:none;}
.slidertext2{color:#fff; font-size:46px; font-weight:normal; text-transform:none !important; text-align:left; text-shadow: 0 0 1px rgba(24,24,24,.75); font-family: 'Ubuntu', sans-serif;}
.slidertext3{color:#fff; font-size:60px; font-weight:700; text-transform:uppercase; text-align:left; text-shadow: 0 0 1px rgba(24,24,24,.75); font-family: 'Ubuntu', sans-serif;}
.slidertext6{color:#fff; font-size:18px; font-weight:600; text-transform:none !important; text-align:left; text-shadow: 0 0 1px rgba(24,24,24,.75);}
.slidertext7{}
.slidertext7 a{color:#fff !important; font-size:18px; font-weight:700; padding:14px 36px; border-radius:5px; text-transform:uppercase !important; text-align:left; background:#ff7800; font-family: 'Ubuntu', sans-serif;}


@-webkit-keyframes bounce {
	0% {
		transform:translateY(0%);
	}
	50% {
		transform:translateY(-30%);
	}
	100% {
		transform:translateY(0);
	}
}

/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
  0% {
		transform:translateY(0%);
	}
	50% {
		transform:translateY(-30%);
	}
	100% {
		transform:translateY(0);
	}
}

/* Opera 12.0 */
@-o-keyframes bounce {
    0% {
		transform:translateY(0%);
	}
	50% {
		transform:translateY(-30%);
	}
	100% {
		transform:translateY(0);
	}
}

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
	0% {
		transform:translateY(0%);
	}
	50% {
		transform:translateY(-30%);
	}
	100% {
		transform:translateY(0);
	}
}

/****************************************************
			    Feature css
****************************************************/
.feature-wrap{padding:60px 0 70px 0;}
.feature-wrap .heading-text{margin-bottom:20px;}
.feature-service{list-style:none;}
.feature-service>li{display:inline-block; margin:20px 0;}
.feature-service .feature-image img{border-radius:5px 5px 0 0; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s; transition: all 0.3s;}
.feature-service .feature-image{overflow:hidden;}
.feature-service>li:hover img {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.featureList i{margin-right:5px;}
.feature{background:#f2f2f2; border-radius:0 0 5px 5px;}
.feature .feat-bg{padding:15px;}
.feature h3{margin:0; min-height: 52px;}
.feature h3 a{color:#4d1ca7; font-size:20px; font-family: 'Ubuntu', sans-serif; text-decoration:none;}
.feature h3 a:hover{color:#000;}
.feature-image{position:relative;}
.price{font-size:16px; position: absolute; left:0;
    bottom: 8px;
    background: #4d1ca7;
    padding: 6px 12px;
    color: #fff;
    font-weight: bold;
    border: 1px solid #fff;
    border-left: none;}
.feature-detail{border-top:1px solid #e0e0e0;}
.featureList{list-style:none; padding:10px 15px;}
.featureList li{display:inline-block; padding:0 8px; border-left:1px solid #e0e0e0;}
.featureList li:nth-child(1){padding-left:0; border-left:none;}
.view-btn{text-align:center; margin-top:40px;}
.view-btn a{text-decoration:none; background:#ff7800; font-size:16px; text-transform:uppercase; -webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px;	display: inline-block; text-align:center; color:#fff; padding: 14px 24px; font-weight:bold;}
.view-btn a:hover{background:#4d1ca7;}

/****************************************************
			    Categories css
****************************************************/
.categories-wrap{background: #f7f7f7; padding:60px 0 30px 0;}
.categories-service{list-style:none; margin-top:40px; text-align:center;}
.categories-service>li{margin:50px 0;}
.categories{list-style:none; margin-bottom: 10px;}
.categorybox:hover{border:1px solid #ff7800;}
.categorybox:hover .icon{background:#ff7800;}
.categorybox:hover h4 a{color:#ff7800;}
.categories li{margin:18px 0;}
.categories li a{font-size:14px; color:#888888; text-decoration:none;}
.categories li a:hover{color:#ff7800;}
.categorybox{border:1px solid #e8e5e5; border-radius:5px; background: #fff; padding: 0 15px 15px 15px;}
.icon{width:100px; height:100px; text-align:center; display:inline-block; color:#fff; font-size:40px; line-height:100px; margin-top: -50px;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;background-color: #4d1ca7;}
.icon-avatar{width: 100px;height: 100px;text-align: center;display: inline-block;color: #fff;font-size: 40px;}
.icon-avatar img{-webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px;}
.icon img{-webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px;}
.categories-service h4 {margin-top:18px;}
.categories-service h4 a{font-size:18px; color:#3f3d59; font-weight:bold; text-decoration:none; text-transform: uppercase;}
.categories-service h4 a:hover{color:#ff7800;}

/*********************************************
		Testimonials css
*********************************************/
.testimonials-wrap{background:url(/img/testimonials-bg.jpg) no-repeat; padding:50px 0; background-size:cover;}
.testimonials-wrap .heading-title{color:#fff; margin-bottom:30px;}
.testimonials-wrap .main-heading:before{left:50%; margin-left:-40px; background:#fff;}
.testimonials li{margin:30px 0 80px 0;}
.testi-info{background:#fff; padding:40px 30px 30px 60px; position:relative; margin-bottom: 50px;border:1px solid#ddd;}
.testi-info p{position:relative; font-size:14px; line-height:24px; font-style:italic; color:#696969;}
.testi-info p:before{content: "\f10d"; font-family: 'FontAwesome'; position:absolute; top:-5px; left:-29px; color:rgba(255, 120, 0, 0.29); font-size:43px; font-style:normal;}
.name, .name a{font-size:18px; color:#000; text-transform:uppercase; font-weight:bold; font-family: 'Oswald', sans-serif;}
.name span{display:block; text-transform:none; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:normal;}
.client-image img{border-radius:100%; border:2px solid #fff;width: 95px;height: 95px;}
.client-image{position:absolute; bottom:-50px; right: 40px;}
.test .testi-info{background:#eee;}
.test .client-image img{border: 2px solid #eee;}
.test li{margin:0; margin-top:20px;}


/****************************************************
			    Business css
****************************************************/
.business-wrap{padding:60px 0;}
.business-service{list-style:none; text-align: center;}
.business-service li{padding: 0 26px;}
.business-service h3{font-size:18px; color:#3f3d59; font-weight:bold; font-family: 'Ubuntu', sans-serif; text-decoration:none;}
.business-service p{font-size:14px; color:#888888; line-height:24px;}
.business-image{-webkit-border-radius: 94px;
	-moz-border-radius: 94px;
	border-radius: 94px;
	background-color: #fff;
	-webkit-box-shadow: 0 7px 16px rgba(0,0,0,.17);
	-moz-box-shadow: 0 7px 16px rgba(0,0,0,.17);
	box-shadow: 0 7px 16px rgba(0,0,0,.17);display:inline-block; padding:30px;}

/****************************************************
			    Footer css
****************************************************/
.footer-wrap{background:url(/img/footer-bg.jpg) no-repeat top; padding-top:30px; background-size:cover;}
.footer-wrap h3{color:#fff; font-size:18px; font-weight:bold; text-transform:uppercase; margin-bottom:30px;}
.footer-wrap p{font-size:14px; line-height:24px; color:#b3b3b3; margin-top:15px;}
.footer-wrap p a{color:#fff; text-decoration:underline; font-style:italic;}
.footer-wrap p a:hover{text-decoration:none; color:#ff7800;}
.footer-wrap .start-btn{text-align:left; margin-top:15px;}
.footer-wrap .start-btn a{width:160px; font-size:16px; height:49px;}
.footer-wrap .start-btn a:hover{background:#FFF; color:#000;}
.footer-links{list-style:none;}
.footer-links li{}
.footer-links li a{font-size:14px; line-height:26px; color:#b3b3b3; text-decoration:none;}
.footer-links li a:hover{color:#ff7800;}
.footer-links li:before{content: "\f105"; font-family: 'FontAwesome'; padding-right:10px; color:#b3b3b3;}
.footer-category{list-style:none;}
.footer-category li{float:left; width:50%;}
.footer-category li a{font-size:14px; line-height:26px; color:#b3b3b3; text-decoration:none;}
.footer-category li a:hover{color:#ff7800;}
.footer-category li:before{content: "\f105"; font-family: 'FontAwesome'; padding-right:10px; color:#b3b3b3;}
.address{font-size:14px; color:#b3b3b3; font-size:14px; position:relative; padding-left:30px; line-height:30px;}
.address:before{content: "\f277";  font-family: 'FontAwesome'; position:absolute; top:0; left:0;}
.info a{font-size:14px; color:#b3b3b3; font-size:14px; line-height:30px; font-weight:normal;}
.info i{padding-right:8px; color:#b3b3b3;}
.copyright{border-top:1px solid #5f5f5f; font-size:14px; color:#b3b3b3; margin-top:25px; padding-top:10px; text-align:center; padding-bottom:10px}

/****************************************************
			    Inner heading css
****************************************************/
.inner-heading{padding:25px 0; background:#4d1ca7;}
.inner-heading h1{font-size:30px; color:#fff; font-weight:bold; text-align:center; margin:0;}

/****************************************************
			    Inner wrap css
****************************************************/
.inner-wrap{padding:60px 0;}
.about h1{margin-top:0;}

/****************************************************
			    Contact css
****************************************************/
.contact-info{margin-bottom:40px;}
.contact-info .contactWrp{text-align:center;}
.contact-info .contact-icon i{display: inline-block; font-size: 35px; height: 60px; width: 60px; line-height: 60px; text-align: center; color: #4d1ca7; border-radius: 100%; box-shadow: 0 0px 0px 2px #4d1ca7 inset; margin-bottom: 20px;  transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease;     -o-transition: all 500ms ease;}
.contact-info .contactWrp:hover .contact-icon i {box-shadow: 0 0px 0px 46px #ff7800 inset; color: #fff;}
.contact-info .contactWrp{background: #f5f5f5; padding:20px; overflow: hidden; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.18);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.18);
	box-shadow: 0 0 10px rgba(0,0,0,.18); border-radius: 5px; border: 5px solid #fff;} 
.contact-info .contactWrp h5{font-size:18px; color:#4d1ca7; font-weight:bold;}
.contact-info .contactWrp p{font-size:14px; color: #a2a2a2;}
.input-wrap .form-control{height:45px; padding: 6px 36px; border-radius:5px;}
.input-wrap{margin-bottom:15px; position:relative;}
.form-icon{position:absolute; top:13px; left:15px;}
.input-wrap textarea.form-control{height:120px; padding: 12px 36px;}
.contact-btn .sub{width:100%; height:45px; border-radius:5px; background: #4d1ca7; color:#fff; font-size:16px; border:none; font-weight:bold;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;}
.contact-btn .sub i{padding-right:15px;}
.contact-btn .sub:hover{background:#ff7800;}
.mapWrp iframe{width:100%;}

/****************************************************
			Pricing Table css
****************************************************/
.price-box{text-align:center; background:#f3f3f3; border-radius:5px; padding:25px 0; border: 1px solid #ececec;}
.price-box h3{font-size:26px; font-weight:bold; margin:0;}
.price-service{list-style:none; margin-top:30px;}
.price-service li{font-size:14px; line-height:36px;}
.price-tbl{margin-top: 20px; font-weight:bold; font-size:24px; color: #303030; background: #4d1ca7; color:#fff; padding:15px 0;}
.pricingWrp li:hover .price-tbl{background: #ff7800;}
.pricingWrp li:hover .view-btn a{background: #4d1ca7;}
.price-tbl span{font-size:14px; font-style:italic;}
.per-month {margin-top: 30px; text-transform: uppercase; font-size: 18px;}
.price-box .view-btn{margin-top:10px;}
.price-box .view-btn a{padding: 10px 24px;}

/****************************************************
			Login css
****************************************************/
.login{border:1px solid #ddd; box-shadow: 0 0 0px rgba(0, 0, 0, 0.17); padding: 24px;}
.login .form-control{padding: 6px 16px;}
.contctxt{font-size: 24px; font-weight: bold; margin-bottom: 18px; font-family: 'Ubuntu', sans-serif;}
.login .sbutn,#uf-submit{padding:12px 0!important; width:100%!important; border-radius:5px!important;}
.newuser {margin-top: 30px; text-align: center; color: #666; font-size:18px;}
.newuser a {font-weight: 600;}

/****************************************************
			Detail page css
****************************************************/
.innerslider{margin-bottom:30px !important;}
.featureLinks{}
.featureLinks li{float:left; width:50%; font-size:16px; color:#000; margin-top:10px; position:relative; padding-left:25px;}
.featureLinks li:before{content: "\f061"; font-family: 'FontAwesome'; position:absolute; top:0; left:0; color:#ff7800;}
.sidebarWrp .innerprice{position:static; background:#ff7800; padding:14px 0; font-size:30px; position:relative; padding-left:96px;  color:#fff; font-family: 'Ubuntu', sans-serif; font-weight:bold;}
.sidebarWrp .innerprice:before{content: "\f158"; font-family: 'FontAwesome'; position:absolute; top: 50%; left: 27px; border: 1px solid #fff; width: 50px; height: 50px; border-radius: 100%;   text-align: center; line-height: 50px; color: #fff; font-size: 24px; margin-top: -25px;}

/****************************************************
			Detail SidebarWrp css
****************************************************/
.phone{background:#4d1ca7; padding:14px 0; font-size:30px; position:relative; padding-left:96px; color:#fff!important; font-weight:bold; font-family: 'Ubuntu', sans-serif;}
.sidebarWrp .phone:before{content: "\f095"; font-family: 'FontAwesome'; position:absolute; top: 50%; left: 27px; border: 1px solid #fff; width: 50px; height: 50px; border-radius: 100%;   text-align: center; line-height: 50px; color: #fff; font-size: 24px; margin-top: -25px;}
.userinfo{background:#eee; padding:30px 0px; text-align:center;}
.userinfo h3{margin-bottom:0;}
.userinfo p{margin-bottom:5px;}
.readmore{}
.readmore a{display:inline-block; font-size:14px; text-decoration:underline; color:#ff7800; font-weight:bold;}
.readmore a:hover{text-decoration:none;}
.userinfo .icon{margin-top:0;}
.map{margin-top:30px;}
.safety-tips{background:#eee; padding:30px 24px; margin-top:30px;}
.safety-tips .featureLinks li{float:none; width:auto;}
.safety-tips h3{margin-top:0;}	


/****************************************************
			Listing css
****************************************************/
.listing .form-wrap{width:auto; margin:0;}
.listing .form-control{border:1px solid #ddd; height:44px !important; padding: 6px 14px;}
.listing .sbutn{padding: 10px 68px;}
.header-listing h4{float:left; margin-right:20px;}
.header-listing .form-control{width:70%;}

/****************************************************
			LeftSidebar css
****************************************************/
.leftSidebar{border:2px solid #fff; background: #f3f3f3; box-shadow: 0 0 5px rgba(0, 0, 0, 0.14);margin-bottom: 30px;}
.leftSidebar h3{font-size:22px; margin:0; background:#4d1ca7; padding: 12px; color:#fff;}
.sidebarpad{padding:15px;}
.sidebarpad  .input-wrap .form-control{border-radius:5px !important; margin-bottom:7px;}
.leftSidebar h4{font-size:14px;}
.leftSidebar label{font-weight:normal;}
.leftSidebar label span{position:absolute; top:0; right:0;}
.check li{position:relative; margin:7px 0;}
.leftSidebar .sbutn {padding: 12px 0; width: 100%; border-radius: 5px;}
.ad{margin-top:30px; text-align:center;}

/****************************************************
			Listing service css
****************************************************/
.listing-service{border:1px solid #ddd; padding:10px;}
.listing-service h3{margin-top:0;}
.listing-service h3 a{color:#ff7800; text-decoration:none;}
.listWrpService{border:2px solid #fff; padding:15px; background: #f3f3f3; box-shadow: 0 0 5px rgba(0, 0, 0, 0.14); margin: 0 0 15px 0;}
.listWrpService:hover{border: 2px solid #ff7800;}
.listService h3{margin-top:0;}
.listService h3 a{text-decoration:none; color:#4d1ca7;}
.listService h3 a:hover{color:#ff7800;}
.listService .view-btn{margin:0; text-align:left;}
.listService .view-btn a{padding:8px 20px; font-size: 14px;}
.location{margin-bottom:10px;}
.dollar{text-align:right; font-size:24px; font-weight:bold; color:#ff7800;}
.listImg {overflow:hidden; border: 2px solid #fff; display: inline-block;}
.listImg img {-moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}
.listService li:hover img {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.grid .listImg{position:relative;}
.grid h3{margin-top:15px;}

/************************************************
           Sort by css
*************************************************/
.sortbybar {margin-bottom: 20px;}
.listby {font-size: 20px; display: inline-block; margin-left: 10px; margin-top: 12px; color: #747474;}
.listby:hover {color: #000;}
.sortbybar .input-group-addon {background: none; border: none;padding: 2px 0 0 0;font-weight: 700;float: left;}
.sortbybar .form-control {border-radius: 0; height: auto; padding: 9px 15px; line-height:40px;}
.sortbybar .found {text-align: right; font-weight: 700; color: #929292; margin-top: 5px; line-height: 20px}
.sortbybar .found strong {display: block; color: #333;}
.sortbybar .foundsb {text-align: left; font-weight: 700; color: #929292; margin-top: 5px;}
.sortbybar .foundsb strong {display: block; color: #333;}
.sortbybar .found.maptext {text-align: center; line-height: 20px;}
.sortbar{background:#eee; padding:12px 20px;}
.listingBar{float:right;}
.listIcon{float:left; margin-right:6px; padding-top: 10px;}
.listIcon a{text-decoration:none; background:#666; padding:6px 10px; color: #fff; font-size: 18px;}
.boxesIcon{float:left; padding-top: 10px;}
.boxesIcon a{text-decoration:none; background:#666; padding:6px 10px; color: #fff; font-size: 18px;}

/*********************************************
	 Pagination-wrap
**********************************************/
.pagiWrap .showreslt{font-size:14px; font-weight:600; margin-top:10px;}
.pagiWrap .pagination{text-align:right; margin:0; float:right;}
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span{border-radius:0;}	
.pagination li a:hover, .pagination li.active a{background:#4d1ca7; border:1px solid #4d1ca7; color:#fff;}
.pagination>.active>a:hover{background:#4d1ca7; border:1px solid #4d1ca7; color:#fff;}
.pagination>li>a, .pagination>li>span{color:#000;}

/*********************************************
	 Ad Post
**********************************************/
.conForm textarea.form-control{padding: 12px 16px; height:150px !important;}
.conForm .input-group{border-right:none;}
.image-preview-input {
    position: relative;
	overflow: hidden;
	margin: 0px;    
    color: #333;
    background-color: #fff;
    border-color: #ccc;    
}
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}
.conForm .btn{padding:11px;}
.persional{margin-top:20px;}
#upload{padding: 9px 14px;}

/*********************************************
	 Blog css
**********************************************/
.blogWraper{}
.blogList{list-style:none;}
.blogList li{background:#fff; padding:20px; margin-bottom:30px; border: 1px solid #e4e4e4;}
.blogList li .postimg{position:relative; display: inline-block;}
.blogList li .postimg:before{background:rgb(77, 28, 167);
    bottom:0px;
    content: "";
    left:0px;
    position: absolute;
    right:0px;
    top:0px;
    transform: scale(0);
    transition: all 300ms ease 0s;
    opacity: 0.5;
    z-index: 1;}
	.blogList li:hover .postimg:before{transform: scale(1);}

.blogList li .postimg .date{font-size:16px; position: absolute; left:0;
    bottom: 8px;
    background: #4d1ca7;
    padding: 6px 12px;
    color: #fff;
    font-weight: bold;
    border: 1px solid #fff;
    border-left: none; z-index:1000;}

.blogdetail h4{font-size:24px; margin-top:20px;}
.post-header h4 a{font-size:24px; color:#4d1ca7; font-weight:600; text-decoration:none;}
.post-header h4 a:hover{color:#ff7800;}
.postmeta{margin:10px 0 10px 0; font-size:14px;}
.postmeta-1 {margin: 10px 0 10px 0;font-size: 14px;border-top: 1px solid #ececec;padding: 15px 0 15px 0;border-bottom: 1px solid #ececec;}
.postmeta span, .postmeta a, postmeta-1 span, .postmeta-1 a{color:#ff7800;}
.blogList li p{font-size:14px; line-height:24px; color:#777;}
.blogList li .view-btn{text-align:left; margin-top:10px;}
.blogList li .view-btn a{font-size:14px; padding: 10px 22px;}


/*********************************************
	 Side-bar
**********************************************/
.sidebar{background:#fff; border:1px solid #e4e4e4; padding:20px; margin-bottom:30px;}
.sidebar .widget{margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:20px;}
.sidebar .widget-title{font-size:18px; font-weight:600; color:#666; margin-bottom:20px;}
.sidebar .widget:last-child{border-bottom:0;}

/*********************************************
	 Sidebar-Search css
**********************************************/
.search{position:relative; margin-bottom:15px;}
.search .form-control{border-radius:5px; height:auto; padding:10px 12px; border-color:#ddd;}
.search .btn{position: absolute; right: 0; top: 0; border-radius: 0; background: none; font-size: 20px;}

/*********************************************
	 Categories css
**********************************************/ 
.sidebar .categories li{margin-bottom:15px; position:relative; padding-left:16px;}
.sidebar .categories li a{margin-top:0; color:#888; font-size:14px; font-weight:600;}
.sidebar .categories li a:hover{color:#4d1ca7;}
.sidebar .categories li:before {content: "\f0da "; font-family: 'FontAwesome'; position: absolute; left: 0px; color: #000; font-size: 12px; top:3px;}
/*********************************************
	 Archives css
**********************************************/
.archive li{line-height: 45px;}
.archive li a{margin-top:0; color:#888; font-size:14px; font-weight:600;}
.archive li span {float: left; height: 30px; width: 30px; text-align: center; background: #f5f5f5; border:1px solid #fff; outline: 3px solid #f5f5f5; margin-right:20px; line-height: 26px; font-size: 12px; color: #777777; margin-top:10px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.archive li a:hover span {background: #4d1ca7; color: #fff;}

/*********************************************
	 Popular Posts css
**********************************************/
.papu-post {}
.papu-post .media-left {margin-right: 0px;}
.papu-post .media-left img {width: 100%;height: 70px;object-fit: cover;}
.papu-post .media-left a {width: 80px; margin-top:0; margin-right:5px; display: inline-block;}
.papu-post span {color: #000; letter-spacing: 0px; font-size: 11px;}
.papu-post li {border-bottom: 1px solid #ececec; padding: 20px 0; margin: 0px;}
.papu-post .media-heading {display: inline-block; width: 100%; color: #777777; margin-top: 0px; font-size: 14px; line-height:20px;}
.papu-post li:last-child{border-bottom:0;}

/*********************************************
	 Tags css
**********************************************/
.post-tags{padding: 10px 0;}
.tags:after{display:table; clear:both; content:'';}
.tags li {display: inline-block; float: left;}
.tags a, .eTag {font-size: 13px; color: #969595; border: 1px solid #dadada; padding: 7px 10px; display: inline-block; margin-right: 5px; margin-bottom: 5px; text-transform: uppercase;}
.tags a:hover, .eTag:hover {border: 1px solid #4d1ca7; background:#4d1ca7; color: #fff; text-decoration:none;}

/*********************************************
	 Photo Gallery css
**********************************************/
.photo-steam{margin:0 -5px;}
.photo-steam:after{display:table; clear:both; content:'';}
.photo-steam li{float:left; width:25%; padding:0 5px; margin-bottom:10px;}

/*********************************************
	 blog-grid css
**********************************************/
.blogGrid li{margin-bottom:30px;}
.blog-inter{background:#fff; padding:20px; border: 1px solid #e4e4e4;}
.blogGrid li .postimg{position:relative;}
.blogGrid li .postimg .date{font-size:16px; position: absolute; left:0;
    bottom: 8px;
    background: #4d1ca7;
    padding: 6px 12px;
    color: #fff;
    font-weight: bold;
    border: 1px solid #fff;
    border-left: none; z-index:1000;}
	
.blogGrid  li .postimg:before{
background: #4d1ca7;
    bottom: 0px;
    content: "";
    left:0px;
    position: absolute;
    right:0px;
    top:0px;
    transform: scale(0);
    transition: all 300ms ease 0s;
    opacity: 0.5;
    z-index: 1;}
	
.blogGrid li:hover .postimg:before{transform: scale(1);}
.blogGrid .view-btn {text-align:left; margin-top:15px;}
.blogGrid .view-btn a{color:#fff; padding: 10px 22px; font-size:14px;}

/*********************************************
	 Faqs css
**********************************************/
.faqsWrp h2{margin-top:0;}
.faq-news .main-heading:before{content: " "; width:70px;}
.faqs-service{list-style:none; margin-top:20px;}
.faqs-service li{margin-bottom:8px;}
.faqs-service li h4{font-size:1.7em; background: #f5f5f5; font-family: 'Lato', sans-serif; cursor: pointer; color:#5f5b67; border: 1px solid #dddddd; padding:16px 25px; position:relative; margin-bottom:0;}
.faqs-service li h4:before{content: "\f055"; font-family: 'FontAwesome'; color:#ff7800; margin-right:10px; font-size:1em; display:inline-block; text-align:center; transition:0.3s ease-in; -moz-transition:0.3s ease-in; -webkit-transition:0.3s ease-in; -ms-transition:0.3s ease-in; position:absolute; top:20px; right:8px;}
.faqs-service li h4:hover, .faqs-service li h4.active{color:#fff; background:#4d1ca7; border:1px solid #014888;}
.faqs-service li h4:hover:before{color:#fff;}
.faqs-service li h4.active:before{content: "\f056"; color:#fff;}
.faqs-service li p{height: auto; overflow: hidden; position: relative; padding: 20px 18px; line-height:24px; margin-bottom:0; font-size:1.2em; color:#797979; background:#f5f5f5; border:1px solid #e8e8e8;}
.faq-news .view-btn{text-align:center;}
.faq-news .view-btn a{background:#cb171e; display: inline-block;}
.faq-news .view-btn a:hover{background:#000; color:#fff;}
.faq-head{margin-top:30px !important;}


/*********************************************
	 404 page css
**********************************************/
.four-zero-page{text-align:center;
  padding: 0 0 50px 0;
}
.four-zero-page h2 {font-family: 'Open Sans', sans-serif;
  font-size: 300px;
  color: #4d1ca7;
  font-weight: 800;
}
.four-zero-page h3 {
  color: #111111;
  font-weight: 600;
  font-size: 30px;
  letter-spacing: 10px;
}
.four-zero-page p{letter-spacing: 2px; padding:0 250px;}
.four-zero-page .readmore{margin-top:30px;}

/*********************************************
	 Typoghrapy css
**********************************************/
.typoghrapy h5, h6{font-weight:bold;}

/*********************************************
	 Media Screen css
**********************************************/

@media screen and (max-width: 1200px){
.navbar-default .navbar-nav>li>a{padding: 25px 8px;}
.post-btn a{padding: 12px 12px;}
.categorybox{min-height:360px;}
.slidertext2 {margin-left:60px;}
.slidertext3 {margin-left:60px;}
.slidertext6 {margin-left:60px;}
.slidertext7 {margin-left:60px;}
.contactWrp{min-height: 275px;}
}

@media (min-width: 768px) and (max-width: 1023px){
.img-2 {height: 80px!important;}}

@media screen and (max-width: 990px){
.navbar-default .navbar-nav>li>a{font-weight: 600;}
.header .logo{margin-bottom:10px;}
.form-wrap{width:100%;}
.input-btn{text-align:left;}
.sbutn, .input-btn .sbutn{border-radius:0px 0px 5px 5px!important; width: 100%!important;margin:0;}
#uf-submit{border-radius:5px!important; width: 100%!important;}
.feature-service>li{margin-top:25px;}
.business-image {margin-top:20px;}
.input-group{margin-bottom:10px;}
.heading{padding-top: 40px;}
.logo{text-align:center;}
.footer-links{min-height:190px;}
.post-btn{text-align:center; float:none;}
.sliderTxt p{text-align:center;}
.feature-service .feature-image{text-align:center;}
.business-wrap{padding: 12px 0 60px 0;}
.categorybox {min-height: 310px;}
.feature h3{min-height: 54px;}
.pricingWrp ul li{margin:15px 0;}
.contact-info .contactWrp{margin:15px 0;}
.contactWrp{min-height: inherit;}
.business-service h3{font-size:16px;}
}

@media screen and (max-width: 767px){
.header-wrap{margin-bottom:20px;}
.follow-us span{float:none; width:0%; padding-right:10px;}
.navbar-default .navbar-nav>li>a{padding:10px 15px;}
.sliderTxt h1{font-size:40px;}
.sliderTxt p{line-height:28px;}
.navbar-default{background:#efefef; margin-bottom:10px;}
.categorybox{padding:0 20px;}
.heading-title{background:none;}
.listImg{margin-bottom:20px;}
.listImg{width:100%;}
.listImg img{width:100%;}
.heading-title span{padding:0;}
.categories-service>li {margin: 80px 0;}
.categories-service>li:last-child{margin-bottom:30px;}
.navigationwrape{margin-top:10px;}
.dropdown-menu{position:static; width:100%; float:none;}
.feature-service{max-width: 375px; margin: 0 auto;}
.sortbybar{margin-top:40px;}
.showreslt{text-align:center;}
.pagiWrap .pagination{float:none; max-width:266px; margin:0 auto; display:block; margin-top:20px;}
.postimg{margin-bottom:20px;}
.postimg img{width:100%;}
.sidebar{margin-top:30px;}
.uTopTd:nth-child(2), .uTopTd:nth-child(3), .uTopTd:nth-child(4), .uTopTd:nth-child(5), .uTopTd:nth-child(6){display: none !important;}
.uTd:nth-child(2), .uTd:nth-child(3), .uTd:nth-child(4), .uTd:nth-child(5), .uTd:nth-child(6){display: none !important;}
.img-3 {height: 250px!important;}
select{margin-bottom: 10px;}
input[type="button"], input[type="reset"], input[type="submit"]{margin-bottom: 20px;}
.four-zero-page p{padding: 0;}
.four-zero-page h2 {font-size: 150px;}
.four-zero-page h3 {font-size: 25px;}
}

@media screen and (max-width: 480px){
.topbar-wrap .col-xs-6{width:100%;}
.user-wrap{text-align:center; margin: 0 auto; width: 170px;}
.social-wrap{text-align:center; float:none;}
.sliderTxt h1{font-size:30px;}
.sliderTxt p{font-size:16px;}
.heading{padding:0; font-size:18px;}
.business-wrap .heading-text{font-size:14px;}
.heading-title{font-size:18px;}
.business-wrap{padding:25px 0;}
.img-3 {height: 180px!important;}
.flex-control-thumbs img {height: 60px!important;}
.user-wrap {width: 200px;}
}

@media screen and (max-width: 350px){
.social h5 {display: none;}
}

/*********************************************
	 Fields Input
**********************************************/

ul.form-fields [type="text"]:not([name="sort"]):not([name="code"]):not([name="uzip"]), ul.form-fields textarea,
.ucf-form .commFl,
#fCode,
input[type=text] {
height: 45px;
border-radius: 5px!important;
padding: 6px 12px!important;
font-size: 14px!important;
line-height: 1.42857143!important;
color: #555!important;
background-color: #fff;
background-image: none;
border: 1px solid #ccc!important;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
font-weight: normal;
}

ul.form-fields [type="text"]:not([name="sort"]):not([name="code"]):not([name="uzip"]):focus, ul.form-fields textarea:focus,
.ucf-form .commFl:focus,
#fCode:focus,
input[type=text]:focus,
textarea:focus {
  border-color: #66afe9!important;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)!important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)!important;
}

input[type=text] {
width:100%;
margin-bottom:20px;
}

textarea {
border-radius: 5px!important;
padding: 6px 12px!important;
font-size: 14px!important;
line-height: 1.42857143!important;
color: #555!important;
background-color: #fff;
background-image: none;
border: 1px solid #ccc!important;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
font-weight: normal;
width:100%;
margin-bottom:20px;
}

.manFlaSign{margin:0px;}

/*********************************************
	 Buttons
**********************************************/

input[type=button],
input[type=reset],
input[type=submit],
.uf-btn,
.btn-common{
border-radius: 5px;
background: #4d1ca7;
color: #fff;
font-size: 16px;
border: none;
font-weight: bold;
padding: 10px 22px;
width: auto !important;
text-transform: uppercase;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}

input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover,
.uf-btn:hover,
.btn-common:hover{
color:#fff;
background: #ff7800;
}

/*********************************************
	 Rating
**********************************************/

.star-rating li, .star-rating-1 li, .star-rating-2 li {border:0;}

/************************************************
           Select
*************************************************/

select {
  padding-right: 35px!important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/img/arrow-down.png) no-repeat right !important;
  background-color: #fff !important;
  background-position: calc(100% - 0.9em) 1.35em !important;
  font-weight: 400;
  font-size: 13px;
  color: #555;
  padding: 0 12px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-weight: 400;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  position: relative;
  display: inline-block;
  height:45px;
  line-height: 1.42857143;
}

select:focus{
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

/*********************************************
	 Img
**********************************************/

.img-1{width:100%;height:215px;object-fit:cover;}
.img-2{width:200px;height:150px;object-fit:cover;}
.img-3{width:100%;height:400px;object-fit:cover;}
.img-4{width:100%;height:175px;object-fit:cover;}

/************************************************
           Categories
*************************************************/

.catsTd{
   margin-bottom: 15px;
   position: relative;
   padding-left: 16px;
}
.catName,
.catNameActive{
   margin-top: 0;
   color: #888;
   font-size: 14px;
   font-weight: 600;
   color: #888;
   width: 100%;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   transition: all .3s ease;
}

.catName:hover,
.catNameActive:hover{
   color: #4d1ca7;
   text-decoration: none;
}

.catName::before,
.catNameActive::before {
   content: "\f0da";
   font-family: FontAwesome;
   margin-right: 10px;
   position: absolute;
   left: 0px;
   top: 3px;
   color: #000;
   font-size: 12px;
}

.catNumData {
  font-size: 12px;
  color: #888;
  float: right;
  display:none;
}

form #uCatsMenu7 {
    position: inherit !important;
    max-width: 360px !important;
}

/************************************************
          Rating
*************************************************/

.star-rating{
    margin-top: 26px;
    float: right;
}
.star-rating-1{
    padding-left: 15px;
    padding-bottom: 15px;
}

.star-rating-3{
    margin: 10px 0;
}

.u-star-rating{list-style:none;margin:0px;padding:0px;width:100px;height:20px;position:relative;background: url('/img/rating.png') top left repeat-x;}
.u-star-rating li{padding:0px;margin:0px;float:left;outline:none;}
.u-star-rating li.u-current-rating{top:0;left:0;background: url('/img/rating.png') left bottom;position: absolute;height:20px;line-height:12px;display:block;text-indent:-9000px;z-index:1;}

.rating-author {
    display: inline-block;
    top: 5px;
    left: 5px;
    position: relative;
}

.rating-author li:before {
    content: "";
    color: transparent;
}

/************************************************
          Fancy Box
*************************************************/

.fancybox-image {
  padding: 10px!important;
}

#fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span {
  background-image: url(/img/fancybox_sprite.png)!important;
}

#fancybox-buttons ul{
background: #000!important;
}

.fancybox-outer {
  background: #fff!important;
  border-radius: 0px!important;
}

/************************************************
          PM
*************************************************/

.pmCatLinkActive, 
.pmCatLink, 
.pmCatLink, 
.pmCatLink{
  cursor:pointer;
  color:#888;
  font-size:14px;
  padding: 0px 5px;
  font-weight:600;
  display:inline-block;
  margin: 3px 3px 3px 0;
  font-family: Open Sans,sans-serif;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}

#PMtoUser,
#pmSubject{
  width:100%;
  margin-bottom: 20px;
}

.user_avatar img{border-radius:50px!important;}
.user-list .uTopTd:first-child, .uTopTd {text-align: center!important;color:#363b4d;}
.uTable.user-list .uTd{padding: 20px 0px 0px 0px;border:0!important;}
.uTd a{
  color:#000;
  font-weight:500;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.ucf-avatar img {
  border-radius: 0!important;
}

/*******************
	Pagination
*******************/

.swchItem {
  color:#000;   
  font-family: 'Open Sans', san-serif;
  background-color: #fff;
  border: 1px solid #ddd;

}  
.swchItemA, .swchItem {
  line-height:40px;
  padding:6px 12px;    
  text-decoration:none;
  font-weight: 400;
  font-size:14px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}  

.swchItemA, .swchItem:hover { 
  color:#fff;       
  text-decoration:none;  
  background-color:#4d1ca7;  
  font-family: 'Open Sans', san-serif; 
  border: 1px solid #4d1ca7; 
}

.swchItem1 {
  color:#000;   
  font-family: 'Open Sans', san-serif;
  background-color: #fff;
  border: 1px solid #ddd;

}  
.swchItemA1, .swchItem1 {
  line-height:40px;
  padding:6px 12px;    
  text-decoration:none;
  font-weight: 400;
  font-size:14px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}  

.swchItemA1, .swchItem1:hover { 
  color:#fff;       
  text-decoration:none;  
  background-color:#4d1ca7;  
  font-family: 'Open Sans', san-serif; 
  border: 1px solid #4d1ca7; 
}

#pagesBlock1{margin:0 15px;text-align: right;}

.pagesBlockuz1,
.pagesBlock{
  text-align: right;
  margin: 0 auto;
  width: 100%;
  display: block;
}

.pagesBlock1{
  display:block;
  text-align:right;
}

/*******************
	Social
*******************/

.social{
  background: #fff;
  padding: 20px;
  margin-bottom: 30px;
  border: 1px solid #e4e4e4;
  text-align: right;
}

.social h5{
  margin: 0;
  float:left;
}

.margin-top30{padding-top:30px;padding-bottom: 30px;}
.margin-top10{padding-top:10px;}

/*******************
	Comments
*******************/

  #vid_com_block {  
  margin-bottom: 30px;  
  }  
  #ava_com_block {  
  width: 90px;  
  float: left;  
  overflow: hidden;  
  }  
  #ava_com_img {   
  width: 70px;  
  height: 70px;  
  overflow: hidden;    
  }  
  #ava_com_img img {  
  width: 70px;  
  height: 70px;  
  object-fit: cover;
  border-radius: 100%;  
  }  
  #username_com {
  font-weight: 600;
  font-size: 15px; 
  color:#000;  
  }  
  #text_com_block {  
  margin-left: 90px;  
  border: 1px solid #ddd;    
  padding: 30px;  
  }   
  #message_com {  
  color: #777;
  font-size: 14px;
  font-family: Open Sans,sans-serif;
  line-height: 24px; 
  }   
  #inf_com_block ul {  
  list-style: none;  
  margin: 0;  
  padding: 0;  
  }  
  #inf_com_block ul li {  
  padding: 10px 0 15px;
  color: #000;
  font-size: 11px;  
  } 
  #inf_com_answer {
  margin-top: 15px;
  }
  #inf_com_answer ul li a {  
  text-decoration: none;  
  display: block;  
  color: #fff;  
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase; 
  }  
  #inf_com_answer ul li a:hover {  
  color: #fff;  
  }  
  #inf_com_answer ul li.ss_otvet_com {  
  float: right;  
  border-radius: 5px;
  background: #ff7800;
  padding: 9px 16px;
  height: 36px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  }  
  #inf_com_answer ul li.ss_otvet_com:hover{
  background: #333;
  }
  .com-order-block {  
  display: none;  
  }  
  .clr {  
  clear: both;  
  }
  .comments h3 {
  margin-bottom: 20px;
  }

/*******************
	Captcha
*******************/

.captcha-block, .myWinCont .captcha-block {
  display: inherit!important;
}
#fCode {width:120px!important;}

.bottom{
  margin-bottom:20px;
  display:block;
}

/*******************
	Sorting Menu
*******************/

.catSortLink {
  color: #333;
  font-weight: 400;
}

.catSortLink:hover,
.catSortLink:focus {
  text-decoration:none;
  color: #4d1ca7;
}

.catSortLink.darr::after,
.catSortLink.uarr::after {
  color: hsl(28.2, 100%, 50%)!important;
  margin-left: 3px;
}

.select_filter,
select[name=filter1],
select[name=filter2],
select[name=filter3]{
  width:100%;
}

/************************************************
          Button Load
*************************************************/

.download{
  background: #fff;
  padding: 20px;
  text-align: center;
  margin-bottom: 30px;
  border: 10px solid #4d1ca712;
}

.h-download {
  font-size: 14px;
  text-align:center;
  font-weight:400;
}

.h-file {background: #4d1ca7;}
.h-rfile {background: #4d1ca7;}

.h-file, .h-rfile {
  padding: 11px 25px;
  text-decoration: none;
  color: #fff;
  display: inline-block;
  margin: 6px 4px;
  border-radius: 5px;
  font-weight: bold;
  height: 45px;
  font-size: 16px;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
}

.h-file span, .h-rfile span {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid rgba(0,0,0,0.1);
  font-weight: 400;
  font-size: 14px;
  font-weight: bold;
}

.h-file:hover,
.h-rfile:hover{
  color: #fff;
  background: #ff7800;
  text-decoration:none;
}

.h-file:focus,
.h-rfile:focus{
  color: #fff;
  text-decoration:none;
}

.h-download i {
  padding-right: 5px;
}


/************************************************
          Board
*************************************************/

.coll{
background: #fff;
padding: 20px;
margin-bottom: 30px;
border: 1px solid #e4e4e4;
}

.alert a{
  color: #8a6d3b;
  text-decoration: underline;
}

/*******************
	Аякс Окно
*******************/

.xw-plain{ 

  border-radius: 5px!important;
  box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.15)!important;
} 

.xw-plain .xw-bc {
    height: 0px!important;
}

.xw-plain .xw-tl {
    padding-left: 0px!important;
}

.xw-plain .xw-tr {
    padding-right: 0px!important;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.xw-plain, .xw-resize, .xw-active {
  z-index: 99 !important;
  color:#612D73;
  padding:0;
  }  
  
.xw-hdr-text {
  font-size: 22px!important;
  color:#fff!important;
  font-weight: 500!important;
  font-family:'Ubuntu', sans-serif;
  text-transform:none;
}

  .xt {
  background:url('/img/buttons.png') no-repeat !important;
  float:right !important;
  margin-top: 6px !important;
  width: 20px !important;
  height: 20px !important;
  }  

  .xt-close {background-position:0 0 !important;}  
  .xt-close-over {background-position:0 0 !important;opacity: 1 !important;}  
  .xw-bc, .xw-mr, .xw-bl, .xw-br, .xw-ml, .xw-mc {
  background:#fff !important;
  border:0 !important;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  }  

  .xw-body {
  border:0 !important;
  padding-left:7px !important;
  padding-right:1px !important;
  }  

.xw-plain .xw-body {padding: 15px 0px 15px 0 !important;}

.xw-plain .xw-hdr {padding: 10px 10px 12px 15px !important;}   
  
.xw-tl, .xw-tr, .xw-tc {
  font-size: 16px!important;
  color: #fff!important;
  background: #4d1ca7 !important;
  font-weight: bold!important;
}

.xw-plain .xw-tc {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.xt-maxi, .xt-mini, .xw-sps {display:none !important;}  
.myWinPollTd {padding:3px!important;border: .1rem solid rgba(0,0,0,.1);}  

.myBtnLeft, .myBtnRight, .myBtnLeftA, .myBtnRightA {display: none !important;}
.myBtnCenter, .myBtnCenterA {background: none !important;}

.loginButton, .myBtnCont a {display:inline-block;padding:5px 20px;margin-bottom:0;font-size:14px!important;font-weight:bold;text-align: center;white-space:nowrap;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;border-radius:5px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;color: #ffffff;background-color: #ff7800;border-color: #ff7800;text-transform:uppercase;font-family: "Open Sans",sans-serif;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;height:36px!important;} 

.loginButton:hover,.myBtnCont a:hover {background-color: #4d1ca7;border-color: #4d1ca7;color:#fff;} 

.ubtn-default, .light-btn { 
padding:5px 20px!important;
height:36px!important;
display: inline-block;
margin-bottom: 0;
font-size: 14px!important;
font-weight: bold;
text-align: center;
vertical-align: middle;
border-radius:5px!important;
color: #fff;
background: #ff7800!important;
border: 1px solid #ff7800!important;
font-family: "Open Sans", sans-serif!important;
text-transform: uppercase;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
} 

.ubtn-default:hover, .light-btn:hover {
height:36px!important;
background: #4d1ca7!important;
border: 1px solid #4d1ca7!important;
color:#fff!important;
}

.myBtnCenterA, .myBtnLeftA, .myBtnRightA {
    border-color: transparent!important;
}

.myBtnCenterA, .myBtnLeftA, .myBtnRightA {
    border-color: transparent!important;
}

.myWinTD1 {
background: none!important;
} 

.myWinCont {
color: #fff!important;
background: none!important;
} 

.mywincont, .mywincont td, .mywincont dl, .mywincont dt {
color: #333!important;
}

.myWinCont fieldset {
border-bottom: 0px solid #fff!important;
padding: 10px 0!important;
}

.myWinCont fieldset:last-child{
border-bottom: none!important;
}

.myWinCont legend {
display: block!important;
width: 100%!important;
padding: 10px 0 0 0!important;
margin-bottom: 0px!important;
font-size: 14px!important;
line-height: inherit!important;
color: #333!important;
border: 0!important;
background-color: #fff!important;
}

.myWinCont, .myWinCont td, .myWinCont dl, .myWinCont dt, .xw-mc {
font-size:14px!important;
color:#333!important;
padding: 3px;
font-family:'Open Sans'!important;
font-weight:400!important;
line-height:1.5!important;

}
.myWinCont hr {display:none;}

.myWinCont a:link, .myWinCont a.noun:link, .myWinCont a:visited, .myWinCont a.noun:visited {
text-decoration: none;
color: #333!important;
font-weight: 600 !important;
font-size: 14px;
}

.myWinCont a.noun:active, .myWinCont a.noun:hover, .myWinCont a:active, .myWinCont a:hover {
color: #4d1ca7!important;
text-decoration:none!important;
}

.myWinCont input[type="text"], .myWinCont input[type="password"], .myWinCont .tmplCodeH {
color: #555!important;
border: 1px solid #ddd!important;
background-color: #fff !important;
border-radius:5px!important;
width: auto;
filter:none;
display: inline-block;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
min-height:44px!important;
margin-bottom:10px;
width: 100% !important;
}

.myWinCont .tmplCodeH, .myWinCont input:not([type="color"]):not([type="file"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(.tmplCodeH){
-webkit-text-fill-color: #9d9d9d !important;
border: 1px solid #ddd!important;
background-color: #fff !important;
border-radius: 5px!important;
color: #333!important;
min-height:44px!important;
font-family: Open Sans,sans-serif;
font-size: 14px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s!important;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
}

.myWinCont .tmplCodeH, .myWinCont input:not([type="color"]):not([type="file"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(.tmplCodeH):focus,.myWinCont textarea:focus{
outline: none !important;
text-decoration: none !important;
color: #555!important;
background-color: #fff!important;
border-color: #66afe9!important;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)!important;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)!important;
}

.myWinCont select {
color: #555!important;
border:1px solid #ddd!important;
border-radius: 5px!important;
background-image: url("/img/arrow-down.png")!important;
background-color: #fff !important;
background-repeat: no-repeat!important;
background-position: right .7em top 50%, 0 0;
font-size: 13px!important;
font-weight:400!important;
height:44px!important;
line-height: 20px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s!important;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
}

.myWinCont select:focus{
border-color: #66afe9!important;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.myWinCont textarea {
color: #555!important;
border:1px solid #ddd!important;
background-color: #fff !important;
box-sizing: border-box;
padding: 10px 10px !important;
border-radius: 5px;
font-size: 14px !important;
font-family: 'Open Sans';
font-weight: 400 !important;
line-height:22px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s!important;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
width: 100% !important;
}

.myWinCont form {
padding: 5px!important;
margin: 0px;
float: none!important;
margin-left: 3px !important;
}

.myWinCont b {
color: #333!important;
font-weight: 600!important;
font-family:'Open Sans'!important;
font-size:14px;
}

.myWinCont label {
cursor: pointer;
display: inline;
margin-left: 5px!important;
vertical-align: middle;
font-weight: 400;
font-size: 14px!important;
}

#txtF774 {width:250px!important;display:inline-block!important;}
#subbutfrmLg555 {margin-left:100px!important;}
#subbutfrm456 {margin-right:10px;}
#subbutcntManF8 {margin-top:10px;margin-left:160px;}
#subbutPrm348 {margin-left:120px!important;}
#frm235 {width:100%;}

.myWinCont {
overflow: auto;
display: block;
width:auto!important;
height: auto!important;
}

.xw-plain .myBtnCont a:link {
    color: #fff !important;
    transition: .3s;
}

.xw-plain .myBtnCont a:hover {
    color: #fff!important;
    text-decoration:none!important;
}

.xw-plain .myBtnCenter, .xw-plain .myBtnLeft, .xw-plain .myBtnRight {
    border-color: transparent!important;
}

/*******************
	Окно Cookie
*******************/

.bottom-info-wrapper {
    color: #333 !important;
    background: rgba(255, 255, 255) !important;
    -webkit-box-shadow: 0 7px 16px rgba(0,0,0,.17);
    -moz-box-shadow: 0 7px 16px rgba(0,0,0,.17);
    box-shadow: 0 7px 16px rgba(0,0,0,.17);
    font-family: 'Open Sans', sans-serif !important;
    font-weight: normal !important;
    font-size: 14px !important;
}

.bottom-info-wrapper .bottom-info-button-agree {
    color: #fff!important;
    border-radius: 5px!important;
    padding: 4px 16px!important;
    background: #ff7800!important;
    font-size: 14px!important;
    font-family: 'Open Sans', sans-serif!important;
    font-weight: bold!important;
    line-height: 29px !important;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.bottom-info-wrapper .bottom-info-button-agree:hover{
    background: #4d1ca7!important;
    color: #fff!important;
}

.bottom-info-wrapper a {
    color: #333!important;
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 600!important;
    text-decoration:none!important;
}

.bottom-info-wrapper a:hover {
    color: #4d1ca7!important;
}

.bottom-info-wrapper .bottom-info-block{
    max-width: 1180px;
    margin: 0 auto !important;
    padding: 20px 0;
}

.bottom-info-wrapper .bottom-info-button-hide {
    margin: 5px 0 0 5px !important;
    width: auto!important;
}

.bottom-info-wrapper .bottom-info-button-hide::after {
    content: "\Закрыть"!important;
    color: #fff!important;
    background:#4d1ca7!important;
    border-radius: 5px!important;
    padding: 9px 16px;
    text-transform:uppercase;
    font-family: 'Open Sans', sans-serif!important;
    font-weight: bold!important;  
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.bottom-info-wrapper .bottom-info-button-hide:hover:after{
    color:#fff!important;
    background:#ff7800!important;
}

.bottom-info-wrapper .bottom-info-button-hide {
    font-size:14px!important;
}

.bottom-info-wrapper .bottom-info-block-content {
  margin: 0 20px 0 20px!important;
}

.bottom-info-wrapper .bottom-info-block-action {
  margin: 0 20px;
}

.bottom-info-block.u-fixed-left, .bottom-info-block.u-fixed-right {
    position: fixed;
    bottom: 1em;
    width: 33vw;
    background: #fff!important;
    flex-direction: column;
    padding: 1em 2em;
    margin: 0;
    -webkit-box-shadow: 0 7px 16px rgba(0,0,0,.17);
    -moz-box-shadow: 0 7px 16px rgba(0,0,0,.17);
    box-shadow: 0 7px 16px rgba(0,0,0,.17);
}

.bottom-info-block.u-fixed-left .bottom-info-button-hide, .bottom-info-block.u-fixed-right .bottom-info-button-hide {
  position: relative!important;
  top: 13px!important;
}

@media screen and (max-width:768px){
a.bottom-info-button-hide{position: inherit!important;}
.bottom-info-wrapper .bottom-info-block-content {margin: 0 30px 0 30px!important;}
.bottom-info-wrapper .bottom-info-block-action {margin: 0 30px;}}


/*******************
	Testimonials
*******************/

.lastcomments {    
  position: relative;  
  display: inline-block;        
  background: rgb(250,250,250,0.2);  
  text-align: center;  
  border-radius: 5px;
  margin: 20px 0;
}  

.lastcomments * {  
  -webkit-box-sizing: border-box;  
  box-sizing: border-box;  
}  

.lastcomments .profile-image {  
  padding: 15% 10% 0;  
}  

.lastcomments .profile-image img {  
  max-width: 100%;  
  vertical-align: top;  
  position: relative;  
  border-radius: 50%;  
  width: 95px;
  height:95px;  
}  

.lastcomments figcaption {  
  padding: 5% 10% 15%;  
}  

.lastcomments h4 {  
  font-size: 20px;  
  line-height: 24px;   
  font-weight: 500;  
  margin: 0;  
  color: #fff;  
}

.lastcomments h5 {  
  font-size: 16px;  
  line-height: 24px;   
  font-weight: 500;    
  color: #fff;  
  margin: 0;  
}

.lastcomments p {  
  font-size: 14px;  
  line-height: 24px;   
  font-weight: 400;  
  margin: 10px 0;  
  color: #fff; 
   
}

/*******************
	Guest Book
*******************/

.csTop {
  display: none;
}

.cAnswer {
  padding: 15px;
  margin: 20px 0;
  border: 1px dashed #ffd8b5;
}

.hb_all{margin:30px 0;}

/*******************
	Back to Top Button
*******************/

#back-to-top{
	position:fixed; 
	z-index: 999; 
	display:none; 
	bottom:70px; 
	right:15px; 
	cursor:pointer;
}
#back-to-top i{
	width: 50px; 
	height: 50px; 
	display:block; 
	color: #fff; 
	background: #FF7800;; 
	text-align:center; 
	font-size:16px; 
	line-height: 50px; 
	border-radius: 5px;
	-webkit-transition:  .3s all;
	   -moz-transition:  .3s all;
	    -ms-transition:  .3s all;
	     -o-transition:  .3s all;
	        transition:  .3s all;
}
#back-to-top i:hover{background:#4d1ca7;}