/*---------------------------Colors*/
.bg_purple{
	background: #4b2881;
}
.bg_blue{
	background: #00c0de;
}
.bg_pink{
	background: #fd3069;
}
.bg_yellow{
	background: #fdd433;
}

/*---------------------------Menu*/
a.anchor {
    display: block;
    position: relative;
    top: -30px;
    visibility: hidden;
}
.gallery-link.clr_purple a:hover{
  cursor: pointer;
}
.menubar{
	position: fixed;
	width: 100%;
	background: #fff;
	z-index: 999999999999999;
}
.menulinks{
 	text-align: center;
 	margin: 10px 0 5px 0;
 	font-family: 'bebas_neue_regularregular';
 	font-size: 25px;
}

.menulinks a{
	color: #4b2881;
	text-decoration: none;
}
.menulinks a:hover{
	color: #fd3069;
}
.menulinks ul li{
 	display: inline-block;
 	margin: 0 10px;
}

.menulinks ul li ul{display:none; z-index: 99999; background: rgb(255,255,255); padding:10px 9px; margin-left: 10px; }
.menulinks ul li ul li{display:block; font-size: 20px; padding: 3px 0; text-align: center;}
.menulinks ul li ul li a{color: #4b2881;}
.menulinks ul li:hover ul {display: block; position: absolute;}
/*.menulinks ul li:hover li a:hover {background: #fff;}*/

/*---------------------------Border*/
.border{
	width: 100%;
}
.bordercolor.bg_purple,
.bordercolor.bg_pink,
.bordercolor.bg_yellow{
	width: 20%;
}
.bordercolor.bg_blue{
	width: 40%;
}
.bordercolor{
	float: left;
	height: 10px;
    position: relative;
    padding: 0;
}

/*---------------------------Hero*/
.hero{
	background: url(../img/REB_3268.jpg) no-repeat top fixed; 
  background-size: 100% !important;
  background-attachment: fixed;
  position: fixed;
}
.herotitle img{
    float: right;
    max-width: 425px;
    padding: 275px 0 225px 0;
    width: 100% !important;
}

section.test{
    position: relative;
  width: 100%;
  -webkit-clip-path: polygon(-40% 17%, 100% 0, 100% 84%, 50% 100%, 0 84%, -40% -40%);
  clip-path: polygon(-40% 17%, 100% 0, 100% 84%, 50% 100%, 0 84%, -40% -40%);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  
}
#section_first{
  margin-top: -70px;
  position: absolute;
}
.ourlogo{
    position: relative;
    width: 100%;
    z-index: 99999999;
}
.ourlogo img{
    padding: 500px 0 0 0;
    display: block;
    margin:0 auto;
    max-width: 350px;
    width: 100%;
}

/*---------------------------Countdown*/
.countdown{
    max-height: 500px;
    margin-top: 50px;
}

.countdown img{
    float: right;   
    position: relative;
    z-index: 999;
    width: 100%;
    margin-top: -225px;
}
.countdown .timertext{
    font-family: 'bebas_neue_regularregular';
    margin-top: 10px;
}
.countdown .timertext h1{
    font-size: 87px;
    color: #fff;
}
.countdown .timertext h4{
    font-size: 55px;
    color: #fff;
}
.countdown .timertext h2{
    font-size: 110px;
    color: #4b2881;
    margin:0 !important;
}
#countdown h2 {
  display: inline-block;
}
.smallletters{
  font-size: 70px !important;
  color: #00c0de !important;
}
.rsvp h4{
    font-size: 37px !important;
}
.rsvp button{
    font-size: 20px;
    width: 100%;
    padding: 10px 0px;
    border-radius: 5px;
    border:none;
    background:#fd3069 ;
    color:#fff;
    margin-bottom: 20px;

}

.clock{
  /*width: 24%;*/
  width:100%; 
  display: inline-block;
  text-align: center;
  background: #4b2881;
  border-radius: 5px;
  padding: 10px 0;
  margin-right: 1px;
}
.box {
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 200%;
}

.box1 {
  font-size: 350%;
}.box2 {
  font-size: 200%;
}.box3 {
  color: #fdd433;
  font-size: 80px;
}
.box4 {
  font-size: 150%;
}
object .sitetext{
 width: 100%;
}

.clockcontainer > div.clock {
    /*width: calc(89% / 4); */
    width:100%; 
    display: inline-block;
    vertical-align: top;  
    text-align:center;
    margin:1%;    
}

/*---------------------------Time line*/

.timeline{
    background: url(../img/bg-timeline.png);
    background-repeat: repeat;
    background-size: 110px;
    background-attachment: fixed;
    padding: 50px 0;    
}
.colorsplash img{
 margin-bottom: -5px;
}

/*---------------------------Bridal Party*/
.bridalparty{
    font-family: 'bebas_neue_regularregular';
    padding: 50px 0;
    text-align: center;
    color: #fff;
    background-image: url(../img/ourpattern.svg);
    background-repeat: repeat;
    background-size: 400px;
}
.bridalparty h2{    
    font-size: 30px;
    color: #000;
    padding: 10px 0 0 0;
}
.bridalparty p{    
    font-size: 16px;
    color: #000;
    padding: 0 0 10px 0;
}
.polo{
    background:#fff;
    padding-top: 10px;
    max-width: 265px;
    margin:0 auto;
    position: relative;
}
.male{
    margin-top: 0;
}
.bridalparty img{
    position: relative;
    margin: 0 auto;
    max-width: 300px;
    margin-bottom: 2px;
    width: 90%;
}
/* Glyph, by Harry Roberts */

hr.style-eight {
    padding: 0;
    border: none;
    border-top: medium double #fff;
    color: #fff;
    text-align: center;
    margin-top: 20px;
}
hr.style-eight:after {
    content: "♡";
    display: inline-block;
    position: relative;
    top: -0.5em;
    font-size: 1em;
    padding: 0 0.25em;
    background: #4b2881;
    color: #fff;

}

/*---------------------------Details*/
.details{
    padding: 50px 0;
    text-align: center;
    font-family: 'bebas_neue_regularregular';
}
p u{
  color: red;
}
.sphere{
    border-radius:100%;
    overflow:hidden;
    position: relative;
    max-width: 200px !important;
    max-height: 200px !important;
    margin:0 auto;
}
.sphere h2{
    position: absolute;
    margin-top: -65px;
    left:0;
    right:0;
    color: #fff;
    font-size: 20px;
}
.sphere img{
    margin-bottom: -2px;
}
/*---------------------------Directions*/
.directions{
  width:100%;
  margin-bottom: 15px;
}
.directions .directionscontent{
  width: 60%; 
  float: left;
  padding-right: 1%;
}

.directions .directionscontent h1{
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 5px;
  color: #4b2881;
}
.directions .map{
  width: 39%; 
  float: left;
  max-height: 300px;
}
.directions .map iframe{
  max-height: 300px;
  width: 100%;
}
.directions-section hr{
  margin: 15px 0;
  width: 100%;
}
/*------left align pic details section*/
.aligncontainer{
  width:100%;
  position: relative;
  margin-top: 15px;
}
.aligncontainer a:hover, button:hover{
  cursor: pointer;
}
.leftimage{
  width:20%;
  position: relative;
  float: left;
}
.leftimage img {
  width:100%;
}
.rightcontent{
  width:78%;
  position: relative;
  float: left;
  padding-left:2%;
}
.rightcontent h1{
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 5px;
  color: #4b2881;
}
.rightcontent button, input.rsvpsubmit{
    font-size:14px;
    padding: 10px 20px;
    border-radius: 5px;
    border:none;
    background:#fd3069 ;
    color:#fff;
    text-transform: uppercase;
}
.rightcontent hr{
  color: #f1f1f1;
}
/*---------------------------Gallery*/
.gallery{
    background:url(../img/gallery-bg.jpg);
    background-repeat: repeat;
    background-size: 800px;
    padding-bottom: 100px;
}
.molding{
  background:url(../img/molding.jpg);
  background-repeat: repeat;
  background-size: 150px;
  max-height: 50px;
  padding: 22px 0;
}

.photo{
  -webkit-animation-name: slide;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
}
@-webkit-keyframes slide {
   0% { -webkit-transform: translateX(-30px); }
   100% { -webkit-transform: translateX(30px); }   
}
/*.photo:hover 
{
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
     animation-play-state: paused;
     cursor: pointer;
}*/

.gallery-link h1{
    text-transform: uppercase;
    font-family: 'bebas_neuebold';
    font-size: 70px;
    margin-top: 50%;
}
.gallery-link button{
    font-size:25px;
    padding: 10px 20px;
    border-radius: 5px;
    border:none;
    background:#fd3069 ;
    color:#fff;
}
.photo_grid{
  margin-top:70px;
  padding-top: 80px;
}
.photo_grid ul li{
  max-width: 95%;
  max-height: 250px;
  overflow: hidden; 
  border:3px solid #fff;
  margin:5px;
}
.photo_grid ul li img{
   vertical-align: middle;
}
.galleryintro{
  text-align: center;
  text-transform: uppercase;
  margin-top: 30px;
}
.galleryintro h1{
  font-family: 'bebas_neue_regularregular';
  color:#4b2881 !important;
  font-size: 60px;
}

/*---------------------------Registry*/
.bank_registry{
  padding-top: 40px;
  text-align: center;
}
.bank_registry .request{
  max-width: 1000px;
  position: relative;
  margin:0 auto;
}
.bank_registry ul li{
  display: inline-block;
  margin:10px;
  font-family: 'bebas_neue_regularregular';
  font-size: 18px;
  max-width: 200px;
  color:#000 !important;
}
.registy-thankyou{
  text-align: center;
  text-transform: uppercase;
  margin-top: 30px;
}
.registy-thankyou h1{
  font-family: 'bebas_neue_regularregular';
  color:#fd3069 !important;
  font-size: 60px;
}
.registry{
    font-family: 'bebas_neue_regularregular';
    padding: 50px 0;
    text-align: center;
    background-repeat: repeat;
    background-size: 200px;
    color: #000;
}
/*---------------------------Titles*/
.section_title{
    text-align: center;
    font-family: 'alex_brushregular'; 
    font-size: 60px;   
    margin-bottom: 20px;
}
.clr_purple h1{
    color: #4b2881;
}
.clr_blue h1{
    color: #00c0de;
}
.clr_pink h1{
    color: #fd3069;
}
.clr_yellow h1{
    color: #fdd433;
}
.clr_white h1{
    color: #fff;
}

/*----------------------------socialmedia--*/
.socialmedia{
    background:url(../img/feet.jpg);
    background-size: 100%;
    background-position: bottom; 
}
.socialsheen{
  background:rgba(0,0,0,0.8);
}
.socialholder{
  padding: 175px 0;
  font-family: 'bebas_neuebold';
  text-align: center;
  color: #fff;
}

.socialmedia h1{
  font-size: 60px;
}
.socialmedia h2{
  font-size: 45px;
  margin-bottom: 20px;
}
.copywrite{
  font-family: 'bebas_neue_regularregular';
  text-align: center;
  background:#161616;
  padding: 5px 0;
}
.copywrite a{
  color: #e4dfe3;
  margin:0;
}
.copywrite a:hover{
  color: #fdd433;
}
.socialinfo{
  margin:0 auto;
  max-width: 550px;

}
.socialicons{
    margin-top: 20px;
}
.socialinfo ul li{
  display: inline-block;
  margin: 0 10px;
}
.socialinfo ul li img{
  max-width: 50px;
}
/*---------------------------RSVP--*/
iframe {
    display: block;       /* iframes are inline by default */
    background: #000;
    border: none;         /* Reset default border */
    height: 100vh;        /* Viewport-relative units */
    width: 100%;
    overflow:hidden;

}
  iframe::-webkit-scrollbar {  
    display: none;
}  
/*---------------------------sidebar--*/
.sidebar img{
  width:100%;
  margin:10px;
  max-width: 245px;
}
/*---------------------------Details--*/

.pagetemplatetitle{
  padding: 50px 0 0 0;
  text-align: center;
  /*background: #00c0de;*/
  margin-bottom: 20px;
  /*background-image: url(../img/ourpattern_blue.svg);*/
  background-repeat: repeat;
  background-size: 400px;

}
.pagetemplatetitle h4{
  font-size: 60px;
  color: #fff;
  font-family: 'alex_brushregular';
}
.detail-menu-holder{
  margin: 10px;
}

.detailtitle{
  color: #fff;
  padding: 10px 0;
  text-indent: 10px;
  text-transform: uppercase;
  font-size: 20px;
  margin: 0 10px;
}
.thecontent img{
  width: 100%;
  margin-bottom: 10px;
}
.thecontent{
  margin: 0 10px 40px 10px;
  text-align: justify;
}

.thecontent p{
  margin-bottom: 10px;
}

.thecontent ul {
    list-style: none;
    padding:0;
    margin:0;
    margin: 10px;
}

.thecontent li { 
    padding-left: 1em; 
    text-indent: -.7em;
}

.thecontent li:before {
    content: "■ ";
    max-width: 350px;
    color: #00c0de; /* or whatever color you prefer */
}
.thecontent strong{
  font-weight: bold;
}
.outofcountryicon h2{
  text-indent: none;
}


blockquote {
  background: #f1f1f1 !important;
  border-left: 10px solid #fd3069 !important;
  margin: 10px !important;
  padding: 10px 10px !important;
  color: #000;
  max-width: 500px;
}
blockquote p {
  display: inline !important;
}
blockquote a{
  color: #00c0de !important;
}

/*---------------------------Media Queries*/
@media only screen and (min-width: 960px) and (max-width: 1160px) {
  .countdown img{
    margin-top: -125px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 959px) {
    .countdown img{
    margin-top: -90px !important;
  }
    .hero{
  background: url(../img/REB_3268-2.jpg) no-repeat top fixed; 
  background-size: 125% !important;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
.gallery{
  padding-bottom: 20px !important;
}
.gallery-link h1{
  margin-top: 175px;
  font-size: 55px;
}
.socialholder{
  padding: 30px 0;
}
  .timertext h1{
    font-size: 55px !important;
  }
  .timertext h4{
    font-size: 20px !important;
  }
  .timertext h2{
    font-size: 80px !important;
  }
  .countdown img{
    margin-top: -125px !important;
  }
  .countdown{
    max-height: 1000px !important;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 10px) and (max-width: 480px) {
  .ourlogo img {
    padding: 375px 0 0 0;
  }
  .detailtitle h2{
    font-size: 16px !important;
  }
  .menulinks ul li{
  margin:15px 0 15px 0;
  }
  .socialmedia h1{
    font-size: 30px;
  }
  .socialmedia h2{
    font-size: 25px;
    margin-bottom: 10px;
  }
  .socialholder{
  padding: 50px 0;
  }
  .gallery{
    padding-bottom: 20px !important;
  }
  .gallery-link h1{
    margin-top: 0px;
    font-size: 45px;
  }
  .timertext h1{
    font-size: 55px !important;
  }
  .timertext h4{
    font-size: 20px !important;
  }
  .timertext h2{
    font-size: 80px !important;
  }
  .countdown img{
    margin-top: 10px !important;
    margin-bottom: -5px;
  }
  .countdown{
    max-height: 1000px !important;
    margin-top: 50px;
    text-align: center;
  }
  .hero{
  background-size: 200% !important;
  }
  .herotitle img{
    padding: 300px 0 175px 0;
    max-width: 200px;
  }
  @-webkit-keyframes slide {
   0% { -webkit-transform: translateX(-10px); }
   100% { -webkit-transform: translateX(10px); }   
  }
.photo img{
  width: 80%;
  display: block;
  margin:0 auto;
  }
  .margin-none{
    margin:0 !important;
}
.mobimenu{
      background:#00c0de;
      color: #fff;
}
.mobimenu a{
      color: #fff;
}
.cd-timeline-content h2 {
  font-size: 16px !important;
}
}

/*---------------------------Fonts*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 21, 2016 */



@font-face {
    font-family: 'bebas_neuebold';
    src: url('fonts/bebasneue_bold-webfont.eot');
    src: url('fonts/bebasneue_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue_bold-webfont.woff2') format('woff2'),
         url('fonts/bebasneue_bold-webfont.woff') format('woff'),
         url('fonts/bebasneue_bold-webfont.ttf') format('truetype'),
         url('fonts/bebasneue_bold-webfont.svg#bebas_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bebas_neuebook';
    src: url('bebasneue_book-webfont.eot');
    src: url('bebasneue_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebasneue_book-webfont.woff2') format('woff2'),
         url('bebasneue_book-webfont.woff') format('woff'),
         url('bebasneue_book-webfont.ttf') format('truetype'),
         url('bebasneue_book-webfont.svg#bebas_neuebook') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bebas_neuelight';
    src: url('bebasneue_light-webfont.eot');
    src: url('bebasneue_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebasneue_light-webfont.woff2') format('woff2'),
         url('bebasneue_light-webfont.woff') format('woff'),
         url('bebasneue_light-webfont.ttf') format('truetype'),
         url('bebasneue_light-webfont.svg#bebas_neuelight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bebas_neue_regularregular';
    src: url('fonts/bebasneue_regular-webfont.eot');
    src: url('fonts/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue_regular-webfont.woff2') format('woff2'),
         url('fonts/bebasneue_regular-webfont.woff') format('woff'),
         url('fonts/bebasneue_regular-webfont.ttf') format('truetype'),
         url('fonts/bebasneue_regular-webfont.svg#bebas_neue_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bebas_neuethin';
    src: url('fonts/bebasneue_thin-webfont.eot');
    src: url('fonts/bebasneue_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue_thin-webfont.woff2') format('woff2'),
         url('fonts/bebasneue_thin-webfont.woff') format('woff'),
         url('fonts/bebasneue_thin-webfont.ttf') format('truetype'),
         url('fonts/bebasneue_thin-webfont.svg#bebas_neuethin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'alex_brushregular';
    src: url('fonts/alexbrush_font/alexbrush-regular-webfont.eot');
    src: url('fonts/alexbrush_font/alexbrush-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alexbrush_font/alexbrush-regular-webfont.woff2') format('woff2'),
         url('fonts/alexbrush_font/alexbrush-regular-webfont.woff') format('woff'),
         url('fonts/alexbrush_font/alexbrush-regular-webfont.ttf') format('truetype'),
         url('fonts/alexbrush_font/alexbrush-regular-webfont.svg#alex_brushregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.photo_grid {
 width: 1140px;
 margin: 0 auto;
}
 
#myContent {
 -moz-column-count: 5;
 -moz-column-gap: 0px;
 -webkit-column-count: 5;
 -webkit-column-gap: 0px;
 column-count: 5;
 column-gap: 0px;
 width: 100%;
}
 
#myContent img{
 display: inline-block;
 margin-bottom: 0px;
 width: 100%;
}

ul#myContent{
  margin-bottom: 10px !important;
  padding-bottom: 10px;
}

@media only screen and (max-width : 1199px),
only screen and (max-device-width : 1199px){
 #myContent {
 -moz-column-count: 4;
 -moz-column-gap: 0px;
 -webkit-column-count: 4;
 -webkit-column-gap: 0px;
 column-count: 4;
 column-gap: 0px;
 width: 1000px;
 }
 
 .photo_grid {
 width: 1000px;
 }
}
 
 
@media only screen and (max-width : 999px),
only screen and (max-device-width : 999px){
 #myContent {
 -moz-column-count: 3;
 -moz-column-gap: 0px;
 -webkit-column-count: 3;
 -webkit-column-gap: 0px;
 column-count: 3;
 column-gap: 0px;
 width: 800px;
 }
 
 .photo_grid {
 width: 800px;
 }
}
 
@media only screen and (max-width : 799px),
only screen and (max-device-width : 799px){
 #myContent {
 -moz-column-count: 2;
 -moz-column-gap: 0px;
 -webkit-column-count: 2;
 -webkit-column-gap: 0px;
 column-count: 2;
 column-gap: 0px;
 width: 600px;
 }
 
 .photo_grid {
 width: 600px;
 }
}
 
@media only screen and (max-width : 599px),
only screen and (max-device-width : 599px){
 #myContent {
 -moz-column-count: 2;
 -moz-column-gap: 0px;
 -webkit-column-count: 2;
 -webkit-column-gap: 0px;
 column-count: 2;
 column-gap: 0px;
 width: 100%;
 }
 
 .photo_grid {
 width: 100%;
 }
 .socialmedia {
    background-size: 150%;
}
.gallery-link{
  text-align: center;
}
.thecontent li { 
    padding-left: 0; 
    text-indent: 0;
    text-align: left;
}
.sidebar img {
    display: block;
    margin:0 auto;
}

}