/*2020-05-02*/

/*COLOURS*/
/*

GOLD COLOR
#FFCC66
rgba(255,204,102,1)

GOLD COLOR BRIGHTER
#FFD47D
rgba(255,212,125,1)

TEAL NEW
#94DEC5
rgba(148,222,197,1)

TEAL DARK NEW
#7BCEB1
rgba(123,206,177,1)

LINK TEAL
#7ecdb8
*/


/*Package Pricing (pulls automatically from price attribute)*/
/*
.pack-choice:after {content: attr(price); font-size: 20px; margin:-30px auto 0; width:80px; display:block; background:transparent; color:#777; font-weight:bold; padding:10px; border-radius:50%;}
.pack-choice{padding-bottom:10px;}
*/

/*SOLD OUT*/
.gchoice_1_2_0,
.gchoice_1_2_1
{pointer-events:none;}

.gchoice_1_2_0 img,
.gchoice_1_2_1 img
{opacity:0.6}

.gchoice_1_2_0 label:after,
.gchoice_1_2_1 label:after
{display:block!important; content:"SOLD OUT"; width:85%; margin:-120px auto 0!important; font-size:25px!important; color:#fff!important; position:absolute; pointer-events:none; font-weight:bold!important;
  background:rgba(123,206,177,0.9); text-shadow:0 1px 2px #000; padding:5px 0; font-family:Kalam}

/*ORDER SECTION*/
#order{max-width:100%!important;}

/*INFO BOX*/
.info-box{margin:10px auto; padding:15px 15px 17px;max-width:500px!important; border:3px dashed rgba(123,206,177,1);}

/*Lightbox Video*/
.elementor-fit-aspect-ratio video {
    width: 100vw; max-width: 900px; height: 100vh;   max-height: 900px;  margin: auto; top: 0; right: 0; position: fixed; bottom: 0; left: 0;}
.elementor-fit-aspect-ratio{padding-bottom:0;}
.dialog-lightbox-message{padding:0!important}
.eicon-close::before {text-shadow: 0 1px 2px rgba(0,0,0,0.5); color: #fff;}
.elementor-video-container.elementor-lightbox-prevent-close, .elementor-widget-video::after{pointer-events:none}

.eicon-play::before {
    content: '\f3ee'!important;
	font-family:"Font Awesome 5 Brands"!important;
    color:#fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.8);
}
.elementor-custom-embed-play {
    position: unset!important;
    top: unset!important;
    left: unset!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
}
.eicon-play{position:absolute;bottom:8px; right:8px;}
.eicon-play, .eicon-play::before {font-size:40px!important;transition:font-size 0.3s;}
.elementor-open-lightbox:hover i:before{font-size:50px!important}

/*NEW Helper Section*/

.helper-link{font-size:1rem;}
#helper {font-size:0.8rem!important; visibility:hidden;   display: flex;  align-items: center;  justify-content: center; position:fixed;opacity:0;background:rgba(255,255,255,0.7);z-index:2;left:0; top:0; bottom:0; right:0; transition:all 0.3s; padding-top:50px; }
#helper:target {opacity:1;visibility:visible}
#helper .overlay{position:fixed;left:0; top:0; bottom:0; right:0; background-image:none;}
#helper .helper-content{width:80%; max-width:600px; margin:5% auto; background:#fff; padding:30px 20px!important; box-shadow: 0 0 4px rgba(0,0,0,0.6); z-index:999999999!important; border-radius:10px; max-height:80vh; overflow:auto; position:absolute; left:0; right:0;}
#helper p{margin-bottom:0;}
#helper .close{font-size:0.8rem; line-height:40px;}

/*Examples Gallery*/
.gallery{margin:0 auto!important; text-align:center}
.gallery-item{padding:0!important; margin:1%!important; width:31%!important; transition: all 0.3s; opacity:1}
.gallery-item:hover{transform:scale(1.05); opacity:0.8}
.gallery-caption{padding:0; font-size:70; color:rgba(0,0,0,0.4); opacity:0; transition:opacity 0.3s; font-style:normal}
.gallery-item:hover .gallery-caption{opacity:1}
@media(max-width:1024px){.gallery-caption{opacity:1; color:rgba(0,0,0,0.3)}}
.elementor-widget-video:after{content:"timelapse video"; font-size:14px; display:block; text-align: center; font-size:.8125rem; font-weight:600;color:rgba(0,0,0,0.3); margin-top:-50px; position:absolute; width:100%;pointer-events: none;}

/*Desktop/Mobile Visibility*/
@media(min-width:1025px){
	.mobile-only{display:none;}
}
@media(max-width:1024px){
	.desktop-only{
		display:none;
	}
}

#icd-header .menu-instagram:before{content:url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='instagram' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-instagram fa-w-14 fa-2x'%3E%3Cpath fill='rgb(50,50,50)' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z' class=''%3E%3C/path%3E%3C/svg%3E");
width: 25px;
display: inline-block;
vertical-align: top;
height: 20px;
	margin-top: -4px;
}
	
@media(min-width:1025px){
	#icd-header .menu-instagram{
		transition:opacity 0.4s;opacity:0.66;}
	#icd-header li:hover .menu-instagram{opacity:1;}
}


/*Header*/
#icd-header{box-shadow:0px 10px 20px 0px rgba(0,0,0,0.1); height:50px; padding:0; padding-left:18px; background:rgba(148,222,197,0.95)!important}
#icd-header .elementor-column-wrap{padding:0}
#icd-header .elementor-widget-wrap{display:block!important}

/*Header Title*/
#icd-header-title{display:inline-block!important; width:300px!important; height:50px; overflow:hidden;}
#icd-header-title .elementor-heading-title{color:#444!important; font-family:Kalam, sans-serif; line-height:55px; font-size:25px;}

/*Header Nav*/
#icd-header-nav{float:right; display:inline-block!important; width:calc(100% - 300px)!important; color:#333}
#icd-header-nav nav > ul > li > a{padding:15px 20px; font-weight:600; font-size:20px!important;}

/*Header Mobile Nav*/
#icd-header .elementor-menu-toggle{background:none; padding:9px 18px 11px 10px!important; color:#444!important}

@media(max-width:400px){
    #icd-header-title{width:calc(100% - 60px)!important}
    #icd-header-nav{width:60px!important;}
    #icd-header-title .elementor-heading-title{font-size:calc(8.2vw - 7px)}
}





@media(max-width:1024px){
    .elementor-nav-menu--dropdown{top:40px!important; background:rgba(123,206,177,0.95)!important;}
    .elementor-nav-menu__container{height:100vh;max-width:250px;left:unset!important; right:0}
    .elementor-nav-menu__container a, .elementor-nav-menu__container ul{background:transparent!important}
    .elementor-nav-menu {border-bottom:40vh solid transparent;}
    .elementor-location-header .elementor-nav-menu > li > a, .elementor-nav-menu__container a{padding: 15px 0 15px 25px!important; font-weight: 600!important; font-size:22px!important; border-left:none!important}
    .elementor-nav-menu li{border:none!important;}
    .elementor-nav-menu li a {justify-content:unset!important; display:block; text-align:left!important}
    .elementor-nav-menu .sub-menu{margin-left:30px!important; border-left:1px solid rgba(255,255,255,0.4)!important;}
    .elementor-nav-menu .sub-menu a{padding-left:20px!important}
    
	/*Mobile Submenu Arrow*/
	.sub-arrow{
        float:right;
		border-left: 1px solid rgba(255,255,255,0.4); 
		padding:14px 30px!important;
	margin-left:20px!important;
	}
	.sub-arrow i{transition: transform 0.2s; font-size:20px; line-height:8px;}
	.highlighted .sub-arrow i{transform:scaleY(-1)}
    
    /*.current_page_item{box-shadow: 8px 0 rgba(255,255,255,0.5) inset!important;}*/
    
    /*Mobile Menu Animation*/
		.sub-menu{transition: opacity 0.3s;opacity:0;}
	  .sub-menu[aria-expanded = "true"]{opacity:1;transition: opacity 0.3s;}
	
	  nav.elementor-nav-menu--dropdown.elementor-nav-menu__container[aria-hidden = "true"]{opacity:0;transition: all 0.3s;}
	  nav.elementor-nav-menu--dropdown.elementor-nav-menu__container[aria-hidden = "false"]{opacity:1;transition: all 0.3s;}

    .elementor-nav-menu--toggle .elementor-menu-toggle + .elementor-nav-menu__container {
	-webkit-transform-origin: scaleY(1)!important;
    -ms-transform-origin: scaleY(1)!important;
    transform-origin: 100% 50%!important;
    }
    .elementor-nav-menu--toggle .elementor-menu-toggle:not(.elementor-active) + .elementor-nav-menu__container {
    -webkit-transform: scaleY(1)!important;
    -ms-transform: scaleY(1)!important;
    transform: scaleY(1)!important;
    -webkit-transform: scaleX(0)!important;
    -ms-transform: scaleX(0)!important;
    transform: scaleX(0)!important;
    max-height:100vh!important;
    }
    .elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container {
    -webkit-transform: scaleY(1)!important;
    -ms-transform: scaleY(1)!important;
    transform: scaleY(1)!important;
    -webkit-transform: scaleX(1)!important;
    -ms-transform: scaleX(1)!important;
    transform: scaleX(1)!important;
    }

}

@media(max-width:300px){
    .elementor-nav-menu__container{max-width:300px;}
}



/*List Spacing*/
main ul li, main ol li{margin-bottom:15px;}


/*Accordion*/
.elementor-tab-title > a{box-shadow:none!important;color:#333!important;}
.elementor-tab-title > a:hover{box-shadow:none!important;}
.elementor-accordion-item{
	border:1px solid rgba(148,222,197,1)!important;
	border-left:3px solid rgba(148,222,197,1)!important;
	margin-bottom:15px;
	background:rgba(148,222,197,0.08)
}
.elementor-accordion .elementor-tab-content {border-top: none!important}
.elementor-accordion-item .elementor-tab-title.elementor-active, .elementor-accordion-item .elementor-tab-title:hover{background:rgba(148,222,197,1); color:#333!important;}
.elementor-accordion-item .elementor-tab-title{transition:all 0.2s;}


/*Section*/
main section{
	padding:2% 2%;
}
@media(max-width:768px){
main section{
	padding:4% 3%;
}
}

/*Typography*/
html, body{font-size:calc(17px + 0.20vw)!important; font-family: Muli, sans-serif!important; letter-spacing:-0.3px;}
h1{font-size:1.80rem}
h2{font-size:1.60rem}
h3{font-size:1.40rem}
h4{font-size:1.30rem}
h5{font-size:1.15rem}
h6{font-size:1.00rem}
strong{font-weight:700;}

/*Links*/
main .elementor-text-editor a, main .gfield_description a, .elementor-tab-content a, .helper-link, .helper-content a{
    color:rgba(103,186,157,1); transition:all 0.5s!important;  background-image:linear-gradient(150deg, rgba(148,222,197,0.5),rgba(148,222,197,0.5));   background-repeat:no-repeat;background-size: 100% 0%;background-position: 100% 100%;background-clip: padding-box;padding: 0 2px;margin: 0 -2px;box-shadow: 0 -1px 0px rgba(103,186,157,1) inset!important;}
main .elementor-text-editor a:hover, main .gfield_description a:hover,.elementor-tab-content a:hover, .helper-link:hover, .helper-content a:hover{
    transition:all 0.3s!important;color:#333; background-size: 100% 100%;background-image: linear-gradient(150deg, rgba(148,222,197,0.5),rgba(148,222,197,0.5)); box-shadow: 0 -1px 0px rgba(128,202,177,1) inset!important;}
main a{box-shadow: 0 -1px 0px rgba(128,202,177,1) inset!important;}




/*Heading Fonts*/
h1,h2,h3,h4,h5,h6{
	font-family:Kalam, cursive; letter-spacing:0px; text-transform:uppercase;
	color:rgba(123,206,177,1);
	line-height:120%;
}


/*Form - Package Choice*/
#gform_1{max-width:1500px;}
#gform_fields_1, #input_1_2{padding:0!important}

.packages .gfield_radio label:hover {
 cursor:pointer!important
}
.packages input {display:none!important}

.packages{font-size: 0; text-align: center; padding: 20px 0 0; margin-bottom:0; }
.packages img{width: 100%;}
#input_1_2 li{display: inline-block; text-align:center;}
.packages img{padding: 9% 5%;  transition: all 0.2s; filter: brightness(100%); transform: scale(0.99);}
@media(max-width:768px){.packages img{transition:none;} .pack-choice{transition:none;}}/*don't transition on mobile*/
.pack-choice{transition: all 0.2s, border-radius 0s!important; border-radius: 20px!important;box-shadow:0 0 0 4px rgba(255,204,102,0) inset; background: rgba(255,204,102,0);}
.pack-choice:hover img{filter: brightness(110%); transform: scale(1); }
.pack-choice:hover {box-shadow:0 0 0 4px rgba(255,204,102,0.5) inset; background: rgba(255,204,102,0.1);}
.packages input[type="radio"]:checked + label img{
    filter: brightness(105%); transform: scale(1);}
.packages input[type="radio"] + label{border-radius: 20px;}
.packages input[type="radio"]:checked + label {box-shadow:0 0 0 4px rgba(255,204,102,1) inset;background: rgba(255,204,102,0.3);border-radius: 20px;}

#input_1_2 li{width: 25%; max-width:380px}
@media(max-width:1200px){#input_1_2 li{width:50%}}
@media(max-width:700px){#input_1_2 li{width:100%} .packages img{margin:0;}
.pack-choice, .pack-choice img, label img{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
	}
}
.gform_wrapper li.gfield.you-chose{background:rgba(255,255,255,0.5); text-align:center;padding:0 20px 0px!important; position:absolute; left:0; right:0;margin-top:0!important; padding-top:30px!important; font-family: kalam, sans-serif; 
    color:rgba(123,206,177,1)!important; font-size:1.2rem; line-height:130%!important}
.package-description{padding-top:120px!important}

/*Form - Other Fields*/
form{margin-top: -70px!important;padding-top:70px;}

.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label{margin-bottom:8px;}
body label, body input:not([type="submit"]),.gfield_consent_description, .gform_body label, .gform_body input:not([type="submit"]), .gform_body textarea  {color:#7a7a7a}
body .gfield:not(.packages){max-width:600px!important; margin:30px auto!important;}
input:not([type="checkbox"]), textarea{width:100%!important;}
.gform_wrapper ul.gform_fields li.gfield{padding-right:0!important}

input, textarea{border-radius:0!important;border-color:rgba(148,222,197,1)!important;}
input[type="text"], input[type="email"]{padding-left:10px!important;}
input[type="text"], input[type="email"], textarea, .gform_fileupload_multifile{background:rgba(0,0,0,0.03);}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus, .gform_fileupload_multifile:focus{background:rgba(148,222,197,0.07)!important}

.gform_wrapper div.charleft{width:100%!important; text-align:right;}

#field_1_13 .gfield_label{display:none}
.gfield_consent_label{font-weight:600}
	/*timelapse checkbox*/
#field_1_15 > label{display:none!important;}
#field_1_15{margin-top:60px!important; margin-bottom:50px!important}
#gfield_description_1_15{padding:0 0 0 32px}
	/*total and gst tax*/
.ginput_product_price_label{display:none!important}
body .gfield_calculation {text-align:right!important;}
body .gfield_total{text-align:right; margin-top:0!important}
.gfield_total label, .ginput_container_total, .gfield_total span,
body .gfield_calculation label, body .ginput_container_product_calculation {display:inline-block; margin:0!important; }
body .gform_wrapper .gfield_calculation, body .gform_wrapper .gfield_total {margin:0 auto!important}
.gfield_total label, body .gfield_calculation label{margin-right:10px!important; margin-bottom:5px!important;}
.gfield_total span{font-family:Kalam, sans-serif; color:rgba(123,206,177,1)!important;font-size:120%!important}
.gfield_total span:after{content:"CAD"; font-size:70%; font-family:Muli, sans-serif; margin-left:5px; color:#777; font-weight:700;}
.ginput_product_price{color:#777!important; font-weight:700;}
.ginput_container_product_calculation span:after{content:"CAD"; font-size:85%; font-family:Muli, sans-serif; margin-left:5px; color:#777; font-weight:700;}


input[type="checkbox"]{transform: scale(1.5); margin: 10px 10px 0 4px;}

.gfield_consent_description{overflow:hidden!important}

/*Coupon Code*/
.gf_coupon_code, #gf_coupon_button{display:inline-block;height:42px!important}
.gf_coupon_code{max-width:150px;}
#gf_coupon_button{padding:0;max-width:90px;line-height:0; margin-left:-1px!important;text-transform:uppercase; color:#7a7a7a;border-color:#bbb!important; background:#eee;}
#gf_coupon_button:hover,#gf_coupon_button:active,#gf_coupon_button:focus{background:#bbb!important; color:#fff!important;}
[id^="gf_coupons_container"]{text-align:right;}
[for^="gf_coupon_code"]{display:none!important}
#gf_coupon_info table{float:right;}

/*Form - Error Styling*/
.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half):not(.packages){max-width:600px!important}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{border:none; background-color:transparent;}
.gform_wrapper .gfield_error .gfield_label{color:unset!important}
.gfield_required{display:none}
.validation_error{font-size:0.7rem!important; color:#555!important; font-weight:300!important; background:rgba(255,0,0,0.1); padding:5px 15px!important; max-width:300px!important; border-radius:0; border:1px solid rgba(255,0,0,0.2)!important; margin:0 auto!important;}

.packages .validation_message{font-size:0.7rem!important; color:#555!important; font-weight:300; background:rgba(255,0,0,0.1); padding:3px 10px!important; max-width:300px!important; border-radius:0; border:1px solid rgba(255,0,0,0.2); margin:0 auto!important;}
.ginput_container_fileupload .validation_message{display:none!important}
.gform_wrapper li:not(.packages) .validation_message{font-size:0.7rem!important; color:#555!important; font-weight:300; background:rgba(255,0,0,0.1); padding:3px 10px; float:right; width:auto; border-radius:0 0 10px 10px; border:1px solid rgba(255,0,0,0.2); border-top:0;margin-bottom:-25px;}

	/*file upload styling*/
.gform_fileupload_multifile{padding:10px; border:1px solid rgba(148,222,197,1)}
.gform_drop_area{margin:0!important; background:rgba(255,255,255,0.01)!important;}
.gform_drop_instructions{text-transform:lowercase; color:#888!important}
.gform_button_select_files{background:#eee; max-width:250px; border-radius:0; border-color:#bbb!important; color:#888; text-transform:lowercase;}
.gform_button_select_files:hover, .gform_button_select_files:active, .gform_button_select_files:focus{background:#bbb!important; color:#fff!important;}
.ginput_container_fileupload:after{content:"up to 5 files at 10mb each"; float:right; font-size:.688em; color:#767676; margin-top:5px;}

/*Buttons*/
input[type="submit"]{background:#FFCC66; color:#333!important;font-weight:600; text-transform:uppercase; letter-spacing:1px; border-radius:0; border:0; margin:0 auto!important; display:block!important; width:250px!important; padding:20px;}
input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus{background:#FFD47D}

.elementor-button-wrapper .elementor-button{background:#FFCC66!important; color:#333!important;font-weight:600; text-transform:uppercase; letter-spacing:1px; border-radius:0!important; border:0; margin:0 auto!important; line-height:1.5;display:inline-block!important; padding:20px!important; font-size:1rem; box-shadow:none!important;}
.elementor-button-wrapper .elementor-button:hover, .elementor-button-wrapper .elementor-button:active, .elementor-button-wrapper .elementor-button:focus{background:#FFD47D!important}

/*Custom Checkbox*/
.gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li{overflow:visible!important}
input[type="checkbox"] {
 position:absolute;
 left:-99999px
}
input[type="checkbox"] + label{
    margin-left:31px!important;
    cursor:pointer;
    font-weight:700;
    font-size:inherit!important;
    line-height:1!important;
}
input[type="checkbox"] + label:before {
 height:20px;
 width:20px;
 border:10px solid rgba(255,255,255,0);
    box-shadow:0 0 0 1px rgba(148,222,197,1);
 background:rgba(0,0,0,0.03);
 display:inline-block;
 
 font-size:0; line-height:0;
 transition:all 0.2s;
 position:absolute;
 margin-left:-30px;
    text-align:center;
    margin-top:0px;
    content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='rgb(50,50,50)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'%3E%3C/path%3E%3C/svg%3E");
}
input[type="checkbox"]:checked + label:before {
 background:rgba(148,222,197,1)!important;
 border-width:2px;
}

/*FORM AJAX SPINNER*/
.gform_ajax_spinner{margin:0 auto -160px; display:block; bottom:0px;position:relative; top:calc(-128px + 0.2vw);  right:0px; left:0px; content:"";
	border: 10px solid rgba(50,50,50,0.2)!important;	/* match with border-left */
	border-left: 10px solid rgba(50,50,50,0.5)!important;
	animation: 
        OpenSpinner 300ms ease-out,
        Spinner 1.1s linear 300ms infinite!important;
	border-radius: 50%!important; padding:80px!important; width: 0px!important; height: 0px!important;
}
@keyframes 	OpenSpinner {
    from {transform: scale(0);} 
    to {transform: scale(1);}
}
@keyframes 	Spinner {
    from {transform: rotate(0deg);} 
    to {transform: rotate(360deg);}
}


    
/*Remove Strange Outline*/
  button:active, button:focus, button:hover, div:active, a:link, a:visited,a:hover, a:active, a:focus, input, select, li, div {outline:0 !important;}
  input::-moz-focus-inner, button::-moz-focus-inner, a::-moz-focus-inner, li::-moz-focus-inner, div::-moz-focus-inner{border:0}