/*

Theme Name: At A Glance Productionss

Theme URI: http://www.blissdrive.com

Author: the WordPress team

Author URI: http://www.blissdrive.com

Description: Custom made theme by blissdrive

Version: 1.4

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: Wedding, Glance Production, Dark Theme, Black Theme, Video Gallery, Investment, Blog

*/



/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

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



html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, p, div, img, iframe{ padding: 0; margin: 0; border: 0; outline: none;}

:focus{ outline: none;}

p:empty, .post-edit-link{ display: none;}

a{ text-decoration: none; color: #b93a79;}

a:hover{ color: #fff;}

ul, li{ list-style-type: none;}



#primary a{ color: #FE5CAC;}

#primary a:hover{ color: #fff;}





.navbar-nav > li > a {

padding: 12px 15px !important;

}



#primary ul{ list-style-type: none; padding: 7px 2px;}

#primary li{ background: url(images/default_list_bull.png) no-repeat 0 9px; padding: 3px 0 3px 16px;}



h1, h2, h3, h4, h5, h6{ font: normal 24px 'MyriadProLight'; color: #eee; padding: 11px 0;}

h2, h3, h4, h5, h6{ font-size: 22px; padding: 12px 0 4px 0;}

h3{ font-size: 21px;}

h4{ font-size: 20px;}

h5{ font-size: 18px;}

h6{ font-size: 16px;}



p{ padding: 8px 0;}



@font-face {

    font-family: 'kuenstler_script_lt_std_medRg';

    src: url('fonts/kuenstlerscriptltstd-medium-webfont.eot');

    src: url('fonts/kuenstlerscriptltstd-medium-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/kuenstlerscriptltstd-medium-webfont.woff') format('woff'),

         url('fonts/kuenstlerscriptltstd-medium-webfont.ttf') format('truetype'),

         url('fonts/kuenstlerscriptltstd-medium-webfont.svg#kuenstler_script_lt_std_medRg') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'DejaVuSerifItalic';

    src: url('fonts/DejaVuSerif-Italic-webfont.eot');

    src: url('fonts/DejaVuSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/DejaVuSerif-Italic-webfont.woff') format('woff'),

         url('fonts/DejaVuSerif-Italic-webfont.ttf') format('truetype'),

         url('fonts/DejaVuSerif-Italic-webfont.svg#DejaVuSerifItalic') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'DejaVuSerifBook';

    src: url('fonts/DejaVuSerif-webfont.eot');

    src: url('fonts/DejaVuSerif-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/DejaVuSerif-webfont.woff') format('woff'),

         url('fonts/DejaVuSerif-webfont.ttf') format('truetype'),

         url('fonts/DejaVuSerif-webfont.svg#DejaVuSerifBook') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'MyriadProLight';

    src: url('myriadpro-light-webfont.eot');

    src: url('myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),

         url('myriadpro-light-webfont.woff') format('woff'),

         url('myriadpro-light-webfont.ttf') format('truetype'),

         url('myriadpro-light-webfont.svg#MyriadProLight') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'HelveticaCondensedRegular';

    src: url('fonts/ps-webfont.eot');

    src: url('fonts/ps-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/ps-webfont.woff') format('woff'),

         url('fonts/ps-webfont.ttf') format('truetype'),

         url('fonts/ps-webfont.svg#HelveticaCondensedRegular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'MerriweatherRegular';

    src: url('fonts/Merriweather-webfont.eot');

    src: url('fonts/Merriweather-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/Merriweather-webfont.woff') format('woff'),

         url('fonts/Merriweather-webfont.ttf') format('truetype'),

         url('fonts/Merriweather-webfont.svg#MerriweatherRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'MerriweatherLight';

    src: url('fonts/Merriweather-Light-webfont.eot');

    src: url('fonts/Merriweather-Light-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/Merriweather-Light-webfont.woff') format('woff'),

         url('fonts/Merriweather-Light-webfont.ttf') format('truetype'),

         url('fonts/Merriweather-Light-webfont.svg#MerriweatherLight') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'MerriweatherBold';

    src: url('fonts/Merriweather-Bold-webfont.eot');

    src: url('fonts/Merriweather-Bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/Merriweather-Bold-webfont.woff') format('woff'),

         url('fonts/Merriweather-Bold-webfont.ttf') format('truetype'),

         url('fonts/Merriweather-Bold-webfont.svg#MerriweatherBold') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'MerriweatherBlack';

    src: url('fonts/Merriweather-Black-webfont.eot');

    src: url('fonts/Merriweather-Black-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/Merriweather-Black-webfont.woff') format('woff'),

         url('fonts/Merriweather-Black-webfont.ttf') format('truetype'),

         url('fonts/Merriweather-Black-webfont.svg#MerriweatherBlack') format('svg');

    font-weight: normal;

    font-style: normal;



}



body{ font: normal 16px/20px 'MyriadProLight'; color: #959595; background: url(images/site_bg.jpg) repeat; display:none;}

.logo-smedia{ width: 1000px; margin: 0 auto; overflow: hidden; padding: 0 0 5px 0;}

.logo-smedia h1, .logo-smedia h1 a{ font: normal 48px 'kuenstler_script_lt_std_medRg'; color: #a1a1a1; padding: 0 0 0 8px; float: left; font-size: 0; text-indent: -99999px;}

.logo-smedia h1 a img{ float: left;}

.logo-smedia h1 a span{ color: #d44c8f;}

.logo-smedia h1 a:hover{ color: #eee;}

.logo-smedia h1 a:hover span{ color: #29b2d4;}

.logo-smedia ul{ float: right; min-width: 80px; list-style-type: none; padding: 78px 0 0 0;}

.logo-smedia ul li{ float: left; font: normal 14px 'MyriadProLight'; color: #4f4f4f; padding: 0 2px 0 2px;}

.logo-smedia ul li:first-child{ padding-right: 5px; margin-top: 3px;}

.logo-smedia ul li a{ float: left; height: 20px;}

.logo-smedia ul li a:hover{ float: left; margin-top: -1px;}



.main-nav{ width: 100%; background: url(images/main_nav_bar.png) repeat-x; height: 78px;}

.main-nav-inner{ background: url(images/main_nav_flr.png) no-repeat center 10px; width: 100%; height: 52px; padding: 8px 0 0 0;}

.main-nav ul{ width: 1000px; margin: 0 auto; overflow: hidden; list-style-type: none; padding: 15px 0 0 0;}

.main-nav li{ float: left; font: normal 16px 'DejaVuSerifItalic'; padding: 0 60px 0 0;}

.main-nav li:first-child{ padding-left: 10px;}

.main-nav li a{ color: #666; float: left; padding: 3px 0;}

.main-nav li a:hover{ color: #e0e0e0;}



.home-video{ width: 720px; float: left; border: 3px solid #000; background: #151515;}

.home-video iframe{ float: left;}

ul#home-block{ width: 100%; float: left; padding: 0;}

ul#home-block li{ background: url("images/primary_content_bg.png") repeat; padding: 0 0 25px 0; margin: 17px 0 0 0; border: 3px solid #070707; width: 720px; float: left;}

ul#home-block li div{ float: left; width: 662px; padding: 0 25px 0 31px;}

ul#home-block li h2{ background: url(images/page_title_bg.png) repeat; padding: 11px 31px; font: normal 24px 'MyriadProLight'; color: #ddd; margin-bottom: 10px;}

ul#home-block li img{ float: left; margin: 14px 20px 10px 0;}

ul#home-block li a{ color: #fe5cac;}

ul#home-block li a:hover{ color: #fff;}



.content-wrapper{ width: 1000px; margin: 0 auto; overflow: hidden; padding: 10px 0 40px 0;}

#primary{ max-width: 720px; width: 720px; float: left; border: 3px solid #070707; background: url(images/primary_content_bg.png) repeat; min-height: 380px;}

#primary .entry-header h1, h1.blog-title{ background: url(images/page_title_bg.png) repeat; padding: 11px 31px; font: normal 24px 'MyriadProLight'; color: #ddd; margin-bottom: 10px;}

#primary .entry-header h1 a{ color: #b93a79;}

#primary .entry-header h1 a:hover{ color: #eee;}

#primary div.primary-internal{ padding: 0 25px 25px 32px;}

#secondary{ width: 254px; float: right;}

.page-thumbs img{ border: 3px solid #1A1A1A;}



.footer-wrapper{ width: 100%; background: url(images/footer_bg.png) repeat-x 0 0; overflow: hidden; min-height: 51px;}

.footer{ max-width: 1000px; margin: 0 auto; padding: 18px 0 10px 0; overflow: hidden;}

.footer span.copyright, .footer span.credit{ color: #535353; font: normal 12px Arial; float: left; padding: 0 0 0 2px;}

.footer span.credit{ float: right; padding: 0 2px 0 0;}

.footer span.credit a{ color: #824217;}

.footer span.credit a:hover{ color: #999;}



/* ==================== blog and single post page =================== */

.assistive-text, #nav-single, #nav-above{ display: none;}

.entry-header .entry-meta{ padding: 0 31px;}

.entry-header .comments-link{ float: right;}

.entry-header .comments-link a{ float: right; padding: 0 7px; background: url(images/comment_num_bg.png) repeat; border-radius: 2px; margin: -22px 30px 0 0;}

.attachment-post-image{ width: 160px; height: auto; margin: 13px 20px 5px 0; float: left;}

footer.entry-meta{ font-size: 16px;}



#comments{ padding: 35px 25px 0 31px; float: left;}

#commentform{ padding-bottom: 20px;}

#comments-title{ font: normal 18px MyriadProLight;}

#comments ol{ overflow: hidden;}

#comments ol li{ padding: 0;}

#comments .vcard{ font-size: 13px;}

#comments .comment-content p{ line-height: 18px; padding: 3px 0;}

#comments .comment-reply-link span{ display: none;}

article.comment{ border-top: 1px solid #f9f9f9; padding: 20px 0; width: 100%; float: left; margin-top: 2px;}

.comment-author img{ float: left; margin: 5px 12px 2px 0; width: 40px; height: auto;}

#respond{ padding: 15px 0 0 0; float: left; width: 100%; border-top: 1px dashed #555; margin-top: 10px;}

#respond h3{ font: normal 16px MyriadProLight;}

#comments input[type=text], #comments input[type=email], #comments textarea{ border: 1px solid #444; padding: 4px 4px; font: normal 12px Arial; color: #999; background: #333; border-radius: 3px;}

#comments input[type=submit]{ background: #b93a79; color: #fff; border-radius: 2px; padding: 4px 8px; cursor: pointer; border: 0;}

#comments label{ width: 70px; display: inline-block; float: left; margin-top: 4px;}

.form-allowed-tags{ font-size: 11px; color: #666;}



.blogpage-smedia{ background: url(images/blog_smedia_block_bg.png) repeat; width: 663px; margin: 25px 0 10px 29px; min-height: 100px; overflow: hidden;}

.blogpage-smedia a{ float: left; width: 174px; height: 152px; margin: 20px 0 20px 35px;}

.blogpage-smedia a:hover img{ max-width: 98%; height: auto;}

p.smedia-txt{ padding: 0 31px 35px 31px; font: italic normal 33px 'MyriadProLight'; color: #fff; text-align: center;}



/* ================= Secondary Sidebar ================= */

#secondary aside{ width: 248px; float: right; background: #000; border: 3px solid #282828; margin-bottom: 20px;}

#secondary aside h3{ background: url(images/aside_title_bg.jpg) repeat-x; padding: 11px 12px; color: #a0a0a0;}



#secondary aside iframe{ max-width: 100%; height: 120px;}



#secondary aside#text-3{ background: none; border: 0; width: 254px;}

#secondary aside#text-3 h3{ display: none;}

.homepage-banner img{ float: left;}



#secondary aside#text-2 h3{ display: none;}

.video-gallery-callout img{ float: left; margin: 5px 0 0 5px }

.video-gallery-callout span{ font: normal 15px 'HelveticaCondensedRegular'; color: #7d7d7d; display: block; padding: 9px 6px; float: left;}



#recent-posts h4{ font: normal 15px Arial; padding: 5px 0;}

#recent-posts ul{ width: 100%; float: left;}

#recent-posts ul li{ padding: 0 12px 8px 12px; margin: 0 0 8px 0; display: block; background: url(images/recent_post_sep.png) no-repeat center bottom;}

#recent-posts ul li img{ float: left; width: 57px; height: 57px; margin: 10px 12px 2px 0;}

#recent-posts ul li p{ font-size: 14px; line-height: 18px; padding: 3px 0; color: #606060;}

#recent-posts ul li p a{ font-size: 12px;}

#recent-posts span{ font: normal 15px 'HelveticaCondensedRegular'; color: #7d7d7d; display: block; padding: 12px 12px;}

#recent-posts span a{ padding: 0 15px 0 0; background: url(images/default_list_bull.png) no-repeat right 6px;}



ul.video-cats{ padding-bottom: 14px;}

ul.video-cats a{ padding: 0px 10px 0px 24px; background: url(images/video_gal_bull.png) no-repeat 12px 7px; border-bottom: 1px solid #080808; display: block; padding-bottom: 4px; margin: 8px 0;}



/* ======================= Video Gallery thumbnails ==================== */

ul#video-gallery-thunbnails{ padding-bottom: 20px; float: left; width: 70%; margin:0 0 0 20%;}

ul#video-gallery-thunbnails li{ background: none; padding: 0; float:left; margin: 10px 25px 0 0; width: 100%; clear: both; }

ul#video-gallery-thunbnails li img{ float: left; border: 3px solid #f9f9f9; width: 188px; height: 133px;}

ul#video-gallery-thunbnails li strong{ float: left; position: relative;}

ul#video-gallery-thunbnails li img.play-tab{ position: absolute; left: 50%; top: 50%; margin: -28px 0 0 -28px; border: 0; width: 56px; height: 56px;}

ul#video-gallery-thunbnails li span{ display: block; padding: 4px; clear: both; height: 35px; line-height: 18px; overflow: hidden; }


#video-gallery-thunbnails li > div:nth-child(1) {
    float: left;
}
#video-gallery-thunbnails li div.video_description,
#video-gallery-thunbnails li div.video_description h5{
	color:#4385BF;
}

#video-gallery-thunbnails li > div:nth-child(2) {
    float: left;
    margin: 0 0 0 7%;
    max-width: 62%;
    text-align: justify;
}

#video-gallery-thunbnails li > div:nth-child(2) h5{
	margin:10px 0 10px 0;
	padding:0;
	font-weight:bold;
	font-size:20px;
	
}
.video-gallery-description,
.video-gallery-description2{

	padding:20px 0;
	
}

.video-gallery-description p,
.video-gallery-description2{
	font-size:24px;
	line-height:32px;
	color:#4385BF;
}
.video-gallery-description2{
	float:left;
}
.video-gallery-description .mr_social_sharing_wrapper {
    padding: 0 0 0 20%;
}
.social_hearts{
	float: left;
    padding: 0 0 0 16%;
    text-align: center;
    width: 100%;
}
/* ================ Contact form =================== */

#FSContact1{ padding-bottom: 40px;}

#FSContact1 div span{ float: left; width: 52%; padding: 2px 0;}

#FSContact1 div label span{ float: none; width: auto; padding: 0;}

#FSContact1 input#fsc-submit-1{ width: 108px; height: 33px; background: url(images/submit_btn.png) no-repeat 0 0; overflow: hidden; line-height: 150px; border: 0; color: #616161;}

textarea{ resize: none;}



/* ======================= Press Page =================== */

.press-wrapper h5{ color: #ccc;}

.press-wrapper ul{ float: left; width: 100%; padding: 20px 0 10px 0 !important; border-top: 1px dashed #666; margin-top: 5px;}

.press-wrapper ul:first-child{ border: 0; margin: 0;}

.press-wrapper ul li{ float: left; background: none !important; padding: 0 20px 0 0 !important; color: #de4d7f;}

.press-wrapper ul li:first-child{ font: normal 25px 'MyriadProLight'; color: #f3f3f3; display: block; float: none;}



/* =============================== Fancy Lightbox CSS ===========================*/



.fancybox-tmp iframe, .fancybox-tmp object {

	vertical-align: top;

	padding: 0;

	margin: 0;

}



.fancybox-wrap {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 8020;

}



.fancybox-skin {

	position: relative;

	padding: 0;

	margin: 0;

	background: #bbb;

	color: #444;

	text-shadow: none;

	-webkit-border-radius: 4px;

	   -moz-border-radius: 4px;

	        border-radius: 4px;

}



.fancybox-opened {

	z-index: 8030;

}



.fancybox-opened .fancybox-skin {

	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

}



.fancybox-outer, .fancybox-inner {

	padding: 0;

	margin: 0;

	position: relative;

	outline: none;

}



.fancybox-inner {

	overflow: hidden;

}



.fancybox-type-iframe .fancybox-inner {

	-webkit-overflow-scrolling: touch;

}



.fancybox-error {

	color: #444;

	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;

	margin: 0;

	padding: 10px;

}



.fancybox-image, .fancybox-iframe {

	display: block;

	width: 100%;

	height: 100%;

	border: 0;

	padding: 0;

	margin: 0;

	vertical-align: top;

}



.fancybox-image {

	max-width: 100%;

	max-height: 100%;

}



#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

	background-image: url('images/fancybox_sprite.png');

}



#fancybox-loading {

	position: fixed;

	top: 50%;

	left: 50%;

	margin-top: -22px;

	margin-left: -22px;

	background-position: 0 -108px;

	opacity: 0.8;

	cursor: pointer;

	z-index: 8020;

}



#fancybox-loading div {

	width: 44px;

	height: 44px;

	background: url('images/fancybox_loading.gif') center center no-repeat;

}



.fancybox-close {

	position: absolute;

	top: -18px;

	right: -18px;

	width: 36px;

	height: 36px;

	cursor: pointer;

	z-index: 8040;

}



.fancybox-nav {

	position: absolute;

	top: 0;

	width: 40%;

	height: 100%;

	cursor: pointer;

	background: transparent url('images/blank.gif'); /* helps IE */

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	z-index: 8040;

}



.fancybox-prev {

	left: 0;

}



.fancybox-next {

	right: 0;

}



.fancybox-nav span {

	position: absolute;

	top: 50%;

	width: 36px;

	height: 34px;

	margin-top: -18px;

	cursor: pointer;

	z-index: 8040;

	visibility: hidden;

}



.fancybox-prev span {

	left: 20px;

	background-position: 0 -36px;

}



.fancybox-next span {

	right: 20px;

	background-position: 0 -72px;

}



.fancybox-nav:hover span {

	visibility: visible;

}



.fancybox-tmp {

	position: absolute;

	top: -9999px;

	left: -9999px;

	padding: 0;

	overflow: visible;

	visibility: hidden;

}



/* Overlay helper */



#fancybox-overlay {

	position: absolute;

	top: 0;

	left: 0;

	overflow: hidden;

	display: none;

	z-index: 8010;

	background: #000;

	opacity: 0.7 !important;

}



#fancybox-overlay.overlay-fixed {

	position: fixed;

	bottom: 0;

	right: 0;

}



/* Title helper */



.fancybox-title {

	visibility: hidden;

	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;

	position: relative;

	text-shadow: none;

	z-index: 8050;

}



.fancybox-opened .fancybox-title {

	visibility: visible;

}



.fancybox-title-float-wrap {

	position: absolute;

	bottom: 0;

	right: 50%;

	margin-bottom: -35px;

	z-index: 8030;

	text-align: center;

}



.fancybox-title-float-wrap .child {

	display: inline-block;

	margin-right: -100%;

	padding: 2px 20px;

	background: transparent; /* Fallback for web browsers that doesn't support RGBa */

	background: rgba(0, 0, 0, 0.8);

	-webkit-border-radius: 15px;

	   -moz-border-radius: 15px;

	        border-radius: 15px;

	text-shadow: 0 1px 2px #222;

	color: #FFF;

	font-weight: bold;

	line-height: 24px;

	white-space: nowrap;

}



.fancybox-title-outside-wrap {

	position: relative;

	margin-top: 10px;

	color: #fff;

}



.fancybox-title-inside-wrap {

	margin-top: 10px;

}



.fancybox-title-over-wrap {

	position: absolute;

	bottom: 0;

	left: 0;

	color: #fff;

	padding: 10px;

	background: #000;

	background: rgba(0, 0, 0, .8);

}



.fancybox-inner img{ border-radius: 4px;}

.clear{

clear:both;

}.widget-area #nav_menu-2 > li {float: left;}.widget-area #nav_menu-2 > li {position: relative;display: block;}.widget-area #nav_menu-2  li {list-style-type: none;float: left;padding: 5px;margin-top: 5px;}.widget-area #nav_menu-2 > li > a {line-height: 20px;padding: 13px 40px;color: #824217;font-family: 'Open Sans',sans-serif;font-size: 16px;font-style: italic;}.widget-area #nav_menu-2 > li > a :hover{color:#666666;}





.gpl-dis-diswrap{

display:none !important;

}



center{

display:none !important;

} 



@media only screen and ( max-width: 980px ) {

	.videocontainer iframe{

		height:265px;

	}



.navbar-nav > li > a {

padding: 12px 15px !important;

}

}

@media only screen and ( max-width: 640px ) {

	.videocontainer iframe{

		width:470px;

	}



.navbar-nav > li > a {

padding: 12px 15px !important;

}

}


.vimeo-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}