@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');
@charset "utf-8";
/* CSS Document */
.editicon{
	margin-left: 10px;
}
html { font-size: 100% }
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary, title { display: block }
body { font-family: 'Lato', sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 15px; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
ol, ul { list-style: none }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
* { outline:none !important; }
a:active, a:focus, a:hover, input[type="image"], select:focus, input, input[type="button"]:focus, :focus { outline: 0; text-decoration: none; }
.clearfix { *zoom:1}
.clearfix:before, .clearfix:after { display: block; content: ""; line-height: 0 }
.clearfix:after { clear: both }
.clear { clear: both }
.btn { outline: 0px; }
.lists { list-style: none; margin: 0px; padding: 0px;}
.mainpage{ position:relative;}
.form-control::-moz-placeholder { color:#fff;}
/* Fonts */
@font-face { font-family: 'eyechartbold'; src: url('../fonts/eyechart_bold.woff2') format('woff2'), url('../fonts/eyechart_bold.woff') format('woff'); font-weight: normal; font-style: normal;}

/* Header Css */
header{ position:absolute; top:0; width:100%; left:0; right:0px; background:#72bf44; padding:0; z-index:999;}
header .navbar-brand{ height:auto;}
header .navbar-right{ padding:40px 0 0;}
header .navbar-nav > li > a{ color:#fff; padding:8px 1px 5px; margin:0 20px;}
header .nav > li > a:hover, header .nav > li > a:focus { background:none; border-bottom:2px solid #fff;}
header .nav > li:last-child a{ background:#e36407; text-transform:uppercase; padding:10px 20px; margin:0px;}

header .nav > li:last-child a:hover, header .nav > li:last-child a:focus { border:0px;}



/* Banner Css */
.hero-area{ width:100%;  padding:340px 0 180px;}
.hero-area h1{ color:#fff; font-size:55px; letter-spacing:5px; font-family: 'eyechartbold'; margin-bottom:30px; }
.hero-area p{ color:#fff; font-size:22px; line-height:30px; font-weight:700; text-transform:uppercase; margin-bottom:15px;}
.searchogfot{ border-left-color:#eee !important}
.searchogfot .form-control{width:100% !important}

.hero-search{ width:40%; float:left; background:#fff; height:55px; position:relative; border:1px solid #e36407;border-right-color: #eee !important; }
.hero-search .custom-select{ width:25%; float:left; border-right:1px solid #ccc;} 
.hero-search select { height:53px; border:0px; box-shadow:none; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; width:39%; text-align:left; border-right:1px solid #eee; padding-left:10px;}
.hero-search select.classic { background:url(../images/arrow.jpg) 93% 20px no-repeat;}
.hero-search select.classic:focus { background:url(../images/arrow-h.jpg) 93% 20px no-repeat;}
.hero-search .btn{ position:absolute; right:0; top:0; color:#fff; background:#e36407; border-radius:0px; border:0px; height:53px; padding:0 18px; font-size:22px;}
.hero-search .form-control{ border:0px; border-radius:0px; background:#fff; box-shadow:none; border-color:#fff; height:53px; color:#666; padding:0 60px 0 10px; font-size:18px; width:60%; float:right;}
.search{ position:relative; float:right; width:30%;}
.search .btn{ position:absolute; right:0; top:0; color:#fff; background:#e36407; border-radius:0px; border:0px; height:53px; padding:0 18px; font-size:22px;}
.search .form-control{ border:1px solid #e36407; border-radius:0px; background:#fff; box-shadow:none; height:53px; color:#666; padding:0 60px 0 15px; font-size:18px;}

/* Latest Listings Css */
.LatestListings{ width:100%; padding:50px 0;}
.latest-txt{ color:#58595b; font-size:20px; line-height:30px; padding:0 100px 40px; text-align:center;}
.LatestListings h2{ color:#58595b; font-family: 'eyechartbold'; text-align:center; margin-bottom:15px; font-size:40px; text-transform:uppercase;}
.LatestListings h3{ color:#58595b; text-align:center; margin-bottom:15px; font-size:20px; text-transform:uppercase;}

.productb{ border:1px solid #cdcdcd; min-height:390px; width:100%; position:relative; transition:all 0.5s ease-in-out; margin-bottom:25px;}
.post-header{ width:100%; margin-bottom:5px;}
.pro-indent{ padding:10px;}
.pro-indent p{ font-size:16px; color:#333; padding:0 0 10px;}
.pro-indent h4{ color:#ff8400; font-size:16px; margin-bottom:13px;}
.post-txt{ font-size:14px; font-style:italic; color:#74c046; line-height:22px; margin-bottom:10px;}
.post-txt span{ color:#666; display:block;}

.user-pro{ font-size:16px;}
.user-pro img{ margin-right:15px; width:40px; height:auto;}
.productb:hover{ -webkit-box-shadow: 2px 3px 8px rgba(0,0,0,.23); -moz-box-shadow: 2px 3px 8px rgba(0,0,0,.23); box-shadow: 2px 3px 8px rgba(0,0,0,.23);}

/* Blog Css */
.freshblog{ background:#72bf44; padding:50px 0; text-align:center;}
.freshblog h2{ color:#fff; font-size:40px; margin-bottom:20px; font-family: 'eyechartbold';}
.freshblog p{ color:#fff; font-size:18px; line-height:26px; text-transform:uppercase; font-weight:700;}

/* Headline Css */
.headlinewrap{ background:#dcddde; width:100%;}
.headlinewrap h2{ color:#72bf44; font-size:45px; margin:75px 0 10px; font-family: 'eyechartbold';}
.headlinewrap h3{ color:#58595b; font-size:18px; font-weight:700; margin-bottom:35px;}
.headlinewrap p{ color:#58595b; line-height:26px; padding-bottom:15px;}
.headlinewrap p a{ color:#72bf44; display:block; text-align:right; font-family: 'eyechartbold'; text-transform:uppercase; font-size:18px;}
.headlinewrap .col-sm-6.no-pad{ padding-left:0px !important;}
.headlinewrap .col-sm-6.no-pad1{ padding-right:0px !important;}
.headlinewrap .left-pad{ padding-left:50px;}

/* Footer Css */
footer{ background:#2c2c2c; padding:85px 0 150px;}
footer h2{ color:#fff; font-size:16px; font-weight:700; margin-bottom:5px; text-transform:uppercase;}
footer ul{ margin:0 0 15px;}
footer li a{ display:block; color:#fff; font-size:14px; padding:8px 0; line-height:18px;}
footer li a:hover{ color:#72bf44;}
footer p{ color:#a7a9ac; font-size:12px; line-height:18px;}

/* Login Popup Css */
#LoginPopup .modal-content, #RegisterPopup .modal-content{ border-radius:0px; box-shadow:none; background:#72a346 url(../images/Foto2.jpg) left bottom no-repeat;}
#LoginPopup .modal-body, #RegisterPopup .modal-body{ padding:0px;}

.LoginLeft{ width:50%; float:left; position:relative; min-height:500px; padding:50px 0 0;}
.LoginRight{ background:#f2f2f2; padding:60px 40px 20px; float:left; width:50%; position: relative;  min-height:500px; }
.LoginRight .close{ position:absolute; top:15px; right:15px; opacity:1;}
.LoginRight .nav-tabs{ border-bottom:2px solid #e1e1e1;}
.nav-tabs > li > a { border:0px; color:#a2a2a2; font-family: 'eyechartbold'; font-size:22px;}
.LoginRight .nav > li > a:hover, .LoginRight .nav > li > a:focus { background:none; color:#72a346;}
.LoginRight .nav-tabs > li.active > a, .LoginRight .nav-tabs > li.active > a:hover, .LoginRight .nav-tabs > li.active > a:focus { background:none; border-radius:0px; border:0px; color:#72a346 !important;}
.sign-txt{ font-size:16px; color:#4d4d4d; margin:30px 0 25px;}
.LoginRight .form-group{ margin-bottom:20px;}
.LoginRight .form-control::-moz-placeholder { color: #a2a2a2;}
.LoginRight .form-control::-moz-placeholder { color: #a2a2a2; opacity: 1;}
.LoginRight .form-control{ border:2px solid #b9b9b9; height:50px; line-height:45px; box-shadow:none; font-size:17px; padding-right:50px;} 
.LoginRight input[type="image"], .LoginRight select:focus, input, .LoginRight input[type="button"]:focus, .LoginRight *:focus{ border-color:#72a346; color:#b9b9b9;}
.LoginRight .form-control:focus{ color:#72a346 !important;}
.LoginRight .btn-success{ background:#72a346; width:100%; border:0px; height:60px; text-align:center; display:block; font-size:26px; font-family: 'eyechartbold';} 
.or-txt{ padding:20px 0; text-align: center; color:#4d4d4d; font-size:18px;}
.socialwrap{ padding:0 0 30px; text-align:center;}
.socialwrap a{ margin:0 5px; display:inline-block;}
#signup{ padding-top:30px;}

/* Listing page Css */
.inner-hero-area{ padding:190px 0 50px; background:#e6e6e6; width:100%;}
.inner-hero-area.chat-hero {
    font-size: 18px;
    color: #333;
}
.inner-hero-area.chat-hero img {
    width: 75px;
    height: auto;
    border-radius: 50%;
    margin-right: 15px;
}
.inner-hero-area h3{ font-size:28px; color:#2e2f2d; line-height:normal; margin-bottom:8px;}
.inner-hero-area p{ color:#ff8400; font-size:24px;}

.breadcrumb{ background:none; padding:0px; margin-bottom:30px;}
.breadcrumb li a{ color:#333;}
.breadcrumb li:nth-child(2) a{ color:#ff8400;}
.breadcrumb li{ color:#999;}
.searchresultwrap{ margin-bottom:30px;}
.search-title{ font-size:28px; color:#333; margin-bottom:10px; line-height:35px;}
.sortbox{ border:1px solid #cdcdcd; padding:5px;}
.sortbox li{ font-size:16px; color:#74c046; padding:10px 5px; border-right:1px solid #eee; float:left; width:90px;}
.sortbox li:last-child{ font-size:18px; color:#747474; width:calc(100% - 90px); border:0px; padding:0px;}
.sortbox .custom-select{ width:100%;} 
.sortbox select { height:36px; border:0px; box-shadow:none; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; width:39%; text-align:left; padding-left:10px; font-size:16px;}
.sortbox select.classic { background:url(../images/arrow.jpg) 96% 15px no-repeat; width:100%; background-size:15px;}
.sortbox select.classic:focus { background:url(../images/arrow-h.jpg) 96% 15px no-repeat; background-size:15px;}
.post-txt{ color:#7b7c7b; font-size:18px; font-style:italic;}
.title-txt{ color:#2e2f2d; font-size:18px;}
.share{ position:absolute; top:3px; right:0;}
.relate-title{ border-bottom:1px solid #ddd; padding:0 0 25px; margin-bottom:25px; color:#333; font-size:30px;}
.post-header{ margin-bottom:25px;}
.title{ font-size:20px; color:#333; padding:0 0 35px; line-height:32px;}
.content-indent{ width:100%; margin-bottom:60px;}
.content-indent h5{ border-bottom:1px solid #ddd; padding:0 0 15px; margin-bottom:20px; color:#333; font-size:24px; font-weight:700;}
.content-indent p{ color:#333; font-size:18px; padding:0 0 15px; line-height:26px;}


.chatwrap{ width:100%; margin-bottom:25px;}
.chattitle{ background:#74c046; padding:10px;}
.chattitle h4{ color:#fff; font-size:24px; margin-bottom:10px;}
.chattitle p{ color:#fff; font-size:18px;}
.chattitle p img{ margin-right:8px; width:45px; height:auto;}
.chatindent{ background:#eee; padding:10px; overflow-y:scroll; height:270px;}
.chatindent li{ width:100%; margin-bottom:13px; padding:0 5px 0 5%;}
.chat-content{ width:calc(100% - 60px); float:left; background:#fff; border-radius:5px; border:1px solid #74c046; padding:2px 5px; font-size:13px; color:#333; line-height:18px; margin-top:4px;}
.chat-pro{ width:45px; float:right;}
.chat-date{ color:#565252; font-size:12px; margin:5px 0 0; float:left; width:100%;}
.chat-title{ color:#e36407; font-size:12px;}
.message-type{ margin:15px 0 0;}
.message-type p{ font-size:16px; color:#666; margin-bottom:10px;}
.message-type .form-control{ border-radius:0px; box-shadow:none; height:40px;}
.message-type .btn-warning{ background:#e36407;margin:20px 0 0; border-radius:0px; border:0px; font-size:20px; color:#fff; padding:10px 30px;}
.adlistwrap{ width:100%; padding:30px 0;}
.adlistwrap h3{ color:#fff; background:#74c046;padding:15px 30px; font-size:30px; position:absolute; top:-33px; left:40px; border-radius:8px;}
.adlist { margin-top:80px; border:2px solid #74c046; border-radius:5px; padding:95px 20px 35px; position:relative;}
.adlist label{ text-align:right; font-size:20px; color:#303030; padding:17px 0; display:block;}
.adlist .form-control{ border-color:#74c046; border-radius:0px; box-shadow:none; color:#303030; font-size:18px; padding:15px; height:55px;}
.adlist .form-control.message{ height:130px;}
.adlist select { height:55px;  box-shadow:none; margin: 0; -webkit-appearance: none; -moz-appearance: none; width:39%; text-align:left; padding-left:10px; font-size:18px; color:#303030; border:1px solid #74c046;}
.adlist select.classic { background:url(../images/arrow.jpg) 96% 22px no-repeat; width:100%; background-size:22px;}
.adlist select.classic:focus { background:url(../images/arrow-h.jpg) 96% 22px no-repeat; background-size:22px;}
.adlist .form-group{ margin-bottom:30px;}
.pub-btn{ border:0px; background:#e36407; color:#fff; font-size:24px; padding:20px 60px; margin:25px;}

.messagecontainer{ width:100%; padding:30px 0;}


.messagecontainer aside{ background:#fff; min-height:600px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.08); -moz-box-shadow: 0 3px 8px rgba(0,0,0,.08); box-shadow: 0 3px 8px rgba(0,0,0,.08);}
aside .dashprofile{ background:#74c046; padding:35px 10px; text-align:center;}
.dashprofile h2{ color:#fff; font-size:18px; margin:0 0 10px; font-weight:normal;}
.dashprofile h3{ color:#fff; font-size:30px;}

aside .profile-indent{ padding:40px 0 0 20px;}
.profile-indent li{ display:block; padding:7px 0; }
.profile-indent li a{ font-size:15px; color:#492d1f; display:block; position:relative; font-weight:300; padding:3px 0;}
.profile-indent li a .fa{ margin-right:7px;}
.profile-indent li a.active{ border-right:4px solid #36c177;}
.profile-indent li:first-child a{ padding:5px 30px 5px 0; margin-bottom:15px;}
.profile-indent li:first-child a .badge{ background:#ffa800; color:#fff; font-size:14px; text-align:center; width:32px; height:32px; float:right; border-radius:50%; position:absolute; right:30px; top:-3px; line-height:23px;}
.profile-indent li:nth-child(2) a{ padding:10px 30px 2px 0; margin-bottom:15px;}
.profile-indent li:nth-child(2) a .badge{ background:#36c177; color:#fff; font-size:14px; text-align:center; width:32px; height:32px; float:right; border-radius:50%; position:absolute; right:30px; top:0px; line-height:23px;}


.chatbox{ background:#fff; min-height:600px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.08); -moz-box-shadow: 0 3px 8px rgba(0,0,0,.08); box-shadow: 0 3px 8px rgba(0,0,0,.08);}
.chatbox .chat-title{ background:#ededed; padding:10px; width:100%; font-size:22px; color:#464240;}
.chatbox .chat-title img{ width:45px; height:45px; border:2px solid #fff; border-radius:50%; margin-right:8px;}


.chatbox .chat-comment{ background:#ededed; padding:10px;}

.chat-indent{ width:100%; height:468px; padding:20px;    overflow: auto;}
.chat-indent li{ padding:20px 0; width:100%; font-size:13px; color:#433d3d; display:block;} 
.chat-indent li .chat-right{ background:#fef2ea; border:1px solid #f4c39f; float:right;  padding:10px; border-radius:5px;}
.chat-indent li .chat-left{ background:#f3f3f3; border:1px solid #c9e7b7; float:left;  padding:10px; border-radius:5px;}

.chatbox .form-control{ border:1px solid #ccc; box-shadow:none; border-radius:0px; height:45px; float:left; width:85%;}
.chatbox .chat-submit{ float:left; margin-left:20px; width:47px; border:0px; padding:0px;}