@charset "utf-8";
/* CSS Document */

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

}
@font-face {
	font-family: 'sansation';
	src: url('../fonts/Sansation_Bold.eot');
	src: local('☺'), url('../fonts/Sansation_Bold.woff') format('woff'), url('../fonts/Sansation_Bold.ttf') format('truetype'), url('../fonts/Sansation_Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 24, 2018 */



@font-face {
    font-family: 'sansationregular';
    src: url('../fonts/sansation-webfont-webfont.eot');
    }

@font-face {
    font-family: 'sansationregular';
    src: 
         url('../fonts/sansation-webfont-webfont.ttf') format('truetype'),
         url('../fonts/sansation-webfont-webfont.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
 
*{font-family:'sansationregular';
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
}
.elliottsix{
    font-family: 'elliotssix';}

	h1 { font-size: 46px;padding:20px 0 10px 0;}
	h2 { font-size: 35px;padding:20px 0 10px 0;}
	h3 { font-size: 28px; padding:20px 0 10px 0;}
	h4 { font-size: 21px;padding:20px 0 10px 0;}
	h5 { font-size: 17px;padding:20px 0 10px 0;}
	h6 { font-size: 14px;padding:20px 0 10px 0;}
 
a{text-decoration:none; font-family: 'sansationregular' }
.circle__content,.tel,.box,.contact_form,form,p,span,section{font-family: 'sansationregular'}

html,body{
	margin: 0;
    padding: 0;
    min-height: 100%;
    width: 100%;
    font-size: 24px;
    position: relative;
    background-color: #ffffff;
    line-height: normal;  
    color: #666666; 
} 

h1,h2,h3,h4,h5,h6{
	font-family:'sansation'; 
	font-weight:normal;
	text-transform:capitalize;
	color:#9DB62A;
	text-shadow:1px 1px 2px rgba(100, 100, 100, 1);
} 
	h1 { font-size: 46px;padding:20px 0 10px 0;}
	h2 { font-size: 35px;padding:20px 0 10px 0;}
	h3 { font-size: 28px; padding:20px 0 10px 0;}
	h4 { font-size: 21px;padding:20px 0 10px 0;}
	h5 { font-size: 17px;padding:20px 0 10px 0;}
	h6 { font-size: 14px;padding:20px 0 10px 0;}



.header{background:url(../images/stitch.png) center 6px repeat-x,url(../images/black.png),#25292C;box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,0.8); padding:20px 0; min-height:80px; display:table; width:100vw}  
.header section{min-height:120px}
.logo{margin:0;padding:0;}
.tel{ text-align:right;}
.sub_bg{background-image: url(../images/grey.png); background-repeat: repeat;
} 
.centered{text-align: center;
}
.button{padding:6px 4px; margin:10px}
.reply{width:100%; display:inline-block; padding:10px 0}
.white_font{color:#ffffff}
.links{padding:10px;}
.seo_img {
    float: right;
    min-width: 165px;
}
.full-width-hr {
       margin : 0;
       padding : 0;
       height : 5px;
       background : url(../images/border.png) ;
	   width:100%; 
	   border:none;
	   position:relative;
	   display:inline-block; 
background-repeat:repeat;
background-size:contain;
background-position:center;
       }	   
.contact {font-size:20px; color:#ffffff;}
.email {font-size:20px; color:#ffffff; text-decoration:none;}
.email:hover {color:#9DB62A; text-decoration:none;}
ul.pink_border>li{ border: 1px solid #E9518C;}
ul.purple_border>a li {height:100%; border: 1px solid #CB52E8; color:#CB52E8;
      border-radius: 5px;
    padding: 10px;
    background-color: #e3e3e3;}

.orange_border{border:2px solid #EA633B; padding: 5px;  border-radius: 5px; margin: 2.5px 0; }
#sub_menu {cursor: pointer;margin-bottom:0;padding:20px}
.sub_menu{display:none}
  
.web a{padding:5px 10px;color:#ffffff; display: inline-block; width:100%; border-bottom:#E3246E}
.web a:hover{background-color: rgba(255,255,255,0.09); color:#E3246E}
 
.graphic a{padding:5px 10px;color:#ffffff; display: inline-block; width:100%; border-bottom:#9DB62A}
.graphic a:hover{background-color: rgba(255,255,255,0.09); color:#606F19}

.branding a{padding:5px 10px;color:#ffffff; display: inline-block; width:100%; border-bottom:#EA633B}
.branding a:hover{background-color: rgba(255,255,255,0.09); color:#D34A21}

.float-right{float:right;} 
.float_left {;
  padding-right: 5px;
  float: left;
  border: none;} 
.br_bord{border-left: 2px  solid #EA633B;border-right: 2px  solid #EA633B; border-top:none; border-bottom: none;
     
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.web_bord{border-left: 2px  solid #E9518C;border-right: 2px  solid #E9518C; border-top:none; border-bottom:none;
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
} 
.gra_bord{border-left: 2px  solid #9DB62A;border-right: 2px  solid #9DB62A; border-top:none; border-bottom:none;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;} 
#design_ul{padding:0 15px;}
#design_ul ul {
  font-size: 17px;
  line-height: 26px;}
  
#design_ul ul li {
  list-style-type: none;
  margin: 0;
  padding-left: 20px;
  background: url(images/star.png) left top no-repeat;
} 


.read_more {float:right ; font-size:12px; color:#9DB62A; text-decoration:none ; font-weight:bold;}
.read_more:hover{color:#ff0000;}

.teal {
	background: #529C9E;
}
.charcoal{background-color:#1c2127; color:#FFFFFF; }
.pink {
	background: #E9518C;
}
.pink_font{color:#E9518C;}
.green {
	background: #9DB62A;
}
.green_font {
	color: #9DB62A;
}

.orange {
	background: #EA633B;
}
.orange_font {
	color: #EA633B;
}

.blue{
	background: #1B3647;
}

.purple {
	background: #CB52E8;
}
.purple_header {
	color: #CB52E8;
}


.teal:after {
	background: #529C9E;
}

.pink:after {
	background: #E9518C;
}

.green:after {
	background: #9DB62A;
}

.orange:after {
	background: #EA633B;
}

.blue:after{
	background: #1B3647;
}

.purple:after {
	background: #CB52E8;
}



.teal_header {
	color: #529C9E;
}

.pink_header {
	color: #E9518C;
}

.green_header {
	color: #9DB62A;
}

.orange_header {
	color: #EA633B;
}

.blue_header{
	color: #1B3647;
}

.purple_header {
	color: #CB52E8;
}
.black{color:#000000}
span.grey_font{color:#666666;font-weight: normal; font-family: 'sansationregular'}
.white_text{color:#ffffff}
	
.box{float:none; text-decoration:none; text-align:left; width:100%; margin:5px; border:2px solid #ffffff; padding:5px;} 
.box:hover, .box:active, .box:focus{-webkit-transform:scale(1.03); 
transform:scale(1.03);}
.noscroll { overflow: hidden; }
#request-a-quote{
	position:fixed; 
	float:right;
	right:0;
	margin-right:10px;
	top:83px;
	padding:2px;
	color:transparent !important; 
	font-size:11px;
	z-index:999;
	background:url(../images/quote-bubble.png) left top no-repeat;
}
#request-a-quote.open{
	background-position:-157px top;
	margin-right:10px;
}
#request-a-quote:active{margin-top:3px;}
#request-a-quote .request-a-quote-inner{
	width:157px;
	height:111px;
	display:table-cell;
	vertical-align:middle;
	line-height:16px;
	font-size:14px; 
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 24px 0 34px;
	text-decoration:none;
} 
#request-a-quote{ text-decoration:none}
#header-contact-form-wrap{z-index:998;background:#25292C url(../images/black.png);position:fixed; top:0; left:0;    width:100%; height:100%;overflow-y: scroll } 
#header-contact-form-wrap.closed{display:none}
#header-contact-form-wrap.open{display:block}

#header-contact-form{max-width:960px;margin:0 auto;padding:25px 0 11px;}
#header-contact-form ul {
  font-size: 17px;
  line-height: 26px;}
  
#header-contact-form ul li{
  list-style-type: none;
  margin: 0;
  padding-left: 20px;
  background: url(../images/star.png) left top no-repeat;
}  
li.list-content{
  list-style-type: none;
  margin: 0;
  padding-left: 20px;
  background: url(../images/star2.png) left top no-repeat;
}  
#err1,#err2,#err3{margin-left:5px; text-shadow:#000000 1px 1px 1px;display:none; color:red; font-size:12px; font-style:italic; text-transform: lowercase } 
.success{color:green; font-style:italic;}
.error{color:red; font-style:italic;}

.browsers_ff{ display:block;}
.browsers_ch{ display:block;}
.browsers_saf{ display:block;}
.browsers_ie{ display:none;}
.logo_design{width:50%;margin-bottom:10px;}


.slid_hold{display:grid;  width:100%;}
.slid_hold h3{padding:0; margin:0; font-size:20px }
.slid_hold h3 span{font-color:#666666}
img.logo_design2{width:80%; margin: auto}
img.img_small{width:30% ; margin: auto; display: block}
img.img_lrg{width:60% ; margin: auto; display: block}

@media only screen and (max-width:1120px){
	#request-a-quote:active,#request-a-quote{margin-top:-5px;top:0;border-radius:4px;margin-right:10px;right:10px;background:#9DB62A !important;color:#FFF !important;}#request-a-quote:active .request-a-quote-inner{padding-top:6px;}
	#request-a-quote .request-a-quote-inner{ line-height:17px;height:auto;font-size:12px;border-radius:2px;padding:3px;width:110px;text-align:center;border:1px dashed #FFFFFF;}#request-a-quote .request-a-quote-inner br{display:none;}
.logo_design{width:50% } 
.br_bord{border-left: 2px  solid #EA633B;border-right: 2px  solid #EA633B; border-top:none; border-bottom: none}
.web_bord{border-left: 2px  solid #E9518C;border-right: 2px  solid #E9518C; border-top:none; border-bottom:none;} 
.gra_bord{border-left: 2px  solid #9DB62A;border-right: 2px  solid #9DB62A; border-top:none; border-bottom:none;} 
}


    
 /* 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.logo{margin:0;  }
.tel{ text-align:right;}   


.browsers_ff{ display:none;}
.browsers_ch{ display:none;}
.browsers_saf{ display:none;}
.browsers_ie{ display:none;}
.logo_design{width:50% }
	h1 { font-size: 40px;  }
	h2 { font-size: 30px;  }
	h3 { font-size: 24px;  }
	h4 { font-size: 18px;  }
	h5 { font-size: 15px;  } 
.br_bord{border-left: 2px  solid #EA633B;border-right: 2px  solid #EA633B; border-top:none; border-bottom: none}
.web_bord{border-left: 2px  solid #E9518C;border-right: 2px  solid #E9518C; border-top:none; border-bottom:none;} 
.gra_bord{border-left: 2px  solid #9DB62A;border-right: 2px  solid #9DB62A; border-top:none; border-bottom:none;} 

}
 /* 300px */ 
@media only screen and (max-width: 767px) {
.logo{text-align:center;}
.tel{ text-align:center;}
.menu{ background-color:#ffffff; min-height:60px;} 
.email,.contact {font-size:16px; color:#ffffff; text-decoration:none;} 
.browsers_ff{ display:none;}
.browsers_ch{ display:none;}
.browsers_saf{ display:none;}
.browsers_ie{ display:none;}
.logo_design{width:100% }  
	 
	h1 { font-size: 30px;  }
	h2 { font-size: 22px;  }
	h3 { font-size: 18px;  }
	h4 { font-size: 14px;  }
	h5 { font-size: 12px;  } 
.sub-cont div h1{padding:0;}
.br_bord{border-left: 2px  solid #EA633B;border-right: 2px  solid #EA633B; border-top:none; border-bottom:2px  solid #EA633B;} 
.web_bord{border-left: 2px  solid #E9518C;border-right: 2px  solid #E9518C; border-top:none; border-bottom:2px  solid #E9518C;} 
.gra_bord{border-left: 2px  solid #9DB62A;border-right: 2px  solid #9DB62A; border-top:none; border-bottom: 2px  solid #9DB62A;} 
	
img.img_small{width:80% ; margin: auto; display: block}
img.img_lrg{width:90% ; margin: auto; display: block}
}

 /* 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.logo{text-align:center;}
.tel{ text-align:center;}  
.browsers_ff{ display:block;}
.browsers_ch{ display:block;}
.browsers_saf{ display:block;}
.browsers_ie{ display:block;}
.logo_design{width:75% }  
		h1 { font-size: 35px;  }
	h2 { font-size: 25px;  }
	h3 { font-size: 20px;  }
	h4 { font-size: 16px;  }
	h5 { font-size: 14px;  } 
.sub-cont div h1{padding:0;}

.br_bord{border-left: 2px  solid #EA633B;border-right: 2px  solid #EA633B; border-top:none; border-bottom:2px  solid #EA633B;} 
.web_bord{border-left: 2px  solid #E9518C;border-right: 2px  solid #E9518C; border-top:none; border-bottom:2px  solid #E9518C;} 
.gra_bord{border-left: 2px  solid #9DB62A;border-right: 2px  solid #9DB62A; border-top:none; border-bottom: 2px  solid #9DB62A;} 
}
.box_h{
	background-image:url('https://thanet-web-design.com/images/twd.png');
	background-repeat: no-repeat;
	background-position:left center;
	padding-left:50px;
	text-shadow:2px 2px 2px rgba(100, 100, 100, 1);
	
	}

.circle {
  position: relative;
  display: block;
  margin: 2em 0;
  background-color: transparent; 
  text-align: center;
  color:#ffffff;
}

.circle:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%; 
  content: "";
}

.circle__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.circle__wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.circle__content {
  display: table-cell;
  padding: 1em;
  vertical-align: middle;
  color:#FFFFFF !important;
}


/* table */
#table-2 {
	border: 1px solid #9DB62A;
	background-color: #999999;  
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-left:auto;
	margin-right:auto;
}
#table-2 td, #table-2 th {
	padding: 5px;
	color: #ffffff;
}
#table-2 thead {
	padding: .2em 0 .2em .5em;
	text-align: center;
	background-color: #9DB62A;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#D5DC25), to(#9DB62A));
	background-image: -moz-linear-gradient(top,  #D5DC25,  #9DB62A);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D5DC25', EndColorStr='#9DB62A');
	border-bottom: solid 1px #999;
}

#table-2 thead:hover {
	padding: .2em 0 .2em .5em;
	text-align: center;
	background-color: #9DB62A;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#D5DC25), to(#9DB62A));
	background-image: -moz-linear-gradient(top,  #D5DC25,  #9DB62A);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D5DC25', EndColorStr='#9DB62A');
	border-bottom: solid 1px #999;
}

#table-2 th {
	
	font-size: 18px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-shadow: #000 1px 1px 1px;
}
#table-2 tr {
	line-height: 20px;
	font-size: 14px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	vertical-align:top;
}
#table-2 tr:hover {

	background-color: #9DB62A;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#D5DC25), to(#9DB62A));
	background-image: -moz-linear-gradient(top,  #D5DC25,  #9DB62A);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D5DC25', EndColorStr='#9DB62A');
}

  
.read_more {float:right ; font-size:12px; color:#9DB62A; text-decoration:none ; font-weight:bold;}
.read_more:hover{color:#ff0000;}

.links a{color:#ffffff;text-decoration:none; font-size:18px;padding:5px 0;   display:inline-block; width:100%; } 

#light-overlay{z-index:997;background:#25292C url(../images/black.png);position:fixed;   left:0;   width:100%; height:100%;top:-100%; max-height:100%; max-width:100%; }

#light-overlay.lclosed{display:none}
#light-overlay.lopen{display:block;} 
.LB-CONTENT{display:table-cell; height:100%; vertical-align: middle; width:100%;}
 .box_anim {
	text-align: center;
	width:140px;
	height:140px;
	position: relative;
	background: rgba(255,255,255,1);
	display: inline-block; 
	cursor: pointer;
	color: #ffffff; 
	margin:5px auto 0 auto;
	-webkit-transition: background 0.4s 0.5s;
	transition: background 0.4s 0.5s;
	background-repeat:no-repeat; background-position:center;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
}

.box_anim:hover {
	background: rgba(255,255,255,0);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	 
} 

.box_anim span {
	display: block;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 13px;
	padding: 5px;
}

.box_anim h3,
.box_anim span {
	-webkit-transition: color 0.4s 0.5s;
	transition: color 0.4s 0.5s;
}

.box_anim:hover h3,
.box_anim:hover span {
	color: #fff;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.box_anim svg {
	position: absolute;
	top: 0;
	left: 0;
}

.box_anim svg line, .box_anim .box_green svg line {
	stroke-width: 3;
	stroke: #ecf0f1;
	fill: none;
	-webkit-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}

.box_anim:hover svg line {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.box_anim svg line.top,
.box_anim svg line.bottom {
	stroke-dasharray: 300 300; 
}

.box_anim svg line.left,
.box_anim svg line.right {
	stroke-dasharray: 490 400;
}

.box_anim:hover svg line.top {
	-webkit-transform: translateX(-600px);
	transform: translateX(-600px);
}

.box_anim:hover svg line.bottom {
	-webkit-transform: translateX(600px);
	transform: translateX(600px);
}

.box_anim:hover svg line.left {
	-webkit-transform: translateY(920px);
	transform: translateY(920px);
}

.box_anim:hover svg line.right {
	-webkit-transform: translateY(-920px);
	transform: translateY(-920px);
}
 

/* Color */
.demo-2 .box_anim {
	font-weight:bold;
	color:#ffffff;  
}

.demo-2 .box_anim:hover h3,
.demo-2 .box_anim:hover span {
	color:rgba(0,0,0,0);
	background-color: rgba(0,0,0,0);
}

.demo-2 .box_anim svg line {
	stroke-width: 8;
}

.demo-2 .box_anim:hover svg line {
	stroke: #E9518C;
}


.name{margin-top:10px;
	background-color: rgba(233,81,140 ,.8);
	}
 

.demo-2 .box_green:hover svg line {
	stroke: rgba(157,182,42,1);
}
.name_green{margin-top:10px;
	background-color: rgba(157,182,42,.8);
	} 
 

.bar-bar {display: inline-block; width: 80%; height: 20px; position: relative; margin-top: 0px}
 
 

.bar-bar .bar-percentage { height: 20px; position: absolute; left: 0} 
.bar-bar:nth-of-type(1) .bar-percentage{background-color:#529C9E}
.bar-bar:nth-of-type(2) .bar-percentage {background-color:#E9518C}
.bar-bar:nth-of-type(3) .bar-percentage {background-color:#9DB62A}
.bar-bar:nth-of-type(4) .bar-percentage {background-color:#EA633B; }
.bar-bar:nth-of-type(4) {margin-bottom:20px;}
.load{
	animation-name: load;
	-webkit-animation-name: load;	
    animation-duration: 2s;	
	-webkit-animation-duration: 2s;
    animation-delay: 0; 
    -webkit-animation-delay: 0; 
	animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1);	
	-webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1); 
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%; 	
	transform-origin: 0% 0%;	
}

#brand1,#brand2,#brand3,#brand4{float:right;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari 3-8 */
    	transform: rotate(45deg);
		transition: all .5s;
		color:#ffffff;
		font-size:16px;
		padding:5px;
	}
	#brand1_cont,#brand2_cont,#brand3_cont,#brand4_cont{display:none; padding:5px; background-color:#ffffff; color:#666666 }
	#brand1.open_branding, #brand2.open_branding, #brand3.open_branding,#brand4.open_branding{
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari 3-8 */
    transform: rotate(90deg);
	color:#CE0000;
	}
.package_orange{background-image:url('../images/orange.png');background-repeat: repeat;background-size: 100% auto;}
.package_bronze{background-image:url('../images/bronze.png');background-repeat: repeat;background-size: 100% auto; margin-bottom:20px;}
.package_silver{background-image:url('../images/silver.png');background-repeat: repeat;background-size: 100% auto;}
.package_gold{background-image:url('../images/gold.png');background-repeat: repeat;background-size: 100% auto;}
	.print{background-image:url(../images/printing.jpg); background-position:center; background-repeat:no-repeat;}
	
.wedding label {
	position: relative;
	padding-left: 30px;
	font-size: 24px;
	cursor: pointer;
	font-weight: normal;
}
.wedding label:before, label:after {
	font-family: FontAwesome;
	font-size: 30px;
	/*absolutely positioned*/
	position: absolute; top: 0; left: 0;
}
.wedding label:before {
	content: '\f096'; /*unchecked*/ 
}
.wedding label:after {
	color:#9DB62A;
	content: '\f046'; /*checked*/
	/*checked icon will be hidden by default by using 0 max-width and overflow hidden*/
	max-width: 0;
	overflow: hidden;
	opacity: 0.5;
	/*CSS3 transitions for animated effect*/
	transition: all 0.35s;
}

/*hiding the original checkboxes*/
.wedding input[type="checkbox"] {
	display: none;
}
/*when the user checks the checkbox the checked icon will animate in*/
.wedding input[type="checkbox"]:checked + label:after {
	max-width: 25px; /*an arbitratry number more than the icon's width*/
	opacity: 1; /*for fade in effect*/
 
}
		.wedding li{ margin :5px 10px; font-size: 16px; color: #666666;} 
		
		.pr{min-height:28px;display:block; content:' ';    position: relative; top:10px;}
		#std_img,#inv_img,#rsvp_img,#info_cards_img,#oos_img,#men_img,#sp_img,#place_name_img,#speach_img{position:absolute;  left:100%;height:100%; width:auto; 
	-webkit-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;}
		#std_img{z-index: 4}
		#inv_img{z-index: 2}
		#rsvp_img{z-index: 6}
		#info_cards_img{z-index:7}
		#oos_img{z-index:5}
		#men_img{z-index: 3}
		#sp_img{z-index:1}
		#place_name_img{z-index: 9}
		#speach_img{z-index: 8}
		
		
		#std_img.show,#inv_img.show,#rsvp_img.show,#info_cards_img.show,#oos_img.show,#men_img.show,#sp_img.show,#place_name_img.show,#speach_img.show{left:0%}
		
		#wedding_hold{background-color: #ffffff; background-image: url(../images/wedding_package.png); background-size:contain;  padding-top: 100%; overflow: hidden; position: relative; } 
		#wedding_inner{position: absolute; height: 100%;top:0; width:100%;  }
@keyframes load {
	0% {-webkit-transform: scaleX(0.1);transform: scaleX(0.1); }
	 
	100% {-webkit-transform: scaleX(1);transform: scaleX(1)}	 	
}
 
 
 /* COOKIE SETTINGS */
.gdprcookie ul,.gdprcookie li {list-style:none !important}

.gdprcookie {
  position: fixed;
  color: #fff;
  font-size: .8em;
  line-height: 1.5em;
  left: 0;
  bottom: 0;
  width: 100vw;
  padding: 1rem;
  background: #000;
	  z-index:999;
}

.gdprcookie h1,
.gdprcookie h2 {
  font-size: 1.2em;
  margin-bottom: .5rem
}

.gdprcookie h2 {
  font-size: 1.2em
}

.gdprcookie a {
  color: inherit
}

.gdprcookie-buttons/ {
  text-align: center
}

.gdprcookie button {
  color: #fff;
  font-family: inherit;
  font-size: 1em;
  padding: 20px 10px !important;
  border: solid .05rem var(--main-color) !important;
  border-radius: .15rem;
  margin:0 20px !important;
  background: 0 0;
  cursor: pointer;
}

.gdprcookie button:disabled {
  color: rgba(255, 255, 255, .5)
}

.gdprcookie ul {
  overflow: hidden;
  padding: 0;
  margin: 0 0 1rem
}

.gdprcookie li {
  display: block;
  list-style: none !important;
  float: left;
  width: 50%;
  padding: 0;
  margin: 0
}

.gdprcookie input[type=checkbox] {
  margin-right: .25rem;
  width:auto !important
}