@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:300,100,400&subset=greek,latin);
/* CSS Document */
/*

colors
magenta			ad4482
magenta light	be669a
green			617e70
green light		7ca08e
dark grey		4c4941
grey			8e897b

Template: Wedding Vendor | Vendor Directory HTML Template
Author:	Jitu Chauhan
Version: 1.0.0
Description:Wedding Vendor | Vendor Directory HTML Template for All Vendor Listing and Details.

/*-----------------------------
	01 - General CSS - Basic setup Typography and Template Input css
------------------------------*/
body { font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 27px; background-color: #f5faf8; color: #706a68; -webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6 { margin: 0px 0 20px 0px; color: #3c3634; font-weight:300;}
h1 {font-size: 28px; letter-spacing: -1px;}
h2 {font-size: 18px; letter-spacing: -1px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}
p{ margin-bottom: 30px; font-weight:300;}
ul{padding: 0px;}
a { color: #ad4482;	text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
a:focus, a:hover { color: #be669a; text-decoration: none;}
hr { margin-top: 20px; margin-bottom: 20px; border: 0;border-top: 1px solid #e9e6e0;}
/*--------------------
	Form Field 
---------------------*/
input.form-control { height: 48px; background-color: #fdfdfb; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #e9e6e0; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); }
select.form-control { height: 48px; background-color: #fdfdfb; margin-bottom: 0px; border: 1px solid #e9e6e0; color: #2b212f; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #706a68; -webkit-appearance: none; -moz-appearance: none; background-position: 95% 50%; background-repeat: no-repeat; background-image: url(../images/arrow.png); padding-right: 15px; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); }
textarea.form-control{background-color: #fdfdfb;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #e9e6e0; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);}
label.control-label{font-size: 13px; color: #706a68; font-weight: 300;}
button.tp-btn-primary{height: 48px;}
button.tp-btn-default{height: 48px;}
.required{color: red;}
::selection { background: #ad4482; color: #fff;}
.no-padding { padding-left: 0px; padding-right: 0px;}
/*-------- Section Space CSS -------*/
.spacer { padding-top: 80px; padding-bottom: 80px;}
/*------- Title CSS --------*/
.tp-title{margin-bottom: 30px;}
.tp-title-center{margin-bottom: 30px; text-align: center;}
/*------- Section Color CSS --------*/
.tp-section{background-color: #eef9f6; border-top: 1px solid #e1ded5; border-bottom: 1px solid #e1ded5;}
.title{color: #3c3634;}
/*------- Bullet Point CSS --------*/
ul.check-circle{ margin-bottom: 30px;}
.check-circle li { position: relative; list-style: none; padding-left: 10px;}
.check-circle li:before { font-size: 16px; margin-right: 10px; font-family: FontAwesome; top: 0; left: -5px; color: #04cccd; content: "\f058";}
ul.listnone{list-style: none; margin: 0px; }
.angle-double-right li { position: relative;}
.angle-double-right li:before { font-size: 16px; margin-right: 10px; font-family: FontAwesome; top: 0; left: -5px; color: #7d7d7d;content: "\f101";}
/*------------------------
	Template Buttons 
--------------------------*/
.btn { font-weight: 400; letter-spacing: 1px; font-size: 12px; border-radius: 2px;}
.tp-btn-default { background-color: #ad4482; color: #fff;}
.tp-btn-default:hover {background-color: #be669a; color: #fff; }
.tp-btn-primary {background-color: #ad4482; color: #fff;}
.tp-btn-primary:hover {background-color: #be669a;color: #fff;}
.tp-btn-light{background-color: #e9e6e0; color: #706a68;}
.tp-btn-light:hover{background-color: #04cccd; color: #fff;}
.tp-btn-small {padding: 4px 10px;}
.tp-btn-lg {padding: 14px 14px;}
.btn-reset {padding: 5px 10px; font-size: 11px; background-color: #fcfbf9; border: 1px solid #e9e6e0;margin: 10px 0px 0px 0px;}
.btn-reset i{padding-right: 5px;}
.grid-btn, .list-btn{border: 1px solid #e9e6e0;font-size: 14px; color: #706a68;}
.grid-btn:hover, .list-btn:hover{color: #f9a630;}
.grid-btn{}
.grid-btn.active, .list-btn.active{background-color: #fff; box-shadow: none; color: #f9a630;}
.list-btn{}
/*--------------------
	Main Container 
----------------------*/
.main-container{padding-top: 40px; padding-bottom: 40px;}

/*--------------------
	Content + Left Sidebar 
----------------------*/
.content-left{}
.right-sidebar{}

/*------------------------
	 02. Home Page 
--------------------------*/
/*------ Top Bar -------*/
.tp-nav {background-color: #fff;padding: 20px 0 15px 0; z-index: 9999; position: relative;}
.tp-nav .navbar-brand { float: left; height: 50px; padding: 0px; font-size: 18px; line-height: 20px;}
.tp-nav .navbar-brand>img { display: block; margin-top: 4px;}
/*------ Template Navigation -------*/
.tp-nav .navbar-default { background-color: #fff; border-color: #fff; margin-bottom: 0px;}
.tp-nav .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	background-color: transparent;
	color: #ad4482;}
.tp-nav .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	background: #fff;
	color: #3c3634;
	border-radius: 2px 2px 0px 0px;}
/*------ Dropdown Menu ---------*/
.tp-nav .dropdown-menu { border: none; border-radius: 2px;}
.tp-nav .dropdown-menu>li>a { display: block; padding: 10px 20px; clear: both; font-weight: 300; border-bottom: 1px solid #e9e6e0;}
.tp-nav .dropdown-menu>li>a:focus, .tp-navigation .dropdown-menu>li>a:hover {text-decoration: none;}
.tp-nav .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color: #617e70; text-decoration: none; background-color: #fcfbf9; sborder-bottom: 1px solid #e9e6e0;}
.tp-nav .navbar-default .navbar-nav>li>a { color: #ad4482; font-weight: 400; font-size: 13px;  padding: 15px 15px 29px 15px;}
.tp-nav .navbar-default .navbar-nav>li>a span.fa{padding-left: 4px;}
.tp-nav .dropdown-submenu { position: relative;}
.tp-nav .navbar-right .dropdown-menu { left: 0px; border-top-right-radius: 2px; min-width: 250px; padding: 0px; background-color: #fff; top: 64px;}
.tp-nav .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: 0px; margin-left: -1px; -webkit-border-radius: 0 2px 2px 2px; -moz-border-radius: 0 2px 2px 2px; border-radius: 0 2px 2px 2px;}
.tp-nav .dropdown-submenu>a:after { display: block; content: "\f105"; float: right; width: 0; height: 0; font-family: FontAwesome;}
.tp-nav .dropdown-menu>.active>a, .tp-navigation .dropdown-menu>.active>a:focus, .tp-navigation .dropdown-menu>.active>a:hover { text-decoration: none; background-color: #25B679;outline: 0;}
.tp-nav .dropdown-submenu.pull-left {float: none;}
.tp-nav .dropdown-submenu.pull-left>.dropdown-menu {right: -100%; margin-left: 10px; -webkit-border-radius: 0px 0 2px 2px; -moz-border-radius: 0px 0 2px 2px; border-radius: 0px 0 2px 2px;}
/*----- Mobile Toggle Button-------*/
.tp-nav .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 25px; margin-right: 0px; margin-bottom: 8px; background-color: #7ca08e; background-image: none; border: 1px solid transparent; border-radius: 4px;}
.tp-nav .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background-color: #be669a;}
.tp-nav .navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none; }
.tp-nav .navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
/*----- Homepage Template Slider --------*/
#slider .item img {display: block;width: 100%;height: auto;}
.slider-bg{position: relative; background: #eee;}
.slider{}
.slider-pic img{position: relative; z-index: -1;}
.slider-pic{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;background: -moz-linear-gradient(top, rgba(16, 14, 13, 0) 0%, rgba(16, 14, 13, 1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(16, 14, 13, 1)), color-stop(100%, rgba(16, 14, 13, 0)));background: -webkit-linear-gradient(top, rgba(16, 14, 13, 0) 0%, rgba(16, 14, 13, 1) 100%); background: -o-linear-gradient(top, rgba(16, 14, 13, 0) 0%, rgba(16, 14, 13, 1) 100%); background: -ms-linear-gradient(top, rgba(16, 14, 13, 0) 0%, rgba(16, 14, 13, 1) 100%); background: linear-gradient(to bottom, rgba(16, 14, 13, 0) 0%, rgba(16, 14, 13, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0 );}
/*------- Top Location ------------*/
.top-location{}
.top-location .location-block{ margin-bottom: 30px;}
/*--------Testimonial ---------*/
.tp-testimonial{}
.tp-testimonial .owl-pagination{ position: absolute; bottom: -60px;}
.testimonial-block{ text-align: center;padding: 30px;}
.testimonial-block .couple-pic{margin-bottom: 30px;}
.feedback-caption p{font-size: 18px; font-style: italic; line-height: 36px;}
.couple-info{font-weight: 700; }
.couple-info .name{  color: #3c3634;}
.couple-info .date{ font-size: 12px;}
/*------- Call To Action ----------*/
.tp-call-action{}
.couple-block, .vendor-block{text-align: center;}
.couple-icon, .vendor-icon{margin-bottom: 30px;}
.couple-icon img, .vendor-icon img{width: 160px;}
/*---------Template Footer ----------*/
.footer{ background-color: #7ca08e; padding-top: 80px; padding-bottom: 60px; color:#4c4941}
.footer a:hover {color:#fff;}
.footer p{ line-height:normal;}
.ft-aboutus, .ft-link, .newsletter{ margin-bottom: 30px;}
.footer h2, .footer h3 {color: #fff; letter-spacing:normal; margin:0;}
.footer h3 {font-size:80%; margin-bottom:1rem;}
/* ----- Template Tiny Footer -------*/
.tiny-footer{background-color: #617e70; padding-top: 20px; padding-bottom: 20px; text-align: center; color: #403d3b; font-size: 14px;}

/*-----------------------
	03. Listing Page 
------------------------*/
/*---- Venue Thumbnail -------*/
.venue-box{ margin-bottom: 30px;overflow: hidden;position: relative;}
.venue-detail{padding: 0px; border: 1px solid #e9e6e0; border-radius: 0px; border-top: transparent; background-color: #fff;}
.venue-detail .caption { padding: 30px;}
.venue-detail .location{font-size: 14px; margin-bottom: 10px;}
.venue-lable{position: absolute; bottom: 20px; left: 20px;}
.venue-lable .label{display: inline; padding: 5px 10px; font-size: 12px; font-weight: 300; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 4px;}
.venue-lable .label-default {background-color: #ad4482;}
.venue-info{ background-color: #fcfbf9; border-top: 1px solid #e9e6e0; height: 84px;font-weight: 700;}
/*-------Thumbnail Label------*/ 
.popular-label, .rated-label, .feature-label{ text-align: center; position: absolute; top: 0px; width: 72px; height: 72px;}
.popular-label{ background: url(../images/popular.png) 0px 0px;}
.rated-label{ background: url(../images/top-rated.png) 0px 0px;}
.feature-label{ background: url(../images/feature-label.png) 0px 0px;} 
 /*------- Vendor Thumbnail Simple --------*/
.vendor-box{ margin-bottom: 30px;overflow: hidden; position: relative;}
.vendor-box .rating {}
.vendor-box .capacity{font-size: 14px; font-weight: 700;}
.vendor-detail{padding: 0px; border: 1px solid #e9e6e0; border-radius: 0px;border-top: transparent; background-color: #fff;}
.vendor-detail .caption { padding: 30px; display: inline-block;}
.vendor-detail .location{font-size: 14px; margin-bottom: 10px;}
.vendor-image { position: relative; overflow: hidden;}
.vendor-image img { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all .5s ease; transition: all .5s ease; opacity: .9;}
.vendor-image a:hover img { -webkit-transform: scale(1); transform: scale(1); opacity: 1;}
.vendor-price{background-color: #fcfbf9;padding: 9px 29px; border-top: 1px solid #e9e6e0;}
.vendor-price .price { color: #3c3634 }
.rating .rating-count{font-size: 14px;  padding-left: 5px; color: #706a68}
.vendor-box-grid{}
.vendor-box-grid .no-right-pd{padding-right: 0px;}
.vendor-box-grid .vendor-image{height: 212px;}
.vendor-box .effect-oscar h2 a{color: #fff;}
.favourite-bg{ background: #fcfbf9; border-radius: 100px; position: absolute; bottom: 10px; right: 10px; padding: 9px 12px 5px 12px; font-size: 18px;  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.2);}
.favourite-icon{}
/*------------Listing Map + Row  ----------*/
.listing-wrap{height: 800px; overflow-y:scroll; overflow-x: hidden;}
.map-wrap{ padding-left: 0px;padding-right: 0px; }
.map-wrap #googleMap{width: 100%; height: 800px;}
.vendor-listing{margin-top: 30px;}

/*----------------------------
/*------- Write A Review ----------*/
.review-post { margin-top: 10px}
.review-list .review-user{}
.review-date{}
.review-list .review-post{ margin-top: 20px;}
.user-pic img, .profile-userpic img{ border: 4px solid #e9e6e0; border-radius: 100%;}
.review-list .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 0px; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05); box-shadow: 0 0px 0px rgba(0, 0, 0, .05);}
.review-list .panel-default {border-color: #e9e6e0;}
.review-list .panel-body { padding: 30px;}
.review-form {}
.rating-group{margin-top: 20px;margin-bottom: 20px;}
.map {width: 100%; min-height: 420px; cursor: pointer;}
/*-------------------
	 05. - About us page 
---------------------*/
.aboutus{}
.call-to-action{text-align: center;background: #f3f1eb; padding: 50px;}
.call-to-action h3.point{ color: #706a68; font-size: 14px;}
.call-to-action h1{font-size: 42px;  font-weight: 700;}
.call-to-action .graphic{margin-bottom: 30px; margin-top: 30px; margin-left: auto; margin-right: auto;}
.team-section{margin-bottom: 60px; margin-top: 60px;}
/*---------  How it works --------*/
.how-it-icon{background-color: #fff; border: 2px solid #e9e6e0; border-radius: 100%; width: 290px; height: 290px; line-height: 15;}
.how-it-desc{padding-top: 80px;padding-left: 40px;}
/*---------------------- 
/*------------------------------
	10.- Contact us  
-----------------------*/
.contact-info{}
.contact-info .address,.contact-info .email, .contact-info .call{margin-bottom: 20px; border-bottom: 1px solid #e9e6e0; padding-bottom: 20px;}
.contact-info .address i,.contact-info .email i, .contact-info .call i{padding-right: 10px; font-size: 2rem; color: #706a68}
.contact-info .address{}
.contact-info .email{}
.contact-info .call{}
.contact-info p{margin-bottom: 0px;}
.contact-info li:last-child{margin-bottom: 0px;border: none;}
/*--------------------------------------

	14. - Most Used / Repeatable Page CSS 
------------------------------------------*/
/*------ Page Header ------------*/
.tp-page-head{ background: url(../images/index/Banner/contact/contact1.jpg);background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;}
.tp-page-head .page-header{ border: none; padding: 40px 0px;}
.tp-page-head .page-header h1{color: #fff;}
/*----- Breadcrumb --------*/
.tp-breadcrumb {border-bottom: 1px solid #e9e6e0;}
.tp-breadcrumb .breadcrumb{ background: transparent; font-size: 11px; margin-bottom: 0px; padding: 5px 0px; font-weight: 500;}
.tp-breadcrumb .breadcrumb>.active { color: #9e9795;}
/*-------- Filter Box ---------*/
.filter-box{z-index: 99;}
.filter-form{background: #fff; border: 1px solid #e9e6e0; padding: 30px 20px; margin-top: -1px; margin-right: 0px; margin-left: 0px;}
.filter-form .control-label{ display: none;}
form .btn-default{ height: 48px;background-color: #faf9f5; margin-bottom: 0px; border: 1px solid #e9e6e0; color: #2b212f; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #55575a; -webkit-appearance: none; -moz-appearance: none;}
form.btn-default.active.focus,
.btn-default.active:focus, .btn-default.active:hover,
.btn-default:active.focus, .btn-default:active:focus,
.btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {color: #333; background-color: #faf9f5;border-color: #e9e6e0;}
/*------Sidebar Filter  ------*/
.filter-sidebar{background: #fff; border: 1px solid #e9e6e0; padding: 20px 0px; margin-top: -1px; margin-right: 0px; display: inline-block; width: 100%; margin-bottom: 20px;}
.filter-sidebar h2{font-size: 16px;}
.filter-sidebar .form-title{border-bottom: 1px solid #e9e6e0; margin-bottom: 20px;}
.filter-sidebar .form-group{margin-bottom: 20px; border-bottom: 1px solid #e9e6e0; padding-bottom: 30px;}
.filter-sidebar .form-group:last-child{border: none;margin: 0; padding-bottom: 0px;}
.filter-sidebar .control-label{font-size: 12px; font-weight: 700;}
/*---- White Box class------*/
.well-box{background-color: #fff; padding: 28px; border: 1px solid #e9e6e0; margin-bottom: 30px;}
/*----- Feature ------*/
.padding-feature{ padding: 30px;  background-color: #e5e5e5;}
.outline-feature{ padding: 30px;  border:2px solid #e5e5e5;}
/*----- Feature Regular -----*/
.feature-block{}
.feature-icon{ margin-bottom: 15px;}
/*----- Feature Center -----*/
.feature-center{text-align:center; margin-bottom:30px;}
.feature-center img{}
 /*----- Feature Icon Left -----*/
.feature-left{margin-bottom:30px;}
.feature-left p{margin-bottom: 0px;}
.feature-left .feature-icon{ }
.feature-left .feature-icon img{width: 100%;}
.feature-info{}
/*------- Sidebar affix -------*/
#sidebar.affix { position: fixed; top: 105px; width: 251px;}
.side-nav{}
.side-nav ul{}
.side-nav ul li{background-color: #fff;border: 1px solid #e9e6e0; margin-top: -1px; color: #fff;  cursor: pointer;}
.side-nav ul li a {color: #706a68; font-size: 14px; font-weight: 700;padding: 18px 30px;}
.side-nav ul li:hover{background:#f9a630;color: #fff; border: 1px solid #f9a630;color: #fff; }
.side-nav ul li.active{background: #f9a630;color: #fff; border: 1px solid #f9a630; color: #fff;}
.side-nav ul li.active a{color: #fff;}
.side-nav .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: transparent;}

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

/*--------------------------------
	17. - @media query css template 
--------------------------------------*/
@media (max-width: 767px){
.top-message, .side-nav {display: none;}
.tp-nav { background-color: #fff; padding-top: 0; z-index: 9999; position: relative; padding-bottom: 15px;}
.find-section{position: relative; padding-top: 30px; padding-bottom: 30px;}
.finder-caption h1{font-size: 24px;}
.finder-caption h1, .finder-caption p { margin-bottom: 20px; color: #3c3634;}
.finderform .col-md-5 { padding-right: 15px; margin-bottom: 18px;}
.tab-title{display: none;}  
.tabbed-page .nav-tabs>li>a { background-color: #fff; border-radius: 0px; padding: 7px 13px; border: 1px solid #e9e6e0;  margin-right: -1px; color: #706a68; font-size: 18px;} 
.tp-nav .navbar-default .navbar-nav>li>a{padding: 15px;}
.tp-nav .dropdown-submenu>.dropdown-menu li{padding-left: 10px;}
.tp-nav .navbar-default .navbar-nav>li>a{border-bottom: 1px solid #7ca08e;}
}


.lysiteleia {font-weight:300;}
.lysiteleia a{color:#4c4941;}
.lysiteleia a:hover {color: #fff;}
/*-------------languages------------*/
.languages {position:static; text-align:right; font-size:0.8em;}

#sync2 img, #sync4 img, #sync6 img, #sync8 img, #sync10 img, #sync12 img, #sync14 img {padding: 10px 4px 0 0;}
ul.flower li {list-style:url(../images/icons/flower-tic.png) inside;}