@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700&family=Playfair+Display:wght@400;500;700&family=Satisfy&display=swap');

/*font-family: 'Satisfy', cursive; */
* { margin: 0; padding: 0;}
html, body, div, h1, h2, h3, h4, h5, h6, p, a, img, table, tbody, tfoot, thead, tr, th, td, footer, header 

{ padding: 0; margin: 0; outline: none; border: 0;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: baseline;}

html, body {background:#ffffff; height: 100%;} 
body {color: #000000; margin: 0 auto; padding: 0; font-family: 'Nunito', sans-serif; font-size: 17px;}

body {overflow-x: hidden;}
* html .clearfix {height: 1%;}

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

IMPORTANT FIXED NAVBAR MODAL STOP JERKING!

========================================================================== */
body.modal-open {
    overflow: auto!important;
    padding: 0px!important;
}

body.compensate-for-scrollbar {
    overflow: hidden; 
}

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

mobile removal blue IMG bg on click

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

*:focus {outline: none;}

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

IE fixed Background Bug SCROLL WITH MOUSE - IMPORTANT! SEE SIDE CSS FOR EDGE

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

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 

{

    html{
        overflow: hidden;
        height: 100%;    
    }

    body{
        overflow: auto;
        height: 100%;
    }

} 

/***************** IE fixed bg bug scrolling IMPORTANT ******************/

.clearfix {display: block;}
.clearfix { zoom: 1; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; clear: both; height: 0;}

.clr {clear: both; height: 0; display: none !important;}
.clear {clear: both;}


*:focus {outline: none;}
a, a:visited, a:hover, a:focus, .active > a {cursor:pointer; text-decoration: none;}
a:focus {outline: none;}

ol, ul, li {list-style: none;}
iframe:focus {outline: none;}
iframe[seamless] { display: block;}

p {padding:15px 0; line-height: 1.7em;}
p a {color:#b09571; font-weight: 700;}
p a:hover, p a:focus {color:#b09571; font-weight: 700; text-decoration: underline;}

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

Global Styles

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

h1,h2,h3,h4,h5,h6 {margin: 0; display:block;}
h1 {font-size:40px; letter-spacing:-2px; text-transform:uppercase; color:#333333; font-weight: 500; font-family: 'Playfair Display';}
h2 {font-size:32px; letter-spacing:-2px; text-transform:uppercase; color:#b09571; font-weight: 300;}
h3 {font-size:24px; letter-spacing:-1px; text-transform:uppercase; color:#b09571; font-weight: 700;}
h4 {text-transform: uppercase; font-size: 14px;}
h4 a {color:#000000;}
h4 a:hover, h4:focus {color:#000000;}
h5 {font-size: 18px; color:#b09571; line-height: 1.5em; text-transform:none; font-weight: 400;}
h5 a {color:#b09571; text-decoration: none; }
h5 a:hover, h5 a:focus {color:#000000;}
h6 {font-size: 11px; text-transform:uppercase; line-height: 20px;}

/* ===================SUB INDEX UNDER THUMB LINKS =========================================*/

.gal h4 {font-size: 13px; font-weight: 700; color:#b09571; text-align:center; clear:both; padding: 20px 0;}
.gal h4 a, .gal h4 a:hover, .gal h4 a:focus {color:#b09571;}
.gal img {min-width: 100%;}

/* ===================SMALL TITLES UNDER MAIN TITLE =========================================*/

.title h4 {letter-spacing: normal; display: block; font-size: 12px;}
.title h4:after,
.title h4:before {content: ""; display: inline-block; background-color: #000000; height: 1px; position: 
relative; vertical-align: middle; width: 15px;}
.title h4:before{ right: 0.5em; margin-left: -50%;}
.title h4:after { left: 0.5em; margin-right: -50%; }

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

COVER PLACEMENT

========================================================================== */
.topspace {height: 80px;}
.topsub {height: 20px;}

.outer { display: table;}
	
.inner {  display: table-cell;
    align-items: center; 
	line-height: 3em;}

.phototxt {position: absolute; 
  z-index: 9;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;}
  
.pic .las {font-size: 40px; color: rgba(255, 255, 255, 0.8); line-height: 36px;}

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

SOCIAL MEDIA

========================================================================== */
.padSm {padding-top: 15px; padding-bottom: 15px;}
.socialPad {padding-top: 25px; padding-bottom: 25px;}
.socialMenu {float: right;}
.social {display: inline-block; margin-top: 25px}
.soc-btn .lab, .soc-btn .las {padding: 3px; display: inline-block; font-weight: 300; color: #000000; font-size: 20px; border: 1px solid #dddddd; border-radius: 50%; margin-left: 7px; margin-right: 7px;}
.soc-btn .lab:hover, .soc-btn .lab:focus,
.soc-btn .las:hover, .soc-btn .las:focus {background-color: #eeeeee;}

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

PADDING KAI DIAFORA

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

.marg {margin-top: 40px;}
.padnone {padding:0;}
.padscreen {padding: 0 15px;}
.pad-l-none {padding-left: 0; padding-bottom: 5px; }
.pad-left {padding-left: 5px; padding-right: 0;}
.padthumb {padding-left: 0; padding-right: 15px}
.pad-both { padding-top: 30px; padding-bottom: 30px;}
.pad-both-25 { padding-top: 25px; padding-bottom: 25px;}
.padmore {padding-top: 50px; padding-bottom: 50px;}
.padbot {padding-bottom: 30px;}
.top {text-align: center;}
.bggal {background-color:#f4f1ec;}

.decor {font-family: 'Playfair Display', serif; text-transform: none; font-weight: 400;}
.decor2 {font-family:'Satisfy', cursive; text-transform: none; font-size: 15px;}
.decor3 {font-family:'Satisfy', cursive; text-transform: none; font-size: 18px;}

.hilite {font-weight: 700;}
.bord-left {border-left: 1px dotted #b09571;}

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

PAD LUXE

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

.padLuxe {text-align: center; list-style: none; margin: 10px auto; padding: 0;}
.padLuxe li {display: block; float: left; padding: 0px; width: 33.33333333%; opacity: 1;}
.padLuxe li a,
.padLuxe li img {outline: none; border: none; display: block; max-width: 100%;}
.luxe {border: 1px solid #e6ded1; display: inline-block; padding: 0; margin:15px; }
.padLuxe .innerPad {padding: 5px; text-align: center;} 
.padLuxe .caps {font-family: 'Playfair Display', serif;  text-transform:uppercase; padding: 5px 0px; font-size: 16px; color:#000000; font-weight: 700; display: block; letter-spacing: 2px;}
.padLuxe .caps span {color:#b09571;}
.padLuxe .subs {font-size: 12px; text-transform: uppercase; padding: 5px 0px;}
.padLuxe .info {font-size: 14px; color:#000000; padding: 5px 0px; display: block;}

.padLuxe .lux a {margin: 15px 0px; display: inline-block; text-transform: uppercase;  padding: 6px 15px; 
border: 1px solid #e6ded1; color: #000000!important; font-size: 13px; background-color: transparent;}
.padLuxe .lux a:focus, .padLuxe .lux a:hover {color:#000000; }

@media (max-width: 767px) {
.padLuxe .innerPad {padding: 20px;}
.padLuxe li {width: 50%;}
}

@media (max-width: 480px) {
.padLuxe li {width: 100%;}
}

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

PROPOSALS

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

.propose-marg {margin-bottom: 18px;}
.proposals {line-height: 1.7em; padding: 15px 10px; font-size: 15px;}
.proposals h2 {font-size: 24px;} 
.proposals h3 {font-size: 14px;}
.pad20 {padding-top: 20px;}
.pad20 h4 {font-size: 13px;}

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

HOME

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

.home .padintro {padding-top: 40px; padding-bottom: 65px;}
.home h2 {text-transform: none;}
.home h4 {font-weight: 700; font-size: 15px; }
.home h4 span {font-size: 13px; line-height: 30px; display: block; font-weight: 400;}
.home h3 span  {font-size: 13px; line-height: 30px; display: block; font-weight: 400; color: #000000;}
.home .padbox {color:#000000; padding: 20px 20px 20px 0; 
line-height: 30px; border-top: solid 1px #dddddd; background-color:#f4f1ec;}

.home .padbox img {display: inline-block;}
.home .padbox p { padding: 10px 15px 0 0;}
.home .padbox a {display: block; text-decoration: underline; background-color:#f4f1ec;}

.top-frill {background-image:url(../images/common/top-frill.png); background-repeat:repeat-x; background-position:top left;}

.pad-r-l {padding: 0 0 0 60px;}

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

VENUE THUMBS

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

.gridpic {padding: 0; margin: 0px 10px 15px 10px;  }
.gridpic .panel {padding: 30px; background: #ffffff;}
.gridpic .panel h4 {font-weight: 700; font-size: 16px; clear:both; padding-top: 20px;}
.gridpic .panel p {font-size: 14px; padding: 5px 0 0 0;}
.gridpic .panel .more-btn {font-size: 13px; color:#000000; text-transform:uppercase; display: inline-block; padding: 6px 15px; 
margin-top: 15px; margin-left:0; border-radius: 0; background-color: transparent; border: 1px #e6ded1 solid;}
.gridpic .panel .more-btn:hover, .gridpic .panel .more-btn:focus {color:#b09571;} 
.gridpic img {width: 100%;}

@media (max-width: 991px) {
.gridpic {padding: 0; margin: 5px 8px 5px 8px;}
.gridpic .panel {padding: 30px 20px;}
.pad-r-l {padding: 30px 30px 0 0;}
.home .padintro {padding-top: 40px; padding-bottom: 45px;}
}

@media (max-width: 480px) {
.gridpic .panel p {display: none !important;}	
.gridpic .panel {padding: 20px 10px;}
.gridpic .panel h4 {font-size: 14px;}
}

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

VENUES ALL

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

.venue .title {text-align: right;}
.venue .docpad {padding:15px 30px 0px 30px;}

@media (max-width: 991px) {
.venue .title {text-align: left;}
.venue .gal-btn {margin-top: 10px; margin-bottom: 10px;}
.venue .docpad{ padding:10px 30px;}	
}

@media (max-width: 480px) {
.venue .docpad{ padding:10px 15px;}	
}

@media (max-width: 320px) {
.venue .docpad.bord-left {border-left: none;}
}

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

VENUE GALLERY ROUND THUMB

========================================================================== */
.vengal {clear: both; display: block;}
.vengal-btn { padding-top: 5px; opacity:1; font-size: 14px; color:#000000; 
display: inline-block; line-height: 40px; vertical-align: middle; text-transform: uppercase;}
.vengal-btn:hover, .vengal-btn:focus {color:#b09571;}
.vengal-btn img { margin-top: 5px; display: block; border: 1px solid #b09571; opacity:1;}
.vengal-btn img:hover { opacity:0.7;}

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

BUTTONS

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

.padLuxe .lux a {margin: 15px 0px; display: inline-block; text-transform: uppercase;  padding: 6px 15px; 
border: 1px solid #e6ded1; 	color: #b09571; font-size: 13px; background-color: transparent;}
.padLuxe .lux a:focus, .padLuxe .lux a:hover {color:#000000;}

.see-btn { font-weight: 700; text-align: center; font-size: 16px; color:#000000; text-transform:uppercase; padding: 12px 24px;  background-color:#f4f1ec; display: inline-block; border: 1px solid #e6ded1; transition: all 0.3s; -webkit-transition: all 0.3s; font-family: 'Playfair Display'; word-spacing: 3px; letter-spacing: 1px;}
.see-btn:hover, .see-btn:focus { color:#000000; background-color:#ffffff;}

.form-btn {text-align: center; font-size: 14px; color:#000000; text-transform:uppercase; padding: 8px 20px; background-color:transparent; display: inline-block; border: 1px solid #333333; transition: all 0.3s; -webkit-transition: all 0.3s;}
.form-btn:hover, .form-btn:focus { color:#b09571;}

.more-btn {padding: 0; display: inline-block; margin-top: 15px;}
.more-btn span {font-size: 13px; color:#000000; text-transform:uppercase; 
 padding: 6px 15px; border-radius: 0; background-color: transparent; border: 1px #e6ded1 solid;}
.more-btn span:hover, .more-btn span:focus {color:#b09571;}

.pdf-btn img {float: left;}
.pdf-btn { font-size: 14px; color: #b09571; display: inline; padding: 0 6px; line-height: 30px;}
.pdf-btn:hover {color: #000000;}

.featured {margin: 0 auto; text-align: center; width: 100%;}
.featured img {margin:0px 10px; display: inline; max-width: 100%; }

.one {order: 1; }
.two {order: 2; }

@media (max-width: 991px) {
.change { display: flex; flex-flow: column;}
    .two { order: 1; }
	.two img { max-width:100%; height:auto; }
    .one { order: 2; }
}



/* ==========================================================================
  
MY OWL

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

#owl-main, #owl-home {display: block;}
#owl-main .item img, #owl-home .item img {
    display: inline-block;
    min-width: 100%; margin: 0; padding: 0;
	max-height: 900px;
	max-width: 100%; 
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

#owl-home, #owl-main {background-color: #f4f1ec;}
#owl-home, #owl-main .slider {position: relative;}

 .item {
 -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
  backface-visibility: hidden;
 -webkit-transform: translateZ(0) scale(1.0, 1.0);
 -moz-transform: translateZ(0) scale(1.0, 1.0);
  -o-transform: translateZ(0) scale(1.0, 1.0);
  transform: translateZ(0) scale(1.0, 1.0);
 }

.photoover {position: absolute; z-index: 5; bottom: 0%; display: table; left: 0; max-height: 100%;}
.my-tablecell {display: table-cell; vertical-align:bottom; padding-right: 15px; padding-left: 15px; position: relative; bottom:30px; background-color: rgba(255, 255, 255, 0.8);}

.single-hs-item {width: 100%; position: relative; overflow: hidden; }

.carousel-caption.one {left:auto; right:70px; bottom: 18%; color:#b09571; text-shadow: none; }
.carousel-caption.two {left:auto; font-size: 11px; right:70px; bottom: 5px; text-transform: uppercase; color:#b09571; text-shadow: none; }

.anime {padding: 0 2px; display:inline-block;}
.carousel-caption span {font-size: 14px; font-weight: 700; text-transform: uppercase; text-shadow: none;}
.carousel-caption h2 {font-size: 44px; text-transform: lowercase;}
.carousel-caption p { padding:3px 0; line-height: 1.0em;}

.credit {padding:20px 15px 0 0; font-size: 10px; text-transform: uppercase; text-align:right; color:#b09571;}
 
@media (max-width: 1024px) {
.carousel-caption h2 {font-size: 36px;}	
.carousel-caption span {font-size: 13px;}
.carousel-caption.two {right:30px; bottom: 10px;}
.carousel-caption.one {right:25px; bottom: 80px;}
}

@media (max-width: 991px) {
.carousel-caption h2 {font-size: 36px;}	
.carousel-caption.two {right:30px; bottom: 10px;}

}

@media (max-width: 767px) {
.credit {padding:5px 15px 0 0;}
.photoover {display: none!important;}
.carousel-caption.one {display: none!important;}
.carousel-caption.two {right:20px; bottom: 5px; font-size: 10px;}
}

@media (max-width: 480px) {
.credit, .carousel-caption.two {display: none!important;}
}

  /* ==========================================================================
COVERS
========================================================================== */
.item-home1 {content: url("../images/home/cover/1.jpg");} /*Home Page*/

.item-venue1 {content: url("../images/venue/cover/1.jpg");} /*Venue Main Page*/
.item-venue2 {content: url("../images/venue/cover/2.jpg");} /*Le Ciel*/
.item-venue3 {content: url("../images/venue/cover/3.jpg");} /*Dana Villas*/
.item-venue4 {content: url("../images/venue/cover/4.jpg");} /*Theros*/
.item-venue5 {content: url("../images/venue/cover/5.jpg");} /*Andromeda*/
.item-venue6 {content: url("../images/venue/cover/6.jpg");} /*Santo Wines*/
.item-venue7 {content: url("../images/venue/cover/7.jpg");} /*Pyrgos*/
.item-venue8 {content: url("../images/venue/cover/8.jpg");} /*Villa Irini*/
.item-venue9 {content: url("../images/venue/cover/9.jpg");} /*Rocabella*/
.item-venue10 {content: url("../images/venue/cover/10.jpg");} /*Aeneon*/
.item-venue11 {content: url("../images/venue/cover/11.jpg");} /*Maltese*/
.item-venue12 {content: url("../images/venue/cover/12.jpg");} /*Bliss*/
.item-venue13 {content: url("../images/venue/cover/13.jpg");} /*Cavo Ventus*/
.item-venue14 {content: url("../images/venue/cover/14.jpg");} /*Cellaria*/
.item-venue15 {content: url("../images/venue/cover/15.jpg");} /*Santorini Gem*/
.item-venue16 {content: url("../images/venue/cover/16.jpg");} /*Canaves Oia*/
.item-venue17 {content: url("../images/venue/cover/17.jpg");} /*El Viento*/
.item-venue18 {content: url("../images/venue/cover/18.jpg");} /*Laze*/
.item-venue19 {content: url("../images/venue/cover/19.jpg");} /*Grace*/
.item-venue20 {content: url("../images/venue/cover/20.jpg");} /*Nafsika*/
.item-venue21 {content: url("../images/venue/cover/21.jpg");} /*Erossea*/
.item-venue22 {content: url("../images/venue/cover/22.jpg");} /*Venetsanos*/

.item-gal1 {content: url("../images/gal/cover/1.jpg");} /*Gallery Main Page*/
.item-gal2 {content: url("../images/gal/cover/2.jpg");} /*Couples*/
.item-gal3 {content: url("../images/gal/cover/3.jpg");} /*Santo*/
.item-gal4 {content: url("../images/gal/cover/4.jpg");} /*Milestones*/

.item-pack1 {content: url("../images/pack/cover/1.jpg");} /*Packages Main Page*/
.item-pack2 {content: url("../images/pack/cover/2.jpg");} /*Packages*/
.item-pack3 {content: url("../images/pack/cover/3.jpg");} /*Special Offer*/
.item-pack4 {content: url("../images/pack/cover/4.jpg");} /*Choice*/
.item-pack5 {content: url("../images/pack/cover/5.jpg");} /*Proposals*/

.item-more1 {content: url("../images/more/cover/1.jpg");} /*More Main Page*/
.item-more2 {content: url("../images/more/cover/2.jpg");} /*Contact*/
.item-more3 {content: url("../images/more/cover/3.jpg");} /*Site Map*/
.item-more4 {content: url("../images/more/cover/4.jpg");} /*About*/
.item-more5 {content: url("../images/more/cover/5.jpg");} /*Partners*/
.item-more6 {content: url("../images/more/cover/6.jpg");} /*FAQ*/

.item-legal1 {content: url("../images/legal/cover/1.jpg");} /*Legal Main Page*/
.item-legal2 {content: url("../images/legal/cover/2.jpg");} /*Civil*/
.item-legal3 {content: url("../images/legal/cover/3.jpg");} /*Greek*/
.item-legal4 {content: url("../images/legal/cover/4.jpg");} /*Legal*/
.item-legal5 {content: url("../images/legal/cover/5.jpg");} /*Apostille*/

.item-wed1 {content: url("../images/wed/cover/1.jpg");} /*Wedding Ceremony Main Page*/
.item-wed2 {content: url("../images/wed/cover/2.jpg");} /*Civil Wed Ceremony*/
.item-wed3 {content: url("../images/wed/cover/3.jpg");} /*Greek Wed Ceremony*/
.item-wed4 {content: url("../images/wed/cover/4.jpg");} /*Catholic Wed Ceremony*/
.item-wed6 {content: url("../images/wed/cover/6.jpg");} /*Civil Wed Ceremony 2*/
.item-wed7 {content: url("../images/wed/cover/7.jpg");} /*Same Sex Wedding */

@media (max-width:1024px) {
.item-home1 {content: url("../images/home/mob/1.jpg");} /*Home Page*/

.item-venue1 {content: url("../images/venue/mob/1.jpg");} /*Venue Main Page*/
.item-venue2 {content: url("../images/venue/mob/2.jpg");} /*Le Ciel*/
.item-venue3 {content: url("../images/venue/mob/3.jpg");} /*Dana Villas*/
.item-venue4 {content: url("../images/venue/mob/4.jpg");} /*Theros*/
.item-venue5 {content: url("../images/venue/mob/5.jpg");} /*Andromeda*/
.item-venue6 {content: url("../images/venue/mob/6.jpg");} /*Santo Wines*/
.item-venue7 {content: url("../images/venue/mob/7.jpg");} /*Pyrgos*/
.item-venue8 {content: url("../images/venue/mob/8.jpg");} /*Villa Irini*/
.item-venue9 {content: url("../images/venue/mob/9.jpg");} /*Rocabella*/
.item-venue10 {content: url("../images/venue/mob/10.jpg");} /*Aeneon*/
.item-venue11 {content: url("../images/venue/mob/11.jpg");} /*Maltese*/
.item-venue12 {content: url("../images/venue/mob/12.jpg");} /*Bliss*/
.item-venue13 {content: url("../images/venue/mob/13.jpg");} /*Cavo Ventus*/
.item-venue14 {content: url("../images/venue/mob/14.jpg");} /*Cellaria*/
.item-venue15 {content: url("../images/venue/mob/15.jpg");} /*Santorini Gem*/
.item-venue16 {content: url("../images/venue/mob/16.jpg");} /*Canaves Oia*/
.item-venue17 {content: url("../images/venue/mob/17.jpg");} /*El Viento*/
.item-venue18 {content: url("../images/venue/mob/18.jpg");} /*Laze*/
.item-venue19 {content: url("../images/venue/mob/19.jpg");} /*Grace*/
.item-venue20 {content: url("../images/venue/mob/20.jpg");} /*Nafsika*/
.item-venue21 {content: url("../images/venue/mob/21.jpg");} /*Erossea*/
.item-venue22 {content: url("../images/venue/mob/22.jpg");} /*Venetsanos*/

.item-gal1 {content: url("../images/gal/mob/1.jpg");} /*Gallery Main Page*/
.item-gal2 {content: url("../images/gal/mob/2.jpg");} /*Couples*/
.item-gal3 {content: url("../images/gal/mob/3.jpg");} /*Santo*/
.item-gal4 {content: url("../images/gal/mob/4.jpg");} /*Milestones*/

.item-pack1 {content: url("../images/pack/mob/1.jpg");} /*Packages Main Page*/
.item-pack2 {content: url("../images/pack/mob/2.jpg");} /*Packages*/
.item-pack3 {content: url("../images/pack/mob/3.jpg");} /*Special Offer*/
.item-pack4 {content: url("../images/pack/mob/4.jpg");} /*Choice*/
.item-pack5 {content: url("../images/pack/mob/5.jpg");} /*Proposals*/

.item-more1 {content: url("../images/more/mob/1.jpg");} /*More Main Page*/
.item-more2 {content: url("../images/more/mob/2.jpg");} /*Contact*/
.item-more3 {content: url("../images/more/mob/3.jpg");} /*Site Map*/
.item-more4 {content: url("../images/more/mob/4.jpg");} /*About*/
.item-more5 {content: url("../images/more/mob/5.jpg");} /*Partners*/
.item-more6 {content: url("../images/more/mob/6.jpg");} /*Partners*/

.item-legal1 {content: url("../images/legal/mob/1.jpg");} /*Legal Main Page*/
.item-legal2 {content: url("../images/legal/mob/2.jpg");} /*Civil*/
.item-legal3 {content: url("../images/legal/mob/3.jpg");} /*Greek*/
.item-legal4 {content: url("../images/legal/mob/4.jpg");} /*Catholic*/
.item-legal5 {content: url("../images/legal/mob/5.jpg");} /*Apostille*/

.item-wed1 {content: url("../images/wed/mob/1.jpg");} /*Wedding Ceremony Main Page*/
.item-wed2 {content: url("../images/wed/mob/2.jpg");} /*Civil Wed Ceremony*/
.item-wed3 {content: url("../images/wed/mob/3.jpg");} /*Greek Wed Ceremony*/
.item-wed4 {content: url("../images/wed/mob/4.jpg");} /*Catholic Wed Ceremony*/
.item-wed6 {content: url("../images/wed/mob/6.jpg");} /*Civil Wed Ceremony 2*/
.item-wed7 {content: url("../images/wed/mob/7.jpg");}
}

/* ==========================================================================
Fixed Bg
========================================================================== */
.slider, .mdfixed { width: 100%;  height: 100%;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mdfixed.all {height: 540px;}
.mdfixed.all.home1 {background-image: url(../images/home/cover/3.jpg); background-position: center center;}
.mdfixed.all.wed5 {background-image: url(../images/wed/cover/5.jpg); background-position: center center;}
.mdfixed.all.wed6 {background-image: url(../images/wed/cover/6.jpg); background-position: center center;}
.mdfixed.all.wed7 {background-image: url(../images/wed/cover/8.jpg); background-position: center center;}

@media (max-width: 1200px) {
.mdfixed.all {height: 470px;}
}

@media (max-width: 991px) {
.mdfixed.all {height: 440px;}
.mdfixed.all.home1 {background-image: url(../images/hockground-image: url(../images/wed/mob/5.jpg);}
.mdfixed.all.wed6 {background-image: url(../images/wed/mob/6.jpg);}
}

@media (max-width: 767px) {
.mdfixed.all {height: 420px;}
}

@media (max-width: 480px) {
.mdfixed.all {height: 300px;}
.credit {display: none !important;}
}

@media (max-width: 320px) {
.mdfixed.all {height: 200px;}
}

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

padding mega menu

========================================================================== */
.menu-pad {padding-top: 10px;}
.menufloat {display: inline-block; float:left;}

@media (max-width: 991px) {
h2 {font-size:30px; padding-bottom: 5px; letter-spacing:-1px;}
 p {padding:10px 0;}
.menu2 {padding-left: 20px; margin-left: 30px;}
.padbot {padding-bottom: 20px;}
.padmore {padding-top: 35px; padding-bottom: 35px;}
}

@media (max-width:767px) {
h1 { font-size:34px;}
h2 {font-size:24px;}
.padscreen {padding: 0 10px;}
}

@media (max-width: 480px) {
h1 { font-size:30px;}
.menu2 {padding-left: 0; padding-right: 0; display: block!important; margin-left: 0px;}	
body {font-size:15px;}	
}

@media (max-width: 320px) {
.menufloat {display: block; float:none;}
}

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

NAVBAR

========================================================================== */
.navbar-fixed-top { background-color:#ffffff; margin: 0; padding:0;}
.navbar {height: 80px; margin: 0; padding:0;  background-color:#ffffff;}
.navbar-brand {padding: 20px 0 0 0;  margin-right: 20px;}
.navbar-brand img { max-width:270px;}
.navbar-default {margin:0; padding: 0;}
.navbar-default .navbar-nav {float: none;}
.navbar-default .navbar-nav > li > a {background-color: #ffffff; text-transform: uppercase; font-size:14px; letter-spacing: normal; color: #000000; padding-top: 20px; padding-left:15px; padding-right:15px; margin-top:12px;}

.navbar-default .navbar-nav > li > a span:after {content: ""; border-bottom: 1px solid #000000; 
display: block; margin-top: 4px;} 

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus  {color: #000000;}
/* ==========================================================================

HAMBURGER ANIMATION

========================================================================== */
.navbar-toggle { 
  border: none!important;
  background: transparent!important;
  background-image:none!important;
  position: relative;
  right: 15px;
  padding: 30px 15px;
  margin-right:15px; 
  margin-top:3px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.navbar-toggle .icon-bar {background:#000000; height: 2px}

.navbar-toggle:hover,
.navbar-toggle:focus {background:transparent!important;}

.navbar-toggle .icon-bar {
  transition: all 0.3s;
}

.navbar-toggle .top-bar {width: 26px;}
.navbar-toggle .middle-bar {width: 26px;}
.navbar-toggle .bottom-bar {width: 26px;}

.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 15% 15%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 15% 85%;
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}

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

MEGA MENU

========================================================================== */
.menu-large {position: static!important;}
.megamenu .nav,
.megamenu .collapse,
.megamenu .dropup,
.megamenu .dropdown {border:none;}

.megamenu {border-radius:0; z-index:9999999; top: 80px; border-top: 1px solid #e7e2e2; 

border-right: transparent; border-left: transparent; margin:0; 

padding: 20px 0 40px 0; width:100%;  background-color: #ffffff;

 -webkit-box-shadow: 0px 3px 12px 0px rgba(204,204,204,0.7);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */

  -moz-box-shadow:   0px 3px 12px 0px rgba(204,204,204,0.7);  /* Firefox 3.5 - 3.6 */

  box-shadow:        0px 3px 12px 0px rgba(204,204,204,0.7);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */

  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5,MakeShadow=true,ShadowOpacity=0.7);

  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=5,MakeShadow=true,ShadowOpacity=0.7)"; zoom: 1;}

.megamenu .container {padding: 0;}
.megamenu .container h3 span {font-family: 'Playfair Display', serif; text-transform: uppercase; font-size: 18px; letter-spacing: normal; display: inline-block; color: #000000; font-weight: 600;}
.megamenu .container h3 span:hover, .megamenu .container h3 span:focus {color: #000000;}
.megamenu .container p {text-transform: uppercase; display: block; line-height: 18px; 
font-size: 11px; text-align:center; clear:both; padding: 10px 0;}

.megamenu li a {text-transform:none; color: #000; line-height: 30px;  font-size: 14px; }
.megamenu li a:hover,
.megamenu li a:focus {color: #b09571;}
.megamenu > li > ul { padding: 0; }
.megamenu > li > ul > li { list-style: none;}
.megamenu > li > ul > li > a {display:inline; padding: 3px 0px; clear: both; font-weight: 400;
 color: #000000; white-space: normal; list-style: none;}

.megamenu > li ul > li > a:hover,
.megamenu > li ul > li > a:focus { text-decoration: none; color: #000000; background: transparent;}
.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus { color: #000000; text-decoration: none;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed;}

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

NAV BAR RESPONSIVE RULES

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

@media (max-width: 767px) { 
.navbar-brand img {max-width:230px;}
.navbar-brand {padding: 25px 0 0 0; margin-top: 5px; margin-left: 5px;}
}

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

NAV BAR RESPONSIVE RULES 1200px

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


@media (max-width: 1200px) {
.navbar-default .navbar-brand {padding: 18px 0 5px 20px; }
.navbar {background-color:#ffffff;}
.navbar-collapse { 
  position: absolute;
  z-index: 4;
  top: 72px;
  right: 0;
  width: 60%;
  min-height: calc(100vh - 50px);
  height: 100%;
  background-color: #ffffff;
  padding-left: 30px;
  transition: 600ms ease;
  margin: 0!important;
  border-color:transparent;
  }
  
  .navbar-collapse.in {
    overflow: hidden;
    max-height: none !important;
    height: auto !important;
}
  
 .navbar-collapse.collapsing {
        right: -100%;
        transition: right 900ms ease;
    }

    .navbar-collapse.show {
        right: 0;
        transition: left 600ms ease-in-out;
    }

    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: right 10000ms ease-in-out;
    }

.navbar-default .navbar-nav {background-color: #ffffff;}

.navbar-default .navbar-nav > li > a {font-size: 15px; text-align: left; list-style: none; line-height: 2.2em; border-top: 1px solid #ffffff; border-bottom: 1px solid #eeeeee; color: #000000; background-color: #ffffff; padding: 10px 0 10px 10px; margin: 0; font-weight: 700;} 

.navbar-default .navbar-nav > li > a:after {content: ""; background-image: url(../images/common/arrow-left-menu.png); background-position: center center; height: 20px; width: 20px; display: inline-block; position: absolute; right: 50px; top:15px; transition: 0.35s;}

.navbar-default .navbar-nav > li > a span:after { content: ""; border-bottom: none; display: block; margin-top: 0px;}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus  {background-color:#faf7f7; color: #b09571;}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus { 
background-color:#faf7f7; color:#b09571; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; margin:0;}

.navbar-default .navbar-nav>.open>a:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: 0.35s;
  }

.navbar-default .navbar-nav>.open>.dropdown-menu > li > a {padding-left: 30px; line-height: 1.8em; border-bottom: 1px solid #ffffff;  background-color:#ffffff; text-align: left;}

.navbar-default .navbar-nav>.open>.dropdown-menu > li > a:hover, a:focus {background-color:#ffffff; color:#b09571; }
.navbar-default .navbar-nav>.open>.dropdown-menu > .active > a,
.navbar-default .navbar-nav>.open>.dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav>.open>.dropdown-menu > .active > a:focus{ background-color:#f4f1ec; color:#b09571;}

.megamenu {padding: 0px; top: 0px;}
.megamenu .container > li > ul > li > a {padding-left: 10px; line-height: 3em;}
.megamenu li a {color: #000000; font-size: 13px; text-transform: uppercase;}

.megamenu .container > li > ul > li > a img,
.megamenu .container h3,
.megamenu .container p,
.megamenu .container .more-btn,
.padthumb {display: none !important;}

.mob-menu .soc-btn .lab, .mob-menu .soc-btn .las {padding: 5px; font-size: 28px; border: 1px solid #dddddd; border-radius: 50%; margin-left: 0px; margin-right: 25px;}

.socialMenu {float: left!important; margin-left: 15px;}
}

@media (max-width: 991px) {
.navbar-collapse {width: 70%;}
}

@media (max-width: 767px) {
.navbar-collapse {width: 100%!important;}
}
/* ==========================================================================

NAV TABS

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

.nav-tabs { border-bottom: transparent; background: transparent; }
.nav-tabs > li {height: 50px; }
.nav-tabs > .active {color: #b09571; background: transparent;}
.tab-pane.active { height: auto; min-height: 300px; padding-top: 10px; background: transparent;}
.nav-tabs > li { float: left; margin-bottom: -1px; background-color: transparent; }
.nav-tabs > li > a {font-size: 14px; color: #b09571; display: inline-block; background: #ffffff; padding: 8px 12px; border: 1px solid #b09571;   margin-right: 14px; 
  -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 5px; }

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus  { border: 1px solid #b09571; background: #f4f1ec;  color: #b09571;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {margin-left: 0; color: #b09571; cursor:pointer; border: 1px solid #b09571;  background: #f4f1ec; 
-moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; 
}

@media (max-width: 480px) {
.nav-tabs > li > a {margin-right: 6px;}
.nav-tabs { margin-left: 0px;}
}

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

DOCS - NAV TABS

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

.docpad {padding: 20px 30px;}
.doc li {padding: 5px 0;}
.doc li a, .doc li a:hover, .doc li a:focus{ color:#b09571;}
.doc span {display: block; color:#b09571;}
.doc h4 {font-size: 16px; color:#b09571; font-weight: 400; line-height: 1.8; text-transform:uppercase;}
.doc, .doc2 {line-height: 1.8;}

ul.doc2 {padding-top:15px;}

.docpad2 {padding: 20px 30px 0px 30px;}
.docpad2.left {border-left: 1px dotted #b09571;}
.docpad3 {padding: 5px 30px 0px 30px;}
.docpad3.right { border-left: none; }

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

FAQ
========================================================================== */
.faqpad {padding: 20px 30px 0px 30px; line-height: 30px; }
.faqpad li {font-size: 14px;}

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

SITE MAP

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

.sitemap{padding: 20px 20px 0px 20px; float:left; }
.sitemap ul {margin-top: 5px; }
.sitemap li, 
.sitemap li a { line-height: 1.7em; color: #000000; font-size: 16px;}
.sitemap li a:hover,
.sitemap li a:focus {color:#b09571;}

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

APOSTILLE LINKS

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

.doclink {text-align: left;}
.doclink li {line-height: 1.7em;}

@media (max-width: 991px) {

.faqpad {padding: 0px;}
.doc h4 {font-size: 15px;}

.docpad2 {padding: 0 0 0 20px; border-left: 1px dotted #b5946; margin-top: 10px;}
.docpad3 {padding: 0 0 0 20px;}
.docpad3.right { border-left: 1px dotted #b09571;}

.sitemap {padding: 0px 25px;}
.sitemap {width: 33%;}
}

@media (max-width: 767px) {
.sitemap {padding: 0px 10px;}
.sitemap {width: 50%;}
.doclear {clear:both; margin:0; padding:0;}
}

@media (max-width: 480px) {
.sitemap {width: 100%;}
.docpad {padding: 15px;}
.docpad2.left, .docpad3.right {border: none; padding:0;}
.doctrip {padding: 15px 0px; border-bottom: 1px dotted #b09571; border-left: none;}
}

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

SCROLL UP = DOWN

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

.holder { margin: 0 auto; left: 0; right: 0; padding: 0; text-align:center;}
.holderVid { margin: 0 auto; left: 0; right: 0; padding: 0; width: 50%; text-align:center;}
.margVid {margin-top: 0px;}

.bgdown {z-index: 2; background:url(../images/common/scroll.png) no-repeat center top; height: 40px; position: relative; top: -40px; }
.bgup {  z-index: 2; background:url(../images/common/scroll1.png) no-repeat center top; height: 40px; margin:0; }
.blocko {display:block;}

.up-btn {z-index: 2;  margin: 0 auto; text-align: center; padding: 5px 10px; vertical-align: middle;
position: relative; top: 0; left: 0; right: 0; display: inline-block;}
.up-btn:after {content: "\f106"; font-family: "Line Awesome Free"; font-size: 24px; font-weight: 700; color: #000000;}
.up-btn {z-index: 999;  margin: 0 auto; position: relative; top: 0; left: 0; right: 0; display: inline-block;
  transition-duration: 0.6s;
  transition-property: transform;
   -webkit-transition-timing-function: ease-in-out;
   -moz-transition-timing-function: ease-in-out;
   -o-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out;}
.up-btn:hover, .up-btn:focus {transform: translateY(-8px);}

.down-btn { z-index: 2; display: inline-block; margin: 0 auto; text-align: center; padding: 5px 10px; 
ertical-align: middle; position: relative; top: 5px; left: 0; right: 0;}	
.down-btn:after {content: "\f107"; font-family: "Line Awesome Free"; font-size: 24px; font-weight: 700; color: #000000;}

.down-btn {z-index: 2; display: inline-block; margin: 0 auto;  position: relative; top: 5px; left: 0; right: 0;
    transition-duration: 0.6s;
   transition-property: transform;
   -webkit-transition-timing-function: ease-in-out;
   -moz-transition-timing-function: ease-in-out;
   -o-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out;}
.down-btn:hover, .down-btn:focus { transform: translateY(8px);}

.holder { margin: 0 auto; left: 0; right: 0; padding: 0; width: 100%; text-align:center;}
.holderVid { margin: 0 auto; left: 0; right: 0; padding: 0; width: 50%; text-align:center;}
.margVid {margin-top: 0px;}


@media (max-width: 767px) {
.bgdown {  top: -26px; height: 26px;}
}

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

VIDEO BUTTONS

========================================================================== */
/*VIDEO class for 21:9 aspect ratio */
.embed-responsive-21by9 { padding-bottom: 42.85714286%;}
/*VIDEO class for 16:9 aspect ratio */
.embed-responsive-16by9 {padding-bottom: 56.25%;}
/*VIDEO YOUTUBE  SHORTS for 9:16 spect ratio - 1280 x 720*/


.txtswap.carousel, .item, .active { height: auto;}

.video-btn {vertical-align: middle; font-size: 14px; color: #b09571; display: inline-block; background: transparent; padding: 8px 14px; border: 1px solid #b09571; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
.video-btn:hover { background: #f4f1ec;}
.video-btn.selected { background: #f4f1ec;}

.arrows {position: absolute; right:0px; width: 84px; top: -45px;}

#myVideo .chevron{ width:36px; height:36px;}
#myVideo .chevron-left{left:0;  border: 1px solid #b09571;
  -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
#myVideo .chevron-left:after {content: "\f104"; font-family: "Line Awesome Free"; font-size: 20px; font-weight: 700; color: #b09571; position: relative; top:5px;}

#myVideo .chevron-right{right:0;  border: 1px solid #b09571;
 -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;  border-radius: 2px;}
#myVideo .chevron-right:after {content: "\f105"; font-family: "Line Awesome Free"; font-size: 20px; font-weight: 700; color: #b09571; position: relative; top:5px;}
 
#myVideo .chevron-left:hover,
#myVideo .chevron-right:hover {background: #f4f1ec;}

@media all and (transform-3d), (-webkit-transform-3d) {
#myVideo .carousel-inner > .item {
    -webkit-transition: 900ms ease-in-out all;
	-moz-transition: 900ms ease-in-out all;
	-o-transition: 900ms ease-in-out all;
    transition: 900ms ease-in-out all;
  }
}

@media (max-width: 767px) {
.video-btn {display: none!important;}
}

@media (max-width: 480px) {
.arrows {left:0px; width: 100%; display: block!important;}

}

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

FOOTER

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

.footer { margin: 0 auto; top: 0; left: 0; bottom:0; padding: 25px 15px; right: 0; width: 100%; text-align:center;}
.footer .pad-both {padding-top: 10px; padding-bottom: 10px;}
.bordtop { border-top: 1px solid #e7e2e2;}

.bot a {color:#000000; padding-left: 12px; padding-right: 12px; text-transform: uppercase; font-size: 14px;}
.bot a:visited {color:#000000; }
.bot a:hover, .bot a:focus {color:#000000; text-decoration:underline;}

.divcenter {margin: 0 auto; text-align: center; }
.divmenu {max-width: 500px;}
.divsmaller {max-width: 250px;}
.divsm {max-width: 200px;}

.divsmaller h4 {font-family: 'Playfair Display', serif; text-transform: uppercase; color: #000000; 
font-size: 15px; line-height: 20px; font-style:normal; font-weight: 700; text-align: center;}

.grey {background-color: #999999; /* footer up button*/}
.footerlogo {margin-top: 10px;}

.copy {max-width: 540px; text-align: center; color: #eeeeee; font-size: 14px; line-height: 1.7em; padding: 10px; clear:both;}
.copy a {color: #eeeeee; text-decoration: underline; text-transform: none;}

@media (max-width: 991px) {
.divsmaller {max-width: 200px;}
}

@media (max-width: 767px) {
.bot a  {line-height: 30px; }
.copy { padding: 10px 20px;}
}

@media (max-width: 480px) {
.footerlogo {display: none !important;}
.divmenu {max-width: 280px;}
.footer {padding: 15px 0px;}
.copy a {display:block; clear:both; text-align: center;}
.bot a  {padding-left: 10px; padding-right: 10px; letter-spacing:normal;}
}

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

Waypoints

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

.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 {visibility: hidden;}
.slideInUp,.fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUp, .fadeInLeft, .fadeInRight 
{visibility: visible;}

.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-09s { animation-delay: 0.9s; -webkit-animation-delay: 0.9s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }
.delay-2s { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }

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

Internet Explorer 10 in Windows 8 and Windows Phone 8

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

@-ms-viewport       { width: device-width; }
@viewport           { width: device-width; }

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

library media calls

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

/* Large screens ----------- */

@media only screen
and (min-width : 1824px) {
}
@media (max-width: 991px) {
}

@media (max-width: 767px) {
}

@media (max-width: 480px) {
}

@media (max-width: 320px) {
}

/* -webkit-property: value; /* Webkit */

/* -moz-property: value; /* Firefox */

/*-ms-property: value; /* IE */

/*-o-property: value; /* Opera */

/* property: value; /* Final standard property name */