/*------------------------------------------
Project Name : Post & Buy Classified
Desgined By  : Pirates Technologies
Developed By : sharjeel;
Date        :  11/March/2024;

Table Of Index
------------------
1. Base css
2. Typography css
3. Header css
4. Top Search css
5. Map search css
6. Revolution slider css
7. How it works css
8. Categories css
9. Home Ads css
10. Video css
11. Testimonials css
12. App Box css
13. Search List css
14. Ad Detail css

15. Cms Pages css

16. FAQs css css

17. User Account css

18. 404 Page css

19. About Us css

20. Pay Packages css

21. Blog Listing css

22. Blog Grid css

23. Blog Detail css

24. Blog sidebar css

25. Footer css

26. Media Queries css

------------------------------------------*/





/************************************************

           ==Start Base css==

*************************************************/



@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i,700|Roboto:300,300i,400,400i,500,700');
/* CSS Reset */

html, body {
	width: 100%;
	height: 100%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	margin-bottom: 10px;
	font-weight: 600;
}
a {
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	text-decoration: none;
}
a:focus {
	text-decoration: none;
}
a:focus {
	outline: 0 solid
}
input:focus, textarea:focus {
	outline: none;
}
p {
	line-height: 22px;
}
img {
	max-width: 100%;
}
select {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
/*Common*/

.section {
	padding: 70px 0;
	overflow: hidden;
}
.whitebg {
	background: #fff;
}
/*Section Title*/

.titleTop {
	margin-bottom: 30px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	display: flex;
	justify-content: space-between;
}
.titleTop .subtitle {
	font-size: 24px;
	font-weight: 600;
	color: #888;
}
.titleTop h3 {
	font-size: 36px;
	font-weight: 500;
	color: #000;
	position: relative;
	margin-bottom: 0;
}
.titleTop h3 span {
	color: #2b69b3;
	font-weight: 200;
}
.titleTop p {
	max-width: 700px;
	margin: 0 auto;
}
/************************************************

           ==Tyography css==

*************************************************/

.margintop10 {
	margin-top: 10px;
}
.margintop20 {
	margin-top: 20px;
}
.margintop30 {
	margin-top: 30px;
}
.margintop40 {
	margin-top: 40px;
}
.margintop50 {
	margin-top: 50px;
}
.marginbt10 {
	margin-bottom: 10px;
}
.marginbt20 {
	margin-bottom: 20px;
}
.marginbt30 {
	margin-bottom: 30px;
}
.margin-left80 {
	margin-left: 80px;
}
.mt-wrapper {
	margin-bottom: 30px;
}
h1, .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;
}
.button-orng {
	background: #ffb72f;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffb72f), to(#ff9000));
	background: -webkit-linear-gradient(#ffb72f, #ff9000);
	background: -moz-linear-gradient(#ffb72f, #ff9000);
	background: -ms-linear-gradient(#ffb72f, #ff9000);
	background: -o-linear-gradient(#ffb72f, #ff9000);
	background: linear-gradient(#ffb72f, #ff9000);
	padding: 7px 20px;
	color: #fff;
	border-radius: 5px;
	display: inline-block;
}
.button-orng:hover {
	text-decoration: none;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff9000), to(#ffb72f));
	background: -webkit-linear-gradient(#ff9000, #ffb72f);
	background: -moz-linear-gradient(#ff9000, #ffb72f);
	background: -ms-linear-gradient(#ff9000, #ffb72f);
	background: -o-linear-gradient(#ff9000, #ffb72f);
	background: linear-gradient(#ff9000, #ffb72f);
	color: #fff;
}
.sitebtn {
	-webkit-box-shadow: 3px 4px rgba(255, 209, 95, 0.3);
	-moz-box-shadow: 3px 4px rgba(255, 209, 95, 0.3);
	box-shadow: 3px 4px rgba(255, 209, 95, 0.3);
	background: #ff9000;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	padding: 12px 30px;
	display: inline-block;
	border-radius: 4px;
}
.sitebtn:hover {
	background: #111;
	color: #fff;
	text-decoration: none;
}
.sitebtn i, .button-orng i {
	padding-right: 7px;
	font-size: 16px;
	display: inline-block;
}
.grey_sitebtn {
	-webkit-box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
	-moz-box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
	box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
	background: #444;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	padding: 12px 30px;
	display: inline-block;
	border-radius: 4px;
}
.grey_sitebtn:hover {
	background: #111;
	color: #fff;
	text-decoration: none;
}
.grey_sitebtn i {
	padding-right: 7px;
	font-size: 16px;
	display: inline-block;
}
.gree_sitebtn {
	-webkit-box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
	-moz-box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
	box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
	background: #77c30a;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	padding: 12px 30px;
	display: inline-block;
	border-radius: 4px;
}
.gree_sitebtn:hover {
	background: #111;
	color: #fff;
	text-decoration: none;
}
.gree_sitebtn i {
	padding-right: 7px;
	font-size: 16px;
	display: inline-block;
}
/*Shortcode*/

.mt-shortcodes-d-styles {
	padding-bottom: 30px;
}
.mt-shortcodes-default-custom-styles .row1 {
	padding-bottom: 55px;
}
.mt-list-style h4 {
	font-size: 16px;
	font-weight: 400;
	color: #252525;
}
.mt-list-style ul {
	padding: 0;
	list-style: none;
}
.mt-list-style ul li {
	line-height: 36px;
}
.mt-list-style ul li a {
	color: #737373;
	line-height: 36px;
}
.mt-list-style ul li span {
	font-size: 16px;
	margin-right: 10px;
}
.mt-list-style-blue {
	color: #2b69b3;
}
/*Buttons*/

.mt-style-button {
	border-radius: 3px;
	display: inline-block;
	text-align: center;
	margin-bottom: 24px;
	text-transform: uppercase;
	cursor: pointer;
	padding: 0 20px;
}
.mt-style-button1 .mt-style-button {
	background: #2b69b3;
	color: #fff;
	border-radius: 3px;
}
.mt-style-button2 .mt-style-button {
	background: #ddd;
	color: #000000;
	border-radius: 3px;
}
.mt-style-button3 .mt-style-button {
	background: #fff;
	color: #252525;
	border: 2px solid #42454a;
	border-radius: 3px;
}
.mt-style-button41 .mt-style-button {
	background: #55adff;
	color: #fff;
	border-radius: 30px;
}
.mt-style-button42 .mt-style-button {
	background: #ffb72f;
	color: #fff;
	border-radius: 0px;
}
.mt-style-button43 .mt-style-button {
	background: #5fd33f;
	color: #fff;
	border-radius: 3px;
}
.mt-style-button.large {
	line-height: 51px;
	font-size: 16px;
	letter-spacing: 1px;
}
.mt-style-button.normal {
	line-height: 40px;
	font-size: 12px;
	letter-spacing: 1px;
}
.mt-style-button.small {
	line-height: 30px;
	font-size: 9px;
	letter-spacing: 1px;
}
.mt-style-button1 .mt-style-button:hover {
	background: #333;
	color: #fff;
	text-decoration: none;
}
.mt-style-button2 .mt-style-button:hover {
	background: #2b69b3;
	color: #fff;
	border-radius: 3px;
	text-decoration: none;
}
.mt-style-button3 .mt-style-button:hover {
	background: #2b69b3;
	color: #fff;
	border-radius: 3px;
	border: 2px solid #2b69b3;
	text-decoration: none;
}
.mt-style-button41 .mt-style-button:hover {
	background: #333;
	color: #fff;
	border-radius: 30px;
	text-decoration: none;
}
.mt-style-button42 .mt-style-button:hover {
	background: #000;
	color: #fff;
	border-radius: 0px;
	text-decoration: none;
}
.mt-style-button43 .mt-style-button:hover {
	background: #000;
	color: #fff;
	border-radius: 3px;
	text-decoration: none;
}
/************************************************

           ==Header css==

*************************************************/



.header {
	padding:15px 0;
	background: #fff;
}
.header .col-md-5 {
	padding-right: 0;
}
.header .logo {
	display: inline-block;
	margin: 5px 0 5px 0;
}
.navbar-default {
	background: none;
	border: none;
	margin-bottom: 0;
	min-height: auto;
	float: right;
}
.navbar {
	background: none;
}
.navbar-collapse {
	padding: 0;
}
.navbar-nav>li {
	padding: 0;
}
.navbar-nav>li.login{border-left: 1px solid #ddd;}
.navbar-expand-lg .navbar-nav .nav-link {
	font-weight: 600;
	padding: 12px 15px;
	border-radius: 5px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background: none;
}
.navbar-nav>li>a:hover, .navbar-nav>li:hover>a, .navbar-nav>li.active>a {
	color: #2b69b3 !important;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background-color: #fff;
}

.navbar-nav>li.login .nav-link{padding-right: 0;}

.dropdown-menu {
	border-radius: 0;
	padding: 0;
}
.navbar-nav>li:hover .dropdown-menu {
	display: block;
}
.dropdown-menu>li>a {
	font-weight: 600;
	color: #555;
	padding: 8px 15px;
}
.dropdown-menu>li>a:hover {
	background: #2b69b3;
	color: #fff;
}
.navbar-collapse.in {
	overflow: inherit;
	height: auto;
	padding: 0 15px;
}
.navbar-nav li.register {
	padding-right: 0;
}
.navbar-nav li.postad a {
	background: #2b69b3;
	color: #fff;
}
.navbar-nav li.register a {
	background: #333;
	color: #fff;
}
.navbar-nav li a.postad:hover, .navbar-nav li a.register:hover {
	text-decoration: none;
	color: #fff;
	background: #000;
}
.navbar-nav li.user {
	margin: 0 15px;
	padding: 15px 0;
}
.navbar-nav li.user strong {
	color: #2b69b3;
}

.navbar-light .navbar-toggler{display: none;}
.close-toggler{display: none;}

.postadlink{background: #f99d1b; color: #fff; padding: 15px 20px; font-size: 18px; border-radius: 5px; font-weight: 700;}



/************************************************

           ==Top Search css==

*************************************************/

.searchwrap {
	background: url(../images/search-bg.jpg) no-repeat;
	background-size: cover;
	padding: 150px 0;
}
.searctptitle{text-align: center;}
.searctptitle h5{display: inline-block; background: #f99d1b; padding: 10px 30px; color: #fff;}

.searchwrap h3 {
	text-align: center;
	font-size: 60px;
	color: #fff;
	margin-bottom: 20px;
}
.searctptitle p {
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 5px;
}
.searchbar {
	margin-top: 40px;
	background: #fff;
	padding: 10px;
	border-radius: 10px;
}

.searchbar #city {
    border-left: 1px solid #eee;
}

.searchbar .form-control {
	padding: 13px 15px;
	border: none;
	font-size: 18px;
	appearance: auto;
}
.form-control:focus{box-shadow: none;}
.searchbar .btn {
	background: #2b69b3;
	border-radius: 5px !important;
	color: #fff;
	border: none;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 14px 20px;
}
.searchbar .btn:focus{background: #000; color: #fff;}


.getstarted {
	text-align: center;
	margin-top: 50px;
}
.getstarted a {
	display: inline-block;
	border: 3px solid #fff;
	padding: 12px 25px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}
.getstarted a i {
	margin-right: 10px;
}
.getstarted a:hover {
	background: #2b69b3;
	text-decoration: none;
}
/************************************************

           ==map search css==

*************************************************/

#map_canvas {
	height: 450px;
	width: 100%;
}
.infobox-wrap {
	width: 340px;
	padding: 10px 5px;
}
.infobox-wrap .infobox-figure {
	width: 150px;
	float: left;
}
.infobox-wrap .infobox-content {
	width: 180px;
	float: left;
	padding-left: 15px;
	text-align: left;
}
.infobox-wrap .infobox-content h5 {
	text-align: left;
	margin: 0;
	font-size: 18px;
}
.infobox-wrap .infobox-content h5 a {
	color: #444;
}
.infobox-wrap .infobox-content h5 a:hover {
	color: #777;
}
.infobox-wrap .infobox-content .price {
	font-size: 26px;
	color: #2b69b3;
	font-weight: 700;
}
.infobox-wrap .infobox-content .address p {
	text-align: left;
	color: #999;
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 5px;
}
.infobox-wrap .infobox-rattings {
	margin: 10px 0 15px;
}
.infobox-wrap .infobox-rattings i {
	margin-right: 2px;
}
.infobox-wrap .infobox-figure img {
	max-width: 100% !important;
}
.infobox-rattings i {
	color: #ff9600;
	font-size: 18px;
}
#map-section .form-control {
	height: auto;
	border-radius: 0;
	padding: 13px 15px;
	border: none;
	font-size: 18px;
}
#map-section .btn {
	background: #2b69b3;
	border-radius: 0;
	color: #fff;
	border: none;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 15px 20px;
}
.searchblack {
	background: #2b69b3;
	padding: 40px 0;
	margin-top: 0;
}
.searchblack .btn {
	background: #000;
}

/*********************************************

		Revolution slider

**********************************************/

.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;
}
.tp-arr-allwrapper:hover .tp-arr-iwrapper {
	color: #fff;
}
.tp-leftarrow .tp-arr-allwrapper {
}
.tp-rightarrow .tp-arr-allwrapper {
}
.tp-arr-iwrapper {
	color: #fff;
	text-align: center;
	font-size: 72px;
	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;
	border-radius: 50%;
}
#vertical-ticker {
	height: 120px;
	overflow: hidden;
}
#vertical-ticker li {
	padding: 15px 20px;
	display: block;
	text-align: center;
}
.tp-bannertimer {
	display: none;
}
.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;
}
.slidertext1 {
	color: #fff;
	font-size: 36px;
	font-weight: 700;
	padding: 10px 15px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 7px;
}
.slidertext2 {
	color: #fff;
	font-size: 60px;
	font-weight: 700;
	padding: 15px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
}
.sliderpara {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	padding: 15px;
	text-transform: none !important;
}
.slidertext5 {
	padding: 0 15px;
}
.slidertext5 a {
	color: #fff !important;
	font-size: 24px;
	font-weight: 700;
	padding: 15px 50px;
	text-transform: capitalize !important;
	text-align: left;
	background: #2b69b3;
	font-family: 'Roboto', sans-serif;
}
/************************************************

           == Google Ads css==

*************************************************/

.wideBanner {
	text-align: center;
}
/************************************************

           == How it works css==

*************************************************/
.howitwrap{background: #2b69b3 url(../images/how-it-bg.jpg) no-repeat center; background-size: cover; }
.howlist {
	list-style: none;
}
.howlist li {
	margin-top: 30px;
	text-align: center;
}
.howlist li .iconcircle {
	width: 100px;
	height: 100px;
	text-align: center;
	line-height: 115px;
	margin-bottom: 15px;
	display: inline-block;
	background: #fff;
	border-radius: 10px;
	box-shadow:0 15px 30px rgba(0,0,0,0.1);
	position: relative;
}
.howlist li .iconcircle span{position: absolute;
    width: 36px;
    height: 36px;
    background: #f99d1b;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
	box-shadow:5px 5px 10px rgba(0,0,0,0.1);
	top: -15px;
	right: -15px;
}


.howlist li .iconcircle i {
	font-size: 48px;
	color: #444;
}
.howlist li h4 {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 10px;
}
.howlist li p {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
}
.titlewrap{text-align: center; margin-bottom: 30px;}
.titlewrap h3{color: #fff; font-size: 48px;}
.titlewrap h5{color: #fff; font-size: 24px;}


/************************************************

           == Categories css==

*************************************************/

.catewrap {
	background: #f4f4f4;
}
.categoryList {
	padding-top:20px;
}
.categoryList li {
	text-align: center;
}
.categoryList li a {
	display: block;
	margin-bottom: 30px;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	padding: 25px;
	border-radius: 10px;
	min-height: 178px;
	background: #fff;
	box-shadow: 0 0 30px rgba(0,0,0,0.1);
	border-bottom: 3px solid transparent;
	font-weight: 600;
}
.categoryList li img {
	margin-bottom: 15px;
}
.categoryList li span {
	display: block;
}
.categoryList li a i {
	font-size: 12px;
	color: #777;
}
.categoryList li a:hover i {
	color: #CCC;
}
.categoryList li a:hover{box-shadow: 0 0 40px rgba(0,0,0,0.2); border-bottom-color: #2b69b3; scale: 1.05;}



/*Top Search*/


.topsearchwrap h4 {
	background: #2b69b3;
	margin-bottom: 15px;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	padding: 12px 20px;
	text-transform: uppercase;
}
.topsearchwrap h5 {
	background: #333;
	margin-bottom: 15px;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	padding: 12px 20px;
	text-transform: uppercase;
}
.catelist li{margin-bottom: 30px;}
.catelist li a {
	display: flex;
    position: relative;
    padding:15px 15px;
    color: #000;
    background: #fff;
    font-weight: 600;
    border-left: 2px solid #f99d1b;
    border-radius: 4px;
    box-shadow: 5px 0px 10px rgba(81, 81, 102, 0.2);
	justify-content: space-between;
	align-items: center;
}
.catelist li span {
	color: #fff;
	font-size: 14px;
	background: #999;
	font-size: 14px;
	padding: 5px 10px;
	font-weight: 400;
	border-radius: 4px;
}
.catelist li a:hover {
	color: #2b69b3;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
  border-left-color: #2b69b3;
}

.widget .catelist li{margin-bottom: 5px;}


/** View Button **/

.viewallbtn {
	text-align: center;
}
.viewallbtn a {
	display: inline-block;
	background: #2b69b3;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	padding: 15px 30px;
	border-radius: 5px;
}
.viewallbtn a:hover {
	background: #333;
	text-decoration: none;
}

.owl-dots{display: none;}
.owl-nav{margin-top: 30px; text-align: center;}
.owl-nav button{width: 36px; height: 36px; border-radius: 50%; background: #eee; border: none; margin: 0 5px;}
.owl-nav button:hover{background: #2b69b3; color:#fff}





/************************************************

           == Video css==

*************************************************/

.videowraper {
	background: url(../images/videobg.jpg) no-repeat top;
	background-size: cover;
	background-attachment: fixed;
	text-align: center;
}
.videowraper .subtitle, .videowraper h3 {
	color: #fff;
}
.videowraper p {
	color: #fff;
	max-width: 800px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 24px;
}
.videowraper a {
	display: inline-block;
	opacity: .5;
	margin-top: 20px;
	font-size: 100px;
	color: #fff;
}
.videowraper a:hover {
	opacity: 1;
}
/************************************************

           == Tagline css==

*************************************************/

.hometagline {
	background: #2b69b3;
	padding: 40px 0;
}
.hometagline h5 {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
}
.hometagline a {
	display: inline-block;
	background: #000;
	color: #fff;
	padding: 15px 30px;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 0;
	margin-top: 10px
}
.hometagline a:hover {
	background: rgba(0,0,0,0.5);
	text-decoration: none
}
.hometagline p {
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	margin-top: 10px;
}
/************************************************

           == Testimonials css==

*************************************************/

.testimonialsList {
	list-style: none;
	margin-top: 50px;
}
.testimonialsList li {
	text-align: center;
}
.testimonialsList li .testinner {
	background: #fff;
	border: 1px solid #e8e8e8;
	padding: 30px 20px;
}
.testimonialsList li .testimg {
	width: 80px;
	height: 80px;
	margin: auto;
	border: 2px solid #2b69b3;
}
.testimonialsList li .clientname {
	font-size: 24px;
	font-weight: 600;
	padding: 15px 0;
	color: #333;
}
.testimonialsList li p {
	font-size: 14px;
	font-style: italic;
	line-height: 22px;
}
.testimonialsList li .clientinfo {
	font-size: 14px;
	font-weight: 600;
	color: #2b69b3;
	margin-bottom: 10px;
}
/************************************************

           == App Box css==

*************************************************/

.appwraper {
	background: url(../images/app-bg.jpg) no-repeat top;
	background-size: cover;
	padding: 70px 0;
	background-attachment: fixed;
	text-align: center;
}
.appwraper .titleTop {
	text-align: center;
	border-bottom: none;
	display: block;
	margin-bottom: 10px;
	padding-bottom: 0;
}
.appwraper .subtitle {
	color: #fff;
}
.appwraper .titleTop h3 {
	color: #fff;
}
.appwraper .subtitle2 {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 20px;
	color: #fff;
}
.appwraper p {
	color: #fff;
	line-height: 24px;
	max-width: 770px;
	margin: 0 auto;
}
.appwraper .appbtn {
	margin-top: 30px;
}
.appwraper .appbtn a {
	display: inline-block;
	border: 1px solid #fff;
	padding: 15px 30px;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	text-decoration: none;
	margin: 0 10px;
}
.appwraper .appbtn a i {
	font-size: 24px;
	margin-right: 10px;
}
.appwraper .appbtn a:hover {
	background: rgba(0,0,0,0.5);
}
/*Page Title*/

.pageTitle {
	background:#333;
	padding: 20px 0;
}
.pageTitle h1 {
	font-size: 36px;
	font-weight: 500;
	color: #fff;
}
.breadCrumb {
	text-align: right;
	color: #fff;
	margin-top: 20px;
}
.breadCrumb a {
	color: #fff;
	display: inline-block;
	padding: 0 5px;
}
.breadCrumb span {
	color: #2b69b3;
	display: inline-block;
	padding-left: 5px;
}
/************************************************

           == Featured Ads ==

*************************************************/


.gridlist {
	position: relative;
}
.gridlist li {
	margin-top: 30px;
}

.itemgrid li{margin-top: 0;}

.gridbox{border: 1px solid #eee; border-radius: 7px; background: #fff; position: relative;}
.gridbox:hover{box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);}

.featured-tag{position: absolute; top: 20px; left: 20px; background: #f99d1b; color: #fff; padding: 5px 10px; z-index: 2; display: none;}

.itemgrid .featured-tag{display: block;}

.gridlist li .adimg {
	overflow: hidden;
	height: 185px;
	border-radius:7px 7px 0 0;
}
.gridlist li .adimg img {
	display: block;
	width: 100%;
}
.gridlist li .innerad {	
	padding: 20px;
	min-height: 152px;
}
.gridlist li h3 {
	margin: 0;
}
.gridlist li h3 a {
	display: block;
	font-size: 16px;
	color: #333;
}
.gridlist li h3 a:hover {
	color: #666;
}
.gridlist li .location {
	padding: 10px 0;
	color: #777;
	line-height: 30px;
}
.gridlist li .location i {
	color: #2b69b3;
}
.gridlist li .price {
	font-size:18px;
	color: #333;
	font-weight: 600;
	border-top: 1px solid #eee;
	padding-top: 15px;
}
.cateinfo{margin-bottom: 10px;}
.cateinfo a{color: #999;}



/************************************************

           == Sort by css==

*************************************************/

.sortbybar {
	margin-bottom: 20px;
	padding: 20px;
	background: #eee;
	border-radius: 10px;
}
.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: 0 10px 0 0;
	font-weight: 700;
}
.sortbybar .form-control {
	border-radius: 7px !important;
	height: auto;
	padding: 9px 15px;
}
.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;
}
/************************************************

           == Search List css==

*************************************************/

.listpgWraper {
	padding: 50px 0;
	min-height: 400px;
}




.pageSearch a.btn {
	background: #f99d1b;
	color: #fff;
	padding: 13px 15px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 0;
	display: block;
}
.pageSearch a.btn i {
	font-weight: 400;
	font-size: 24px;
	margin-right: 5px;
}
.pageSearch a.btn:hover {
	background: #666;
}
.searchform .row {
	margin: 0 -5px;
}
.searchform .col-md-3, .searchform .col-md-2, .searchform .col-sm-3, .searchform .col-sm-2, .searchform .col-md-5 {
	padding: 0 5px;
}
.searchform .form-control {
	height: auto;
	padding: 13px 12px;
	font-size: 16px;
	appearance: auto;
}
.searchform select.form-control {
	padding: 13px 12px;
	background: #fff;
}
.searchform .btn {
	border-radius: 0;
	background: #f99d1b;
	font-size: 24px;
	color: #fff;
	padding: 7px 18px;
}
.searchform .btn:hover {
	background: #444;
}
/************************************************

           == Sidebar css==

*************************************************/

.sidebar {
	background: #f3f3f3;
	padding: 20px;
	margin-bottom: 30px;
	border-radius: 10px;
}
.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 .form-control {
	height: auto;
	padding: 10px 12px;
	margin-bottom: 10px;
}
.form-control{appearance: auto;}
.optionlist {
	list-style: none;
}
.optionlist li {
	margin-bottom: 10px;
	padding: 5px 0;
	position: relative;
	padding-left: 30px;
}
.optionlist li span {
	position: absolute;
	right: 0;
	top: 6px;
}
.optionlist li input[type=checkbox] {
	display: none;
}
.optionlist li input[type=checkbox] + label {
	width: 20px;
	height: 20px;
	border: 1px solid #e0e0e0;
	background: #f5f5f5;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
}
.optionlist li input[type=checkbox]:checked + label:before {
	content: '\f00c';
	font-family: 'FontAwesome';
	color: #4ece00;
	padding-left: 2px;
	position: relative;
	top: 2px;
}
.sidebar a {
	color: #2b69b3;
	display: inline-block;
	margin-top: 10px;
}
.searchnt .btn {
	background: #2b69b3;
	display: block;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 15px;
}
.sidebar .gad {
	margin-top: 15px;
	text-align: center;
}
.social a {
	color: #00a8ff;
	font-size: 32px;
	display: inline-block;
	margin-right: 5px;
	margin-top: 0;
}
.social a:hover {
	color: #000;
}
/*Listing*/

.searchList {
	list-style: none;
}
.searchList li {
	background: #fff;
	border: 1px solid #eee;
	padding: 20px;
	margin-bottom: 30px;
	border-radius: 10px;
}
.searchList li:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	border: 1px solid #2b69b3;
}
.searchList li .adimg {
	margin-bottom: 20px;
}
.searchList li .adimg img {
	width: 100%;
}
.searchList li h3 {
	margin: 0;
}
.searchList li h3 a {
	font-size: 18px;
	font-weight: 600;
	color: #555;
}
.searchList li .cateName {
	margin: 10px 0;
	color: #969595;
	float: left;
}
.searchList li .cateName a {
	color: #969595;
}
.searchList li .iteminfo {
	margin-bottom: 10px;
	line-height: 20px;
	color: #666;
}
.searchList li .iteminfo i {
	color: #000;
}
.adprice {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
	color: #2b69b3;
}
.adverify {
	text-align: right;
	border: 1px solid #ddd;
	padding: 7px 15px;
	display: inline-block;
	background: #f8f8f8;
	font-weight: 600
}
.adverify i {
	font-size: 18px;
	color: #2b69b3;
}
.editad {
	border: 1px solid #ddd;
	padding: 7px 15px;
	display: inline-block;
	background: #f8f8f8;
	font-weight: 600;
	color: #555;
}
.pendingad {
	background: #FFDDDE;
	border: 1px solid #FFC1C2;
	color: 000;
	display: inline-block;
	margin-top: 15px;
	font-weight: 600;
	padding: 7px 15px;
}
.searchList li a:hover {
	color: #333;
}
.searchList li .location {
	color: #000;
	margin-top: 10px;
	float: left;
	margin-left: 30px;
}
.searchList li .location span {
	color: #333;
}
.searchList li .listbtn {
	margin-top: 10px;
}
.searchList li .listbtn a {
	background: #2b69b3;
	display: inline-block;
	border-radius:5px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	padding: 10px 20px;
	text-align: center;
}
.searchList li .listbtn a:hover {
	background: #333;
	text-decoration: none;
}
.searchList li p {
	line-height: 22px;
	color: #333;
	margin: 0;
}
.searchList li .cateinfo {
	color: #2b69b3;
	margin: 10px 0;
}
.searchList li .minsalary {
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	margin-top: 25px;
	color: #a8d815;
}
.searchList li .minsalary span {
	color: #999;
	font-weight: 400;
}
/*Pagination*/

.pagiWrap .showreslt {
	font-weight: 600;
	margin-top: 10px;
}
.pagiWrap .pagination {
	text-align: right;
	margin: 0;
}
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {
	border-radius: 0;
}
/************************************************

           == Job Detail css==

*************************************************/
.detailsidebar{background: #eee; padding: 25px; border-radius: 15px;}

.advert-header {
	margin-bottom: 30px;
}

.detailsidebar .advert-header {margin-bottom: 10px;}

.advert-header .adinfo {
	padding: 25px;
	border-bottom: 1px solid #e4e4e4;
	background: #f3f3f3;
	border-radius:10px 10px 0 0;
}
.advert-header .adinfo h2 {
	font-size: 24px;
	color: #444;
}
.advert-header .adinfo .ptext {
	color: #999;
	margin: 10px 0 0 0;
	float: left;
}
.advert-header .adinfo .cateName {
	float: left;
	margin: 10px 0 0 20px
}
.advert-header .adinfo .adsalary {
	font-size: 16px;
	font-weight: 400;
	color: #888;
	text-align: right
}
.advert-header .adinfo .adsalary strong {
	color: #2b69b3;
	font-size: 30px;
	font-weight: 700;
	display: block;
	margin-top: 5px
}
.advert-header .adinfo .companyinfo {
	text-align: right;
}
.advert-header .adinfo .companyinfo .companylogo {
	float: right;
	width: 75px;
	background: #fff;
	margin-left: 20px;
	border: 5px solid #eee;
}
.advert-header .adinfo .companyinfo .companylogo img {
	display: block;
}
.advert-header .adinfo .companyinfo .title a {
	font-size: 18px;
	font-weight: 600;
	color: #2b69b3;
}
.advert-header .adinfo .companyinfo .opening a {
	color: #333;
}
/*Candidate Info*/

.advert-header .adinfo .candidateinfo .userPic {
	float: left;
	width: 100px;
	height: 100px;
	background: #cbcbcb;
	margin-right: 20px;
	border: 5px solid #2b69b3;
}
.advert-header .adinfo .candidateinfo .title {
	font-size: 24px;
	color: #333;
	font-weight: 600
}
.advert-header .adinfo .candidateinfo .desi {
	font-size: 18px;
	color: #666;
	margin-top: 10px;
}
.advert-header .adinfo .candidateinfo .loctext {
	line-height: 24px;
	color: #555;
	margin-top: 8px;
}
.advert-header .adinfo .candidateinfo .loctext i {
	width: 20px;
	color: #2b69b3;
}
.cadsocial {
	margin-top: 10px;
}
.cadsocial a {
	color: #666;
	font-size: 24px;
	display: inline-block;
	margin-right: 7px;
}
.cadsocial a:hover {
	color: #2b69b3;
}
.relatedJobs {
	margin-bottom: 30px;
}
.relatedJobs h3 {
	font-size: 24px;
	font-weight: 700;
	color: #555;
	margin-bottom: 15px;
}
/*Buttons*/

.adButtons {
	padding: 20px 25px;
	border-radius: 0 0 10px 10px;
	background: #2b69b3;
}
.adButtons a {
	background: #f99d1b;
	margin-right: 10px;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	padding: 10px 20px;
}
.adButtons a.report {
	background: #e01010;
	color: #fff;
}
.adButtons span.views {
	color: #fff
}
.adButtons a:hover {
	background: #222;
	color: #fff;
}

.advert-header .contentbox h3 {
	font-size: 24px;
	font-weight: 700;
	color: #2b69b3;
	margin-bottom: 10px;
}
.advert-header .contentbox p {
	line-height: 24px;
	color: #555;
	margin-bottom: 20px;
}
/*.advert-header .contentbox ul {

	margin-bottom: 30px;

}

.advert-header .contentbox ul li {

	padding: 10px 0 10px 25px;

	position: relative;

	line-height: 24px;

}

.advert-header .contentbox ul li:before {

	content: '\f00c';

	font-family: 'FontAwesome';

	color: #a8d815;

	position: absolute;

	left: 0;

}*/

.carfeature {
	margin-bottom: 20px;
	margin-top: 15px;
}
.carfeature li {
	margin-bottom: 20px;
	line-height: 20px;
	color: #2f3b3e
}
.carfeature li .feat {
	display: block;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
}
.carfeature li .feat:after {
	display: table;
	clear: both;
	content: '';
}
.carfeature li img {
	float: left;
	margin-right: 10px;
}
.featchoose li {
	margin-bottom: 10px;
}
.unorderlist li {
	padding: 5px 0 5px 25px;
	position: relative;
	line-height: 24px;
}
.unorderlist li:before {
	content: '\f00c';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #a8d815;
	position: absolute;
	left: 0;
}
/*Ad Info*/

.advertdetail {
	padding: 20px;
}
.advertdetail iframe {
	width: 100%;
	height: 250px;
	border: none
}
.advertdetail h3 {
	font-size: 18px;
	color: #2b69b3;
	font-weight: 700;
}
.jbdetail {
	margin-top: 20px;
}
.jbdetail li {
	margin-bottom: 20px;
	color: #908f8f;
}
.sellerinfo {
	text-align: center;
	padding-top: 20px
}
.sellerinfo h5 {
	font-size: 24px;
	font-weight: 400;
	margin: 10px 0 15px 0
}
.sellerinfo .phone {
	border: 2px solid #2b69b3;
	border-radius: 5px;
	padding: 15px 20px;
	background: none;
	color: #2b69b3;
	font-size: 24px;
	text-align: center;
	display: block;
	margin-bottom: 10px;
}
.sellerinfo .phone i {
	color: #666;
}
.sellerinfo .btn {
	box-shadow: none;
}
.profileimg img {
	width: 100px;
	height: 100px;
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid #fff;
	background: #fff;
	padding: 5px;
}
.jbdetail li a {
	display: block;
	text-align: right;
	color: #2b69b3;
	font-weight: 600;
}
.jbdetail li span {
	display: block;
	text-align: right;
	color: #000;
	font-weight: 600;
}
.jbdetail li span.permanent {
	color: #a8d815;
}
.jbdetail li span.contract {
	color: #2b69b3;
}
.jbdetail li span.freelance {
	color: #F07200;
}
/*Slider*/

.adimages {
	margin-bottom: 30px;
	text-align: center;
}
.slides {
	list-style: none;
}
#carousel li, .slides li {
	padding: 0 !important;
}
.slides li.flex-active-slide{background: #eee;}
#carousel li:before, .slides li:before {
	display: none;
}
#carousel img {
	opacity: 0.4;
}
#carousel .flex-active-slide img {
	opacity: 1;
}
.flexslider {
	position: relative;
}
.flexslider .flex-direction-nav {
	margin: 0;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
	width: 100%;
}
.flex-direction-nav li {
	padding: 0 !important;
}
.flex-direction-nav li:before, .flex-direction-nav li:before {
	display: none;
}
.flex-direction-nav .flex-nav-prev {
	float: left;
	margin-left: 15px;
}
.flex-direction-nav .flex-nav-next {
	float: right;
	margin-right: 15px;
}
.flex-direction-nav li a {
	font-size: 36px;
	color: #fff;
}
/*Skills*/

.skillswrap {
	margin-top: 20px;
}
.skillswrap h5 {
	color: #7b7b7b;
	font-weight: 400;
	margin-bottom: 5px;
}
/*Education*/

.educationList {
	margin-bottom: 0 !important;
}
.educationList li {
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px !important;
	padding-top: 0 !important;
	padding-left: 0 !important;
	margin-top: 30px;
}
.educationList li:hover {
	border-bottom-color: #2b69b3;
}
.educationList li:before {
	display: none;
}
.educationList li:last-child {
	border-bottom: 0;
}
.educationList li .date {
	width: 90px;
	height: 90px;
	background: #888;
	border-radius: 50%;
	text-align: center;
	font-weight: 700;
	padding-top: 17px;
	line-height: 18px;
	float: left;
	color: #fff;
	margin-right: 20px;
}
.educationList li h4 {
	font-size: 18px;
	font-weight: 700;
	color: #58c0ff;
	margin-bottom: 5px;
}
.educationList li p {
	margin-bottom: 0 !important;
}
/*Experience*/

.experienceList {
	margin-bottom: 0 !important;
}
.experienceList li {
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px !important;
	padding-left: 0 !important;
	padding-top: 0 !important;
	margin-top: 30px;
}
.experienceList li:hover {
	border-bottom-color: #2b69b3;
}
.experienceList li:before {
	display: none;
}
.experienceList li:last-child {
	border-bottom: 0;
}
.experienceList li h4 {
	font-size: 18px;
	font-weight: 700;
	color: #58c0ff;
	margin-bottom: 10px;
}
.experienceList li p {
	margin-bottom: 0 !important;
	margin-top: 10px;
}
/*Portfolio*/

.userPortfolio li {
	padding: 0 15px !important;
	margin-top: 30px;
}
.userPortfolio li:before {
	display: none;
}
.userPortfolio li .imgbox {
	overflow: hidden;
	position: relative
}
.userPortfolio li .itemHover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(22,34,46,.9);
	transform: scale(0);
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease
}
.userPortfolio li:hover .itemHover {
	transform: scale(1)
}
.userPortfolio li .zoombox {
	display: table;
	width: 100%;
	height: 20%;
	text-align: right
}
.userPortfolio li .item-zoom {
	display: inline-block;
	border: 2px solid #fff;
	padding: 6px 12px;
	margin: 15px 15px 0 0;
	color: #fff
}
.userPortfolio li .item-zoom:hover {
	background: #2079f2
}
.userPortfolio li .infoItem {
	display: table;
	width: 100%;
	height: 70%;
	text-align: center
}
.userPortfolio li .itemtitle {
	vertical-align: bottom;
	padding: 0 15px 15px;
	position: relative;
	display: table-cell;
}
.userPortfolio li .itemtitle h5 {
	color: #fff;
	font-size: 18px;
	margin: 0 0 5px
}
.userPortfolio li .itemtitle p {
	color: #ccc;
	line-height: 18px
}
.userPortfolio li .itemtitle a {
	color: #2079f2
}
.userPortfolio li.shown, .no-cssanimations .userPortfolio li, .no-js .grid li {
	opacity: 1
}
.userPortfolio li a, .userPortfolio li img {
	outline: 0;
	border: none;
	display: block;
	max-width: 100%
}
/************************************************

           == Dashboard Page css==

*************************************************/

.usernavdash {
	margin-bottom: 30px;
}
.usernavdash li a {
	border: 1px solid #eee;
	border-bottom: none;
	padding: 10px 15px;
	color: #444;
	display: block;
	background: #fff
}
.usernavdash li:last-child a {
	border-bottom: 1px solid #eee;
}
.usernavdash li a:hover {
	background: #2b69b3;
	color: #fff;
	text-decoration: none;
}
.usernavdash li i {
	margin-right: 2px;
	font-size: 18px;
	width: 25px;
}
.usernavdash li.active a {
	background: #2b69b3;
	color: #fff;
}
.profilestat li .inbox {
	border: 1px solid #eee;
	text-align: center;
	background: #fff;
	padding: 15px 10px;
	margin-bottom: 30px;
}
.profilestat li i {
	font-size: 36px;
	color: #999;
	margin-bottom: 15px;
	display: block;
}
.profilestat li h6 {
	font-size: 30px;
	font-weight: 600;
	color: #2b69b3;
	margin-bottom: 10px;
}
.profilestat li h6 span {
	font-size: 18px;
	color: #999;
}
.profilestat li strong {
	display: block;
	font-size: 13px;
	color: #333;
}
.instoretxt {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	background: #fff;
	text-align: center;
	padding: 20px;
	margin-bottom: 30px;
}
.instoretxt .credit {
	font-size: 24px;
	margin-bottom: 15px;
}
.instoretxt .currency {
	font-size: 16px;
	font-weight: 700;
}
.instoretxt .currency strong {
	color: #2b69b3;
}
.instoretxt strong {
	font-weight: 700;
	color: #2b69b3;
}
.instoretxt a {
	font-size: 18px;
	display: inline-block;
	padding: 9px 20px;
	background: #2b69b3;
	color: #fff;
	margin: 0 5px;
}
.instoretxt a:hover {
	background: #333;
	text-decoration: none;
}
.instoretxt a.history {
	background: #444;
}
.myads h3 {
	font-size: 24px;
	margin: 0 0 10px 0;
}
/************************************************

           == Cms Pages css==

*************************************************/

.inner-page {
	padding: 50px 0;
}
.inner-page .title {
	text-align: center;
	margin-bottom: 40px;
}
.inner-page .title > span {
	color: #292929;
	font-size: 17px;
	margin-bottom: 10px;
}
.inner-page .title h2 {
	color: #292929;
	font-size: 40px;
	font-weight: 800;
	letter-spacing: 1px;
	margin: 0;
}
.inner-page .title > p {
	line-height: 24px;
}
.contact {
	margin-bottom: 30px;
	display: flex;
}
.contact > span {
	color: #f99d1b;
    font-size: 24px;
    line-height: 40px;
    margin-right: 20px;
    text-align: center;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    padding: 5px;
    box-shadow: 0 0 30px rgba(0,0,0,0.2);
}
.inner-page .fa-home:before {
	content: "\f015";
}

.information > strong {
	color: #000;
	display: table;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 5px;
}
.information > p {
	line-height: 22px;
	margin: 0;
}
.information > p a{color: #888;}
.information > p a:hover{color: #000;}

.contact-form .form-control, .contact-form textarea.form-control {	
	font-size: 16px;
	margin-bottom: 30px;
	padding: 15px 20px;
	width: 100%;
}


.contact-form button {
	background-color: #2b69b3;
	border: 0 none;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 18px 30px;
	margin-top: 20px;
	border-radius: 5px;
}
.contact-form button:hover{background: #f99d1b;}
.contact-wrap .title{text-align: left;}


/************************************************

           == FAQs css==

*************************************************/

.faqs {
	margin-bottom: 30px;
}
.faqs .panel-default>.panel-heading {
	background: none;
	border: none;
	padding: 0;
}
.faqs h4 a {
	padding: 15px 55px 15px 15px;
	display: block;
	background: #2b69b3;
	color: #fff;
	font-size: 16px;
	position: relative;
}
.panel-group .panel {
	border-radius: 0;
	margin-bottom: 20px;
}
.panel-group .panel-body {
	line-height: 24px;
	color: #555;
}
.faqs h4 .collapsed:hover, .faqs h4 a:hover, .faqs h4 a:active {
	text-decoration: none;
	background: #2b69b3;
	color: #fff;
}
.faqs h4 a:before {
	content: "\f068";
	background: #fff;
	font-family: 'FontAwesome';
	width: 30px;
	padding: 6px 0;
	color: #2b69b3;
	position: absolute;
	right: 15px;
	top: 8px;
	font-size: 16px;
	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;
}
.faqs h4 .collapsed:before {
	content: "\f067";
	font-family: 'FontAwesome';
	background: #666;
	width: 30px;
	padding: 6px 0;
	color: #fff;
	position: absolute;
	right: 15px;
	top: 8px;
	font-size: 16px;
	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;
	text-decoration: none;
}
.faqs h4 a.collapsed {
	background: #fff;
	color: #666;
	text-decoration: none;
}
/*Form Panel*/

.formpanel {
	margin-top: 20px;
}
.formpanel .formrow {
	margin-bottom: 15px;
}
.formpanel .formrow label{margin-bottom:5px;}
.formpanel .form-control {
	height: auto;
	padding: 10px 13px;
	border-color: #ddd;
	appearance: auto;
}
.formpanel select.form-control {
	padding: 13px 12px;
	line-height: 45px;
}
.formpanel textarea.form-control {
	height: 250px;
}
.formpanel .btn {
	width: 100%;
	background: #2b69b3;
	color: #fff;
	padding: 10px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}
.formpanel .btn:hover {
	background: #222;
}
.uploadphotobx {
	border: 3px dashed #ddd;
	background: #eee;
	padding: 50px 30px;
	text-align: center;
}
.uploadphotobx i {
	font-size: 50px;
	color: #999;
	display: block;
	margin-bottom: 15px;
}
.uploadphotobx h4 {
	font-size: 30px;
	color: #777
}
.uploadphotobx p {
	font-size: 18px;
	margin-top: 5px;
}
.uploadphotobx .uploadBox input[type="file"] {
	cursor: inherit;
	display: block;
	font-size: 1px;
	filter: alpha(opacity=0);
	min-height: 100%;
	min-width: 100%;
	opacity: 0;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	cursor: pointer;
}
.uploadphotobx .uploadBox {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	padding: 10px 20px;
	margin: 20px 0 0 0;
	overflow: hidden;
	background: #555;
	display: inline-block;
	position: relative;
}
.uploadphotobx .uploadBox:hover {
	background: #333;
	box-shadow: 0 0 10px #ccc;
	color: #fff;
}
.fileattached {
	background: #f6f6f6;
	border: 1px solid #ddd;
	padding: 7px 10px;
	margin-top: 5px;
}
.fileattached img {
	width: 30px;
	float: left;
	margin-right: 10px;
}
.fileattached span {
	display: inline-block;
	padding-top: 8px;
	font-weight: 600;
	color: #555;
	font-size: 13px;
}
.fileattached i {
	float: right;
	font-size: 20px;
	color: #84bc25;
	margin: 5px 0 0 0;
}
/*Google Map*/

.gmap {
	margin-top: 20px;
}
.gmap iframe {
	height: 250px;
	width: 100%;
	border: none;
}
.googlemap {
	pointer-events: none;
	margin-bottom: 30px;
}
.googlemap iframe {
	height: 380px;
	width: 100%;
	border: 5px solid #fff;
}
/************************************************

           == User Account css==

*************************************************/

.userccount {
	background: #fff;
	border: 2px solid #ddd;
	padding:50px;
	border-radius:15px;
	box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.04);
}
.userccount p {
	text-align: center;
	line-height: 24px;
	color: #999;
}
.userccount h5 {
	font-size: 20px;
	color: #555;
	font-weight: 700;
	margin-bottom: 15px;
}
.socialLogin {
	margin-top: 20px;
	text-align: center;
	border-top: 1px solid #eee;
	padding-top: 20px;
}
.socialLogin a {
	display: inline-block;
	width: 36px;
	height: 36px;
	color: #fff;
	font-size: 18px;
	margin: 0 5px;
	line-height: 36px;
}
.socialLogin a.fb {
	background: #3b5998;
}
.socialLogin a.gp {
	background: #dd4b39;
}
.socialLogin a.tw {
	background: #00aced;
}
.newuser {
	margin-top: 30px;
	text-align: center;
	color: #666;
	font-size: 18px;
}
.newuser a {
	font-weight: 600;
}
.userbtns .nav-tabs {
	border-bottom: none;
	margin-bottom: 30px;
}
.userbtns .nav-tabs>li {
	width: 50%;
	margin-bottom: 0;
}
.userbtns .nav-tabs>li a {
	border: none;
	background: #eee;
	border-radius: 0;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #222;
}
.userbtns .nav-tabs>li a:hover, .userbtns .nav-tabs>li.active a {
	background: #2b69b3;
	border: none;
	color: #fff;
}
.userbtns .nav-tabs>li.active a:after {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #2b69b3;
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -5px;
}
/***************************

		404 Page

***************************/

.error-page-wrap {
	padding: 100px 0;
}
.error-page-wrap .errormain {
	text-align: center;
}
.error-page-wrap .errormain h2 {
	font-size: 350px;
	color: #999;
	font-weight: 900;
	line-height: 350px;
}
.error-page-wrap .errormain h3 {
	font-size: 40px;
	color: #888;
	font-weight: 900;
	line-height: 50px;
	letter-spacing: 5px;
	display: inline-block;
	border: 5px solid #ddd;
	padding: 20px 40px;
	margin-top: -20px;
}
.error-msg {
	margin-top: 50px;
}
.error-msg p {
	max-width: 500px;
	margin: auto;
	line-height: 24px;
	font-size: 16px;
	color: #666;
}
.error-msg .btn {
	background: #2b69b3;
	color: #fff;
	margin-top: 30px;
	border-radius: 0;
	padding: 10px 25px;
	font-size: 18px;
	font-weight: 600;
}
/***************************

	About Us

****************************/

.about-wraper h2 {
	font-size: 36px;
	color: #2b69b3;
	font-weight: 700;
	margin-bottom: 15px;
}
.about-wraper p {
	line-height: 24px;
	font-size: 16px;
}
.what_we_do {
	padding: 50px 0;
	margin-top: 100px;
}
.what_we_do .main-heading {
	color: #2b69b3;
	text-align: center;
	line-height: 48px;
	font-size: 36px;
	font-weight: 700;
}
.whatText {
	font-size: 24px;
	text-align: center;
	color: #444;
	line-height: 42px;
}
.whatList {
	list-style: none;
	margin-top: 50px;
}
.whatList li {
	text-align: center;
}
.whatList li .iconWrap {
	display: inline-block;
	border: 4px solid #ddd;
	border-radius: 100%;
	padding: 10px;
}
.whatList li .icon {
	font-size: 103px;
	color: #fff;
	background: #2b69b3;
	width: 180px;
	height: 180px;
	text-align: center;
	line-height: 180px;
	border-radius: 100%;
}
.whatList li h3 {
	font-size: 30px;
	color: #333;
	padding-top: 30px;
	margin-bottom: 15px;
	font-weight: 600;
}
.whatList li p {
}
.textrow {
	padding-top: 100px;
}
ul.orderlist {
	list-style: none;
	margin-top: 30px;
}
ul.orderlist li {
	float: left;
	width: 48%;
	margin-bottom: 12px;
	color: #333;
	font-size: 16px;
}
ul.orderlist li:before {
	content: '\f00c';
	font-family: 'FontAwesome';
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	color: #82B440;
}
/**************************

	Pay Packages

**************************/
.bankdetail{background:#f6f6f6; padding:25px; margin-bottom:15px;}
.bankdetail p{text-align:left; color:#444; margin-bottom:10px;}
.bankdetail strong{font-weight:700;}

.chooseads{margin:0 -15px;}
.chooseads:after{clear:both; content:''; display:table;}
.chooseads li{padding:15px; float:left; width:25%; text-align:center;}
.chooseads li strong{font-weight:700; display:block; margin-top:5px;}
.chooseads li span{display:block;}
.chooseads li input[type=radio]{display: none;}
.chooseads li input[type=radio] + label {
    width: 150px;
    height: 50px;
    border: 1px solid #e0e0e0;
    cursor: pointer;
	text-align:center;
	line-height:50px;
	margin-bottom:5px;
	background:#eee;
}

.chooseads li input[type=radio]:checked + label{background:#2b69b3; border-color:#2b69b3; color:#fff;}





/*************************

	Three colum Packages

*************************/

.four-plan {
	background: #eee;
	padding: 100px 0px;
}
.four-plan h3 {
	padding: 0px;
	font-size: 48px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 30px;
}
.four-plan .boxes {
	list-style: none;
	border-radius: 5px;
	background: #fff;
	padding: 10px 20px;
	text-align: center;
	margin-top: 30px;
}
.four-plan .boxes:hover {
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.four-plan .boxes li {
	display: block;
}
.four-plan .icon {
	font-size: 52px;
	color: #565656;
	padding: 30px 0
}
.four-plan .plan-name {
	font-size: 26px;
	font-weight: 600;
}
.four-plan .plan-date {
	display: block;
	font-size: 16px;
	margin-bottom: 15px;
}
.plan-pages {
	font-size: 16px;
	line-height: 43px;
	font-weight: bold;
	color: #868686
}
.plan-pages1 {
	display: block;
	font-size: 16px;
	line-height: 43px;
	font-weight: bold;
	color: #e2e2e2
}
.order {
	font-size: 16px;
	padding: 20px 0px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 8px;
}
.order a {
	background: #000;
	border-radius: 5px;
	padding: 12px 32px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
}
.order a:hover {
	background: #2b69b3;
}
.main-plan {
	margin-bottom: 15px;
}
.main-plan .plan-price1-1 {
	font-size: 52px;
	float: left;
	color: #565656;
	margin-left: 30px;
	padding-top: 22px;
	font-weight: 300;
}
.main-plan .plan-price1-2 {
	font-size: 78px;
	font-weight: bold;
	float: left;
	color: #222;
}
.main-plan .plan-price1-3 {
	font-size: 18px;
	float: left;
	line-height: 20px;
	margin-right: 30px;
	color: #cdcdcd;
	font-weight: 300;
	padding-top: 32px;
}
.main-plan .plan-price1-4 {
	display: block;
}
/*************************

	Three colum Packages

*************************/

.three-plan {
	padding: 100px 0;
}
.three-plan h3 {
	padding: 0px;
	font-size: 48px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 30px;
}
.three-plan ul {
	list-style: none;
	background: #fff;
}
.three-plan li {
	padding: 0px;
}
.three-plan .boxes {
	background: #fff;
	margin-top: 30px;
}
.pricing-table1 {
	background: #ffc600;
	text-align: center;
	color: #fff;
	font-size: 26px;
	padding: 10px 0px;
	font-weight: 600;
}
.pricing-table1 strong {
	display: block;
	font-size: 16px;
	font-weight: 400;
}
.pricing-detail {
	list-style: none;
}
.pricing-detail li {
	display: block;
	text-align: center;
}
.pricing-unit1 {
	font-size: 57px;
	float: left;
	color: #ffc600;
	margin-left: 20px;
	padding-top: 80px;
	font-weight: 300;
}
.pricing-unit1-1 {
	font-size: 132px;
	font-weight: bold;
	color: #ffc600;
	float: left;
}
.pricing-unit1-2 {
	font-size: 18px;
	line-height: 20px !important;
	color: #cdcdcd;
	float: left;
	font-weight: 300;
	padding-top: 100px;
}
.pricing-unit1-3 {
	display: block;
}
.pricing-unit2 {
	font-size: 57px;
	float: left;
	color: #00aeff;
	margin-left: 20px;
	padding-top: 80px;
	font-weight: 300;
}
.pricing-unit2-1 {
	font-size: 132px;
	font-weight: bold;
	color: #00aeff;
	float: left;
}
.pricing-unit2-2 {
	font-size: 18px;
	line-height: 20px !important;
	color: #cdcdcd;
	font-weight: 300;
	padding-top: 100px;
}
.pricing-unit2-3 {
	display: block;
}
.pricing-unit3 {
	font-size: 57px;
	float: left;
	color: #56d700;
	margin-left: 20px;
	padding-top: 80px;
	font-weight: 300;
}
.pricing-unit3-1 {
	font-size: 132px;
	font-weight: bold;
	color: #56d700;
	float: left;
}
.pricing-unit3-2 {
	font-size: 18px;
	line-height: 20px !important;
	color: #cdcdcd;
	font-weight: 300;
	padding-top: 100px;
}
.pricing-unit3-3 {
	display: block;
}
.three-plan .plan-name-dt {
	font-size: 36px;
	font-weight: bold;
	color: #5c5c5c;
	padding: 0px 82px;
	padding-top: 75px;
	line-height: 44px;
	padding-bottom: 39px;
}
.three-plan .plan-good i {
	font-size: 18px;
	color: #a8a8a8;
	margin-right: 12px;
}
.three-plan .plan-pages {
	font-size: 16px;
	line-height: 43px;
	padding-left: 70px;
	font-weight: 300;
	color: #a8a8a8;
	border-top: 1px solid #f5f5f5;
	padding-top: 3px;
}
.three-plan .plan-detail {
	font-size: 16px;
	line-height: 43px;
	text-align: center;
	font-weight: bold;
	color: #868686;
	border-top: 1px solid #f5f5f5;
	padding-top: 3px;
}
.three-plan .plan-detail1 {
	font-size: 16px;
	line-height: 43px;
	text-align: center;
	font-weight: bold;
	color: #868686;
	border-top: 1px solid #f5f5f5;
	padding-top: 3px;
}
.three-plan .plan-detail1 i {
	color: green !important;
}
.three-plan .plan-detail i {
	color: red !important;
}
.pricing-table1-2 {
	background: #000;
	text-align: center;
	color: #fff;
	font-size: 26px;
	padding: 10px 0px;
	font-weight: 600;
}
.pricing-table1-2 strong {
	display: block;
	font-size: 16px;
	font-weight: normal;
}
.pricing-table1-3 {
	background: #56d700;
	text-align: center;
	color: #fff;
	font-size: 26px;
	padding: 10px 0px;
	font-weight: 600;
}
.pricing-table1-3 strong {
	display: block;
	font-size: 16px;
	font-weight: normal;
}
.three-plan .plan-pages i {
	font-size: 18px;
	color: #a8a8a8;
	margin-right: 12px;
}
.three-plan .plan-pages1 {
	display: block;
	font-size: 16px;
	line-height: 43px;
	font-weight: bold;
	color: #e2e2e2
}
.three-plan .order-1 {
	background: #ffc600;
	font-size: 16px;
	padding: 25px 0px;
	font-weight: bold;
	text-transform: uppercase;
}
.three-plan .order-1 a {
	background: #000;
	border-radius: 5px;
	padding: 12px 32px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
}
.three-plan .order-2 {
	background: #000;
	font-size: 16px;
	padding: 25px 0px;
	font-weight: bold;
	text-transform: uppercase;
}
.three-plan .order-2 a {
	background: #00aeff;
	border-radius: 5px;
	padding: 12px 32px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
}
.three-plan .order-3 {
	background: #56d700;
	font-size: 16px;
	padding: 25px 0px;
	font-weight: bold;
	text-transform: uppercase;
}
.three-plan .order-3 a {
	background: #000;
	border-radius: 5px;
	padding: 12px 32px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
}
/* =======================

		Blog Listing

======================= */
.blogWraper {
	margin-bottom: 40px;
}
.blogList {
	list-style: none;
}
.blogList li .bloginner{
	background: #fff;
	padding: 25px;
	margin-bottom: 30px;
	border-radius: 8px;
	border: 1px solid #eee;
}
.blogList li .bloginner:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	border-color: #056cb8;
}
.postimg {
	position: relative;
	display: inline-block;
}
.postimg img{border-radius: 15px;}
.postimg .date {
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	padding: 8px 15px;
	text-align: center;
	line-height: 20px;
	background: #f99d1b;
	letter-spacing: 0.4px;	
	position: absolute;
	left: 14px;
	bottom: 14px;
	z-index: 12;
	border-radius: 5px;
}
.post-header {
	margin-bottom: 10px;
	margin-top: 20px;
}
.post-header h2{margin-top: 15px;}
.post-header h4 a {
	font-size: 20px;
	color: #056cb8;
	font-weight: 600;
	display: block;
	margin-top:10px;
}
.post-header h4 a:hover {
	color: #333;
}
.postmeta {
	margin: 15px 0 20px 0;
	line-height: 24px;
}
.postmeta span, .postmeta a {
	color: #056cb8;
}
.bloginner p, .blogGrid li p {
	line-height: 24px;
	color: #555;
}
.blogList .readmore, .blogGrid .readmore {
	border-bottom: 1px dotted #00b1f1;
	display: inline-block;
	margin-top: 15px;
	color: #000;
	font-weight: 600;
	padding-bottom: 5px;
}
.blogList .readmore:hover, .blogGrid .readmore:hover {
	text-decoration: none;
	color: #00b1f1;
}
/* =======================

		Blog Grid

======================= */

.blogGrid {
	list-style: none;
}
.blogGrid li {
	margin-bottom: 30px;
}
.blogGrid li .int {
	background: #fff;
	padding: 20px;
	border: 1px solid #e4e4e4;
}
.blogGrid li .int:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	border-color: #2b69b3;
}
.blogGrid li .post-header {
	margin-top: 10px;
}
/* =======================

		Blog Detail

======================= */

.blogdetailbox {
	background: #fff;
	padding: 20px;
	margin-bottom: 30px;
	border: 1px solid #e4e4e4;
}
blockquote {
	display: block;
	font-size: 16px;
	line-height: 24px;
	margin: 20px 0;
	padding: 20px 20px 20px 60px;
	position: relative;
	border: 3px solid #00b1f1;
	box-shadow: 0 0 12px rgba(0,0,0,0.2);
}
blockquote p {
	font-style: italic;
	display: inline-block;
	color: #000;
}
blockquote:before {
	color: #ddd;
	content: "\f10d";
	font-family: 'FontAwesome';
	font-size: 22px;
	font-style: normal;
	left: 24px;
	position: absolute;
	top: 20px;
	transform: scale(-1);
}
blockquote:after {
	color: #ddd;
	content: "\f10e";
	display: inline-block;
	font-family: 'FontAwesome';
	font-size: 22px;
	font-style: normal;
	margin: 0 0 0 8px;
	position: relative;
	top: 3px;
}
.comments h4 {
	color: #222222;
	font-size: 24px;
	font-weight: 600;
}
.comments .media-body h4 span {
	font-size: 12px;
	color: #777777;
	margin-left: 20px;
	display: inline-block;
	width: 100%;
}
.comments {
	margin-top: 30px;
}
.comments .media-list {
	margin-bottom: 30px;
}
.comments .media-list li {
	padding: 20px;
	border: 1px solid #e9e9e9;
	position: relative;
	background: #fff;
}
.comments .media-left {
	margin-right: 20px;
}
.comments .media-left a {
	width: 100px;
	display: inline-block;
}
.comments .media p {
	margin-top: 5px;
	color: #333;
	line-height: 20px;
}
.comments .media h6 span {
	font-size: 13px;
	color: #999;
	margin: 0;
	margin-top: 10px;
	text-transform: none;
	display: inline-block;
	width: 100%;
}
.comments .media {
	margin-top: 30px;
}
.comments .media h6 {
	font-weight: 600;
	color: #00b1f1;
	font-size: 16px;
	text-transform: none;
}
.comments .btn.raply {
	padding: 10px 12px;
	font-size: 12px;
	color: #333;
	background: #f5f5f5;
	border: none;
	border-radius: 0;
	position: absolute;
	top: 15px;
	right: 0;
}
.comments .btn.raply:hover {
	background: #00b1f1;
	color: #fff;
}
.comments .media a img {
	margin-bottom: 10px;
}
.commnetsfrm {
	background: #fff;
	padding: 25px;
}
.comments form label {
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 20px;
	display: inline-block;
	width: 100%;
	font-size: 12px;
}
.comments form .form-control {
	display: inline-block;
	width: 100%;
	height: 40px;
	margin-top: 5px;
	border-radius: 0px;
	box-shadow: none;
	background: none;
	border: 1px solid #e8e8e8;
}
.comments form textarea.form-control {
	display: inline-block;
	width: 100%;
	height: 150px;
}
.commnetsfrm .btn {
	background: #00b1f1;
	color: #fff;
	font-weight: 700;
	margin-top: 20px;
	border-radius: 0;
	font-size: 18px;
	padding: 8px 18px;
}
/************************************************

           ==Blog sidebar css==

*************************************************/

.search {
	position: relative;
	margin-bottom: 15px;
}
.search .form-control {
	border-radius: 0;
	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*/

.categories li {
	margin-bottom: 15px;
	position: relative;
	padding-left: 20px;
}
.categories li a {
	margin-top: 0;
	color: #888;
	font-weight: 600;
}
.categories li:before {
	content: "\f0da ";
	font-family: 'FontAwesome';
	position: absolute;
	left: 0px;
	color: #00b1f1;
	font-size: 12px;
}
.categories li a:hover {
	color: #00b1f1;
}
/*Archives*/

.archive li {
	line-height: 45px;
}
.archive li a {
	margin-top: 0;
	color: #888;
	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: #2b69b3;
	color: #fff;
}
/*Popular Posts*/

.papu-post {
}
.papu-post .media-left {
	margin-right: 0px;
}
.papu-post .media-left img {
	width: 100%;
}
.papu-post .media-left a {
	width: 80px;
	margin-top: 0;
	margin-right: 5px;
	display: inline-block;
}
.papu-post span {
	color: #333;
	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: #00b1f1;
	margin-top: 0px;
	line-height: 20px;
}
.papu-post li:last-child {
	border-bottom: 0;
}
/*Tags*/

.tags:after {
	display: table;
	clear: both;
	content: '';
}
.tags li {
	display: inline-block;
	float: left;
}
.tags a {
	color: #969595;
	border: 1px solid #dadada;
	padding: 7px 10px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.tags a:hover {
	border: 1px solid #2b69b3;
	background: #2b69b3;
	color: #fff;
	text-decoration: none;
}
/*Photo Streen*/

.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;
}
/************************************************

           ==Footer css==

*************************************************/

.footerWrap {
	background: #eee;
	padding:50px 0;
}
.footerWrap h5 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin-bottom: 15px;
}
.footerWrap p {
	line-height: 22px;
	color: #333;
}
.footerWrap .ft-logo {
	margin-bottom: 15px;
}
.social {
	margin-top: 20px;
}
.social a {
	color: #666;
	font-size: 36px;
	display: inline-block;
	margin-right: 5px;
}
.social a:hover {
	color: #2b69b3;
}
.sidebar .social a {
	color: #444;
}
.footerWrap .quicklinks {
	list-style: none;
}
.footerWrap .quicklinks li {
}
.footerWrap .quicklinks li a {
	display: block;
	color: #333;
	padding: 8px 0;
	font-size: 14px;
}
.footerWrap .quicklinks li a:before {
	content: '\f0da';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right: 7px;
}
.footerWrap .quicklinks li a:hover {
	color: #2b69b3;
	text-decoration: none;
}
.footerWrap .address {
	font-size: 14px;
	color: #333;
	font-weight: 600;
	position: relative;
	padding-left: 35px;
	line-height: 20px;
}
.footerWrap .address:before {
	content: "\f277";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
}
.footerWrap .email {
	position: relative;
	padding-left: 35px;
	margin-top: 15px;
	color: #333;
}
.footerWrap .email:before {
	content: "\f0e0";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
}
.footerWrap .phone a, .footerWrap .email a {
	color: #333;
	font-weight:700;
}
.footerWrap .phone {
	position: relative;
	padding-left: 35px;
	margin-top: 25px;
	color: #333;
	font-size: 24px;
	font-weight: 700;
}
.footerWrap .phone:before {
	content: "\f095";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 5px;
	font-size:20px;
	color: #333;
}
.copyright {
	padding: 10px 0;
	text-align: center;
	color: #777;
}
.copyright ul li {
	display: inline;
}
.copyright ul li a {
	color: #555;
	padding: 0 5px;
	display: inline-block;
	margin: 5px;
}
.copyright a:hover {
	color: #000;
}
.bttxt {
	color: #888;
	line-height: 24px;
}
/*copyright*/

.copyright {
	padding: 20px 0;
}
/*******************

	Home Style 4

*******************/

.fullpagesearch {
	background: url(../images/search-bg.jpg) no-repeat;
	background-size: cover;
	height: 100%;
}
.fullpagesearch .searchwrap {
	background: none;
	height: 100vh;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	width: 100%;
}
.fullpagesearch .header {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100000;
}
.fullpagesearch .copyright {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}



/*******************

	Large Screen

*******************/

@media screen and (max-width: 1199px) {
.main-plan .plan-price2 {
	margin-left: 0px;
	font-size: 44px;
}
.main-plan .plan-price2-1 {
	font-size: 70px;
}
.main-plan .plan-price2-2 {
	margin-right: 0px;
}
.main-plan .plan-price {
	margin-left: 0px;
	font-size: 44px;
}
.main-plan .plan-price-1 {
	font-size: 70px;
}
.main-plan .plan-price-2 {
	margin-right: 0px;
}
.main-plan .plan-price1-1 {
	margin-left: 0px;
	font-size: 44px;
}
.main-plan .plan-price1-2 {
	font-size: 70px;
}
.main-plan .plan-price1-3 {
	margin-right: 0px;
}
.pricing-unit1 {
	margin-left: 5px;
}
.pricing-unit2 {
	margin-left: 5px;
}
.pricing-unit3 {
	margin-left: 5px;
}
}



/*******************

	Monitor Screen

*******************/

 @media screen and (max-width: 1024px) {
.usernav li a {
	padding: 19px 14px
}
.jobslist li .applybtn {
	margin-top: 15px;
}
.pageSearch a.btn {
	margin-bottom: 15px
}
}



/*******************

	Tablet Screen

*******************/

@media screen and (max-width: 990px) {
body {
	font-size: 16px;
}

.navbar-collapse {
    position: fixed;
    top: 0px;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: rgba(0,0,0,0.8);
    transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    z-index: 10000;
}
.navbar-collapse.show {
    visibility: visible;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.navbar-light .navbar-toggler{
    display: block;
    position: absolute;
    top: 15px;
    right: 30px;
    background: #eee;
    padding: 10px 14px;
    font-size: 20px;
    border-radius: 5px;
}
.close-toggler {
    background: none;
    color: #fff;
    padding: 5px;
    border: none;
    margin-top: 10px;
    font-size: 24px;
    position: absolute; top: 0; right: 15px;
    display: block;
}

.navbar{padding: 0;}
.header .logo {
margin: 0;
}
.navbar-default {
	float: none;
}
.three-plan li {
	padding: 0 15px;
	margin-top: 15px;
}
.three-plan ul {
	background: none;
}
.main-plan {
	max-width: 150px;
	margin: 0 auto;
}
.main-unit {
	max-width: 240px;
	height: 200px;
	margin: 0 auto;
}
/*Search*/

.searchwrap {
	padding: 40px 0;
}
.searchbar {
	padding: 20px 5px 5px 5px;
}
.searchbar .form-control {
	margin-bottom: 15px;
}
.searchbar .btn {
	width: 100%;
}
ul.orderlist li {
	float: none;
	width: auto;
}
.optionlist li {
	font-size: 14px;
}
.searchList li p {
	font-size: 16px;
}
.sidebar a {
	font-size: 16px;
}
.sidebar .social a {
	font-size: 30px;
}
.pageTitle h1, .breadCrumb {
	text-align: center;
}
/*Ad detail*/

.adButtons a {
	margin-top: 10px;
}
.advert-header .adinfo .adsalary {
	text-align: left;
	margin-top: 30px;
}
.advert-header .jobinfo .companyinfo {
	text-align: left;
	margin-top: 30px;
	border-top: 1px solid #eee;
	padding-top: 30px;
}
.whatList li {
	margin-bottom: 30px;
}
.about-wraper h2 {
	margin-top: 20px;
}
.postimg {
	margin-top: 15px;
}
.about-wraper, .textrow {
	padding: 50px 0;
}
.appwraper .appbtn {
	margin-top: 30px;
}
.appwraper .titleTop h3 {
	font-size: 40px;
}
.appwraper .subtitle2 {
	font-size: 24px;
}
/*Footer*/

.footerWrap h5 {
	margin-top: 25px;
	font-size: 24px;
}
.searchbar div {
	padding: 0 15px;
}
.searchbar div.row {
	padding: 0;
}
}

/*******************

Large Mobile Screen

*******************/

@media screen and (max-width: 768px) {
.topsearchwrap h5 {
	margin-top: 30px;
}
.navbar-nav>li {
	padding: 0;
}
.navbar-nav>li>a {
	padding: 10px 15px;
}
.searchbar div {
	padding: 0 15px;
}
.pagiWrap {
	margin-bottom: 30px;
}
.jobButtons a {
	font-size: 15px;
	margin-right: 0px;
	padding: 6px 10px;
}
.post-header h4 {
	margin-top: 10px;
}
}
 @media screen and (max-width: 767px) {
.header .logo {
	padding-right: 90px;
}


.navbar-toggle {
	background: #ccc;
}
.navbar-toggle .icon-bar {
	background: #fff;
}
.navbar-nav li.postjob, .navbar-nav li.jobseeker {
	margin-bottom: 10px;
}
.dropdown-menu {
	position: static;
	float: none;
	width: 100%;
}
.usernav li a {
	padding: 12px 15px;
}
.titleTop h3 {
	font-size: 36px;
}
.catelist {
	margin-bottom: 30px;
}
.main-plan .plan-price2 {
	margin-left: 0px;
	font-size: 44px;
}
.pagiWrap .showreslt {
	margin-bottom: 10px;
}
.searchform .form-control {
	margin-bottom: 15px;
}
.advert-header .jobinfo {
	padding: 15px;
}
.advert-header .contentbox {
	padding: 20px;
}
.employerList li {
	width: 25%;
}
/*sidebar*/

.sidebar {
	margin-top: 30px;
}
.text-right {
	text-align: left;
}
/*Photo Streem*/

.photo-steam li {
	width: 50%;
}
.appimg {
	display: none;
}
.catelist li a {
	padding: 5px 0;
}
.appwraper .appbtn a {
	margin-right: 0;
	margin-bottom: 15px;
}
.searchbar div {
	padding: 0 15px;
}
.searchbar {
	padding-bottom: 20px;
}
.pull-right {
	float: none !important;
}
.navbar-collapse {
	padding: 0 15px;
}
.comments .media-list li.margin-left80 {
	margin-left: 0;
}
.sortbybar .input-group {
	margin: 20px 0;
}
.sortbybar .found {
	text-align: left;
}
.searchList li .cateName, .searchList li .location {
	float: none;
	margin: 10px 0
}
.adprice {
	text-align: center;
	margin-top: 20px;
}
.searchList li .text-right {
	text-align: center;
}
}

/*******************

	Mobiles Screen

*******************/

@media screen and (max-width: 560px) {
.jobButtons a {
	display: block;
	margin-right: 0;
	margin-top: 10px;
}
.searchwrap h3 {
	font-size: 24px;
}
.usernav li a {
	padding: 10px 10px;
	text-transform: none;
}
.error-page-wrap .errormain h2 {
	font-size: 150px;
	line-height: 160px;
}
.error-page-wrap .errormain h3 {
	font-size: 28px;
}
.searchList li {
	text-align: center;
}
.searchList li .jobimg {
	float: none;
	margin: 0 auto;
	margin-bottom: 10px;
}
.advert-header .jobinfo .companyinfo, .advert-header .jobinfo .candidateinfo, .educationList li {
	text-align: center;
}
.advert-header .jobinfo .companyinfo .companylogo, .advert-header .jobinfo .candidateinfo .userPic, .educationList li .date {
	float: none;
	margin: 0 auto;
	margin-bottom: 10px;
}
.advert-header .jobinfo .candidateinfo .userPic {
	height: auto;
}
.employerList li {
	width: 50%;
}
.copyright ul li a {
	background: #ddd;
	color: #000;
	padding: 8px 15px;
	margin: 5px;
	display: block;
}
.copyright ul li a:hover {
	background: #333;
	color: #fff;
	text-decoration: none;
}
.appwraper .titleTop h3 {
	font-size: 36px;
}
.appwraper {
	padding-top: 50px;
}
.appimg {
	display: none;
}
}
 @media screen and (max-width: 400px) {
.header .col-md-5 {
	padding-right: 15px
}
.usernav li {
	width: 50%;
	text-align: center;
}
}