/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{
	margin:0px;
	padding:0px;
	background:#fff;
	}
.wrapper{
	width:100%;
	float:left;
	margin:0px;
	}
.container{
	width:1000px;
	margin:0px auto;
	}
.master{
	width:100%;
	float:left;
	}
.logo{
	width:auto;
	float:left;
	}
.logoRight{
	width:auto;
	float:right;
	}
header{
	padding:14px 0 20px 0;
	width:100%;
	float:left;
	}
.mainBG{
	background:url(../img/microsite-banner.jpg) center top no-repeat;
	min-height:426px;
	position:relative;
	}
.offerDate{
	width:100%;
	float:left;
	font-size:16px;
	text-align:center;
	color:#000000;
	background:url(../img/doted-line.png) left center no-repeat;
	margin:14px;	
	}
.offerDateWrap{
	width:100%;
	float:left;
	border-top:1px solid #cccccc;
	}
.midBg{
	/*background:url(../img/bgrnd.png) center top no-repeat;*/
	background-size:100% auto;
	background-color:#faf9d6;
	}
.currentOffers{
	width:207px;
	float:left;
	background:#faf9d6;
	text-align:center;	
	/*border:1px solid #e5f1f9;*/
	font-family:'GEInspira-Bold';
	font-size:22px;
	color:#ddf0ff;
	text-transform:uppercase;
	margin:30px 0 14px 0;
	}
.productWrap{
	width:100%;
	float:left;
	margin-bottom:10px;
	}
.productWrap ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
	

.icon{
	width:100%;
	float:left;
	padding:0 0 10px 0;
	border-bottom:1px solid #e5e5e5;
	height:40px;
	}
.offerTxt{
	width:100%;
	float:left;
	
	margin:5px 0 0 0;
	min-height:83px;
	}
 .offerTxt p{
	font-size:14px;
	color:#231f20;
	margin:0 0 8px 0;
	
	}
.offerValidity{
	width:100%;
	float:left;
	
	color:#9d9c9c;
	font-size:10px;
	margin:5px 0 0 0;
	}
.button{
	width:100px;
	text-align:center;
	border:1px solid #0072bc;	
	font-size:11px;
	float:left;
	background:#0072bc;
	margin:3px 0 0 0;
	position:absolute;
	bottom:8px;
	}
.button a{
	display:block;
	padding:5px 0;
	color:#fff;
	text-decoration:none;
	outline:none;
	}
	

.right{
	width:auto;
	float:left;
	border-left:1px solid #c9c9c9;
	padding:18px 0 18px 46px;
	margin:20px 0 0 25px;
/*	display:none;*/
	}
.right .storeList{
	width:128px;
	float:left;
	text-align:center;
	
	font-size:11px;
	border:1px solid #41c0ff;
	text-transform:uppercase;
	background:#00aaff;
	font-weight:600;
	}
 .right .storeList a{
	display:block;
	color:#fff;
	text-decoration:none;
	padding:7px 0;
	}																										
.or{
	
	font-size:12px;
	color:#262626;
	text-align:center;
	margin:10px 0;
	float:left;
	width:83%;
	}	
	
.buttonTnc{
	width:100px;
	text-align:center;
	border:1px solid #0072bc;
	
	font-size:11px;
	float:left;
	background:#0072bc;
	margin:3px 0 0 0;
	display:none;
	position:absolute;
	bottom:8px;
	}
.buttonTnc a{
	display:block;
	padding:5px 0;
	color:#fff;
	text-decoration:none;
	outline:none;
	}

/*.productWrap ul li:hover .right{
	display:block;
	}*/
.cardDetailsWrapper{
	width:97%;
	float:left;
	border:1px solid #c6c6c6;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background:#f4f4f5;
margin:0 0 34px 0;
position:relative;
left:36px;
	}
.cardDetailsWrapper .leftSection{
	width:54%;
	float:left;
	padding:30px  4%;
	}
.cardDetailsWrapper .leftSection .cradImage{
	width:auto;
	float:left; display:block;
	}
.cardDetailsWrapper .leftSection .cardTxt{
	width:auto;
	float:left;
	color:#231f20;
	font-size:25px;
	
	padding:5px 37px;
	line-height:31px;
	}
.cardDetailsWrapper .leftSection .cardTxt span{
	display:block;
	}
.cardDetailsWrapper .leftSection .applyNow{
    width:140px;
	float:left;
	border:1px solid #0296da;
	text-align:center;
	background:#00aaff;
	
	font-size:23px;
	margin:0px 0 0 37px;
}	
.cardDetailsWrapper .leftSection .applyNow a{
	color:#ecf2f8;
	text-decoration:none;
	display:block;
	padding:0 0 4px 0;
	}
.cardDetailsWrapper .rightSection{
	width:38%;
	float:right;
	margin:8px 0;
	border-left:1px solid #c3c3c3;
	padding:25px 0 30px 0;
	box-sizing:border-box;
	}
.cardDetailsWrapper .rightSection .follow{
	
	font-size:16px;
	color:#231f20;
	padding:3px 0;
	margin:0 16px 0 47px;
	width:auto;
	float:left;
	}
.socialIcon{
	width:auto;
	float:left;
	}
.socialIcon ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
.socialIcon ul li{
	margin:0 9px 0 0;
	float:left;
	}
.socialIcon ul li a{
	outline:none;
	}
.disclaimerWrap{
	width:100%;
	float:left;
	background:#dadbdb;
	padding:8px 0;
	}
.disclaimerWrap p{
	color:#000000;
	
	font-size:10px;
	margin:0 25px;
	}
/*.disclaimerWrap p a{
	color:#000000;
	}	*/
.dateCounter{
	width:112px;
	float:right;
	background:url(../img/counter-bg.png) left top no-repeat;
	height:82px;
	}
.date{
	width:96%;
	float:left;
	margin:25px 0 0 4%;
	font-family:'GEInspira-Bold';
	color:#fff;
	font-size:24.5px;
	text-align:center;
	line-height:20px;
	}
.date span{
	display:block;
	font-size:9px;
	}				
																
	
/*-------------new css start--------------*/	
.productWrap ul li{ float:left; width:22.3%; height:220px; margin:0 2.7% 2.7% 0; position:relative;}
	.productWrap ul li .wrptxt{
	float: left;
	width: 100%;
	height: 100%;
	padding: 5%;
	position: absolute;
	background: #fff;
	border: #cccccc solid 1px;
	box-sizing: border-box;
	overflow: hidden;
	-webkit-box-shadow: -1px 3px 17px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 3px 17px -3px rgba(0,0,0,0.75);
	box-shadow: -1px 3px 17px -3px rgba(0,0,0,0.75);
	left: 36px;
	top: -1px;
}
	.productWrap ul li .wrptxt .l{ float:left; width:100%;}
	
	.productWrap ul li .wrptxt .r{ float:left; width:50%;}
	
	


/*------------css for store locator start---------*/
    .tf{ float:left; width:100%; margin-top:2%;}
	.tf .l{ float:left; width:65%; }
	.tf .r{ float:right; width:25%; border-left:#0e1a2f solid 1px; padding:2% 0 2% 5%;}
	.tf .l ul{ margin:0px; padding:0px; list-style:none;}
	.tf .l ul li{ float:left; width:auto; font-size:20px; color:#8d9196; line-height:23px;}
	.tf .l ul li.f{ width:250px; margin-right:2%;} 
	.tf .l ul li.s{ width:170px; margin-right:2%; padding-top:3%;} 
	.tf .l ul li.t{ width:110px;} 
	.tf .l ul li.t a{ background:#108ec5; color:#000; margin-top:25px; display:block; text-decoration:none; padding:5px 10px; white-space:nowrap; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; font-size:16px; text-align:center;}
	.tf .l ul li.t a:hover{ background:#0673a2;}
	.tf .r .ft{ float:left; width:130px; font-size:20px; color:#fff;}
	.tf .r .si{ float:left; width:70px;}
	.tf .r .si ul{ margin:0px; padding:0px; list-style:none;}
	.tf .r .si ul li{ float:left; width:30px; height:30px;}
	.tf .r .si ul li a{ display:block; width:30px; height:30px; background:url(../img/social-icons.png) left top no-repeat;}
	.tf .r .si ul li.fb a{ background-position:-40px; margin-left:10px; }
	.tf .r .cpr{ float:left; width:100%; margin-top:3%; font-size:12px; font-style:italic; color:#585d66; }
	footer{ float:left; width:100%; font-size:11px; color:#545b65; padding:3% 0; line-height:18px;}
	.sw{ float:left; width:100%; margin:40px 0;}
	.sw .l{ float:left; width:20%; height:400px; height:500px; background:#fff; padding:2%;}
	.sw .l .h{ float:left; width:100%; margin-bottom:20px; font-size:21px; color:#0095da; line-height:22px;}
	.sw .l .seW{ float:left; width:100%;}
	.sw .l .seW select{ float:left; width:100%; padding:3% 5%; margin-bottom:4%; font-size:18px; color:#5d5d5d; background:#c6c6c6; border:none; }
	.sw .l .stW{ float:left; width:100%; height:376px; }
	.sw .l .stW .h{ float:left; width:85%; padding-left:15%; font-size:19px; line-height:21px; color:#000; background:url(../img/pin-icon.png) left top no-repeat; margin-top:30px; padding-bottom:5px;}
	.sw .l .stW .m{ float:left; width:95%; height:250px; padding-right:5%; overflow:auto;}
	.sw .l .stW .m ul{ margin:0px; padding:0px; list-style:none;}
	.sw .l .stW .m ul li{ float:left; width:90%; padding:0 0 5% 10%; background:url(../img/li-bg.png) left 8px no-repeat; border-top:#d1d1d3 solid 1px; cursor:pointer;}
	.sw .l .stW .m ul li.active{ border-color:#0095da;}
	.sw .l .stW .m ul li span{ font-size:18px; color:#323233; display:block; margin-bottom:3px;}
	.sw .r{ float:left; width:72%; height:500px; background:rgba(255, 255, 255, 0.6); padding:2%;} 
	.rupee{font-family: 'RupeeForadian';}
	.ol{ position:fixed; width:100%; background:rgba(0, 0, 0, 0.8); z-index:10; display:none}
	.pu{ position:absolute; width:400px; border:#ffad33 solid 3px; left:50%; top:100%; margin-left:-200px; background:#fff; height:100px; padding:20px; text-align:center; font-size:18px; font-family: 'GEInspira-Bold'; z-index:11; display:none; }
	.pu .c{ position:absolute; width:46px; height:46px; background:url(../img/close-popup.png) left top no-repeat; right:-30px; top:-30px; cursor:pointer;}

.slP{ float:left; width:100%; border:#368fe7 solid 3px; box-sizing:border-box; height:435px;}
	.slP .h{ float:left; width:96%; padding:2%; font-size:18px; font-family: 'GEInspira-Bold'; color:#0095da; line-height:17px;}
	.slP .h ul{ margin:0px; padding:0px; list-style:none;}
	.slP .h ul li{ float:left; width:31%; margin-right:2%;}
	.slP .h ul li span{ display:block;}
	.slP .h ul li .s{ float:left; width:97%; padding:5px; background:#c6c6c6; border:0; color:#5d5d5d; font-weight:normal; }
	.slP .swP{ float:left; width:96%; margin:2% 0; padding:0 2%;}
	.slP .swP .h{ float:left; width:85%; padding-left:30px; font-size:19px; line-height:21px; color:#000; background:url(../img/pin-icon.png) left top no-repeat; padding-bottom:5px;}
	.slP .swP .w{ float:left; width:95%; margin-left:3%; height:300px; overflow:auto;}
	.slP .swP .w ul{ margin:0px; padding:0px; list-style:none;}
	.slP .swP .w ul li{ float:left; width:45%; border-right:#cecece solid 1px; border-bottom:#cecece solid 1px; padding:2%; font-size:16px; color:#4e4e4e; height:100px;}
	.slP .swP .w ul li strong{ display:block; margin-bottom:3px; font-size:18px; color:#2e2e2e;}
	.slP .swP .w ul li:nth-child(even){ border-right:none;}
.right p{
	font-size:12px;
	
	color:#231f20;
	}
#samsungDetails{
	display:none;
	font-size:14px;
	}	
.closeMobile{
	display:none;
	}
.txtSamsung{
	width:100%;
	float:left;
	}
.txtSamsung span{
	display: block;
    margin-bottom: 26px;
    margin-top: 9px;
	}

.offerv1
{
float:left;
 padding-top:8px;
}
.offer-t1
{
	margin-top:7px;
	float:left;
	padding-right:76px;
	font-size:11px; color:#231f20;
}
.offer-t2
{
	margin-top:-14px;
	float:left;
	font-size:11px; color:#231f20;
}
.offer-t3
{
	text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    text-align: right;
    color: #0072bc;    
    float: right;
	margin-top: -18px;
}
.offer-t4
{
	text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    text-align: right;
    color: #0072bc;    
    float: right;
	margin-top: -10px;
}
	
/*------------css for store locator end-----------*/

/*-------------new css end----------------*/

@media only screen and (min-width: 959px) and (max-width: 2100px) {
	.productWrap ul li .wrptxt .r{display:none;}
	
	.productWrap ul li:hover .wrptxt .r{
		display:block;
		
		}
	.productWrap ul li:hover .buttonTnc{
	display:block;
	}
.productWrap ul li:hover .button{
	display:none;
	}
}


	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container{
		width:100%;
		float:left;
	  
		}
	.mainBG{
		background: url(../img/ipad-bg.jpg) no-repeat  center top;
        min-height:360px;
		}
	.right{
		padding-left:20px;
		}		
	.productWrap ul li{
		height:215px;
		position:relative;
		}
	.right{
		margin-left:17px;
		}
.cardDetailsWrapper .rightSection .follow{
	margin-left:35px;
	}
.productWrap{
	width:98%;
	margin-left:20px;
	}
		
.offerDate {
    background:url(../img/doted-line-ipad.png) no-repeat scroll left center;
  margin-left:0px;
}	

.hd{background:url(../img/heading-mb-bg.jpg) #18b3de left top no-repeat; height:40px;}
	.mc{ margin:0px auto; width:100%;}
	.mw{ width:96%; margin:0 2%; float:left;}
	.sw .l, .sw .r{ width:96%;}
	.sw .l .stW .h{ height:35px;}
	.sw .l .stW .m{ height:200px;}				
.button{
	position:absolute;
	bottom:20px;
	}
.buttonTnc{
	position:absolute;
	bottom:20px;
	}
.right{
	display:none;
	}
.closeMobile{
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	display:block;
	}					
	
	}

	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container{
		width:100%;
		float:left;
		}
	
.mainBG {
    background: url(../img/tab-bg2.jpg) no-repeat  center top;
    min-height:360px;
    position: relative;
}
.offerDate{
	background:url(../img/line-mob.png) left center no-repeat;
	font-size:12px;
	margin-left:0px;
	background-size:100%;
	width:80%;
	padding:0 10%;
	
	}
.productWrap ul li{
	width:46%;
	height:200px;
	}
.right .storeList{
	width:114px;
	}
.right{
	padding-left:14px;
	margin-left:18px;
	display:none
	}
.productWrap{
	width:97%;
	margin-left:3%;
	}
.button{
	width:123px;
	position:absolute;
	bottom:6px;
	}
.buttonTnc{
	width:123px;
	position:absolute;
	bottom:0;
	bottom:6px;
	}						
.productWrap ul li:last-child .icon img{
	width:100%;
	}
.disclaimerWrap p{
	margin:0 6px;
	}
.cardDetailsWrapper{
	width:96%;
	margin:0 2%;
	}	
.cardDetailsWrapper .leftSection{
	padding:0 0 0 0;
	margin-top:50px;
	width:100%;
	}
.cardDetailsWrapper .leftSection .cardTxt{
	position:absolute;
	top:10px;
	font-size:17px;
	width:87%;
	padding-left:0px;
	padding-top:3px;
	left:14px;
	}
.cardDetailsWrapper .leftSection .cardTxt span{
	display:inline;
	}
.cardDetailsWrapper .leftSection .applyNow{
	width:100px;
	font-size:15px;
	margin-top:24px;
	}	
.cardDetailsWrapper .leftSection .cradImage{
	width:auto;
	}
.cardDetailsWrapper .leftSection .cradImage img{
	width:100%;
	}
.cardDetailsWrapper .rightSection{
	border:none;
	width:auto;
	padding-top:0px;
	margin-top:10px;
	padding-bottom:10px;
	
	float:left;
	}
.cardDetailsWrapper .rightSection .follow{
	font-size:12px;
	margin-left:14px;
	}
.currentOffers{
	font-size:16px;
	width:153px;
	margin-left:27%;
	margin-top:20px;
	}
.offerDate span{
	display:block;
	}
.dateCounter{
	display:none;
	}		

.mc{ margin:0px auto; width:100%;}
	.mw{ width:96%; margin:0 2%; float:left;}
	.dl{display:none;}
	.hd{background:url(../img/heading-mb-bg.jpg) #18b3de left top no-repeat; height:40px;}
	.tf{ display:none;}
	.sw .l, .sw .r{ width:96%;}
	.sw .l .stW .h{ height:35px;}
	.sw .l .stW .m{ height:200px;}	
.closeMobile{
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	display:block;
	}	
.fancybox-close{
	top:-10px !important;
	height:35px  !important;
	}	
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	.container{
		width:100%;
		float:left;
		}
	
.mainBG {
    background: url(../img/mob-bg.jpg) no-repeat  center top;
    min-height:432px;
    position: relative;
}	
.offerDate{
	background:url(../img/line-mob.png) left center no-repeat;
	font-size:12px;
	margin-left:0px;
	background-size:100%;
	width:80%;
	padding:0 10%;
	border:none;
	margin-top:8px;
	}
.offerDate span{
	display:block;
	}	
.productWrap ul li{
	width:46%;
	height:216px;
	}
.right .storeList{
	width:114px;
	}
.right{
	padding-left:14px;
	margin-left:18px;
	margin-top:15px;
	display:none;
	}
.productWrap{
	width:97%;
	margin-left:3%;
	margin-top:20px;
	}
.button{
	width:123px;
	}
.buttonTnc{
	width:123px;
	}						
.productWrap ul li:last-child .icon img{
	width:100%;
	}
.disclaimerWrap p{
	margin:0 6px;
	}
.cardDetailsWrapper{
	width:96%;
	margin:0 2%;
	}	
.cardDetailsWrapper .leftSection{
	padding:14px 0 0 0;
	margin-top:35px;
	width:100%;
	}
.cardDetailsWrapper .leftSection .cardTxt{
	position:absolute;
	top:10px;
	font-size:17px;
	width:87%;
	padding-left:0px;
	left:14px;
	}
.cardDetailsWrapper .leftSection .cardTxt span{
	display:inline;
	}
.cardDetailsWrapper .leftSection .applyNow{
	width:100px;
	font-size:15px;
	margin-top:18px;
	}	
.cardDetailsWrapper .leftSection .cradImage{
	width:56%;
	}
.cardDetailsWrapper .leftSection .cradImage img{
	width:100%;
	}
.cardDetailsWrapper .rightSection{
	border:none;
	width:auto;
	padding-top:0px;
	margin-top:8px;
	float:left;
	padding-bottom:15px;
	
	}
.cardDetailsWrapper .rightSection .follow{
	font-size:12px;
	margin-top:0;
	margin-left:14px;
	}
.currentOffers{
	font-size:16px;
	width:153px;
	margin-left:27%;
	margin-top:-44px;
	}							
				
.productWrap ul li:nth-child(6).offerValidity{
	margin-top:20px;
	}
	
	

.button{
	position:absolute;
	bottom:10px;
	}	
.buttonTnc{
	position:absolute;
	bottom:10px;
	}					
.offerValidity{
	position:absolute;
	bottom:40px;
	}
.midBg{
	margin-top:0px;
	}

.dateCounter{
	display:none;
	}
.closeMobile{
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	display:block;
	}
.logo{
	width:30%;
	float:left;
	margin-left:5px;
	}	
.logo img{
	width:100%;
	}
.logoRight{
	width:30%;
	float:right;
	margin-right:5px;
	}
.logoRight img{
	width:100%;
	}
.offerTxt p{
	line-height:15px;
	}	
	
/*.productWrap ul li:hover .buttonTnc{
	display:none;
	}
.productWrap ul li:hover .button{
	display:block;
	}	*/
												
	
.sw .l, .sw .r{ width:96%;}
	.sw .l .stW .h{ height:35px;}
	.sw .l .stW .m{ height:200px;}
	.mnc ul li .wrptxt .r .b{ margin-left:25%; }
	.mnc ul li .wrptxt .r .or{ margin-left:5%; }
	.mnc ul li .wrptxt .r .pc, .mnc ul li .wrptxt .r .b{ transform:scale(0.8); margin-left:5%;}
	.slP .h ul li{ width:100%; margin-right:0; margin-bottom:2%;}
	.slP .h ul li span{ display:inline;}
	
	.slP .swP .w{ height:230px;}
	.slP .swP .w ul li{ width:96%; border-right:none;}
	.slP .h ul li .s{ width:100%;}	
	
	
.fancybox-close{
	top:-10px !important;
	height:35px  !important;
	}
					
	}



@font-face {
						font-family: 'GEInspira-Bold';
						src: url('fonts/ufontscomgeinspirabold.eot');
						src: url('fonts/ufontscomgeinspirabold.eot?#iefix') format('embedded-opentype'),
								 url('fonts/ufontscomgeinspirabold.woff') format('woff'),
								 url('fonts/ufontscomgeinspirabold.ttf') format('truetype'),
								 url('fonts/ufontscomgeinspirabold.svg#ufontscomgeinspirabold') format('svg');
						font-weight: normal;
						font-style: normal;
				}
				
@font-face {
					
					src: url('fonts/geinsprg.eot');
					src: url('fonts/geinsprg.eot?#iefix') format('embedded-opentype'),
							 url('fonts/geinsprg.woff') format('woff'),
							 url('fonts/geinsprg.ttf') format('truetype'),
							 url('fonts/geinsprg.svg#geinsprg') format('svg');
					font-weight: normal;
					font-style: normal;
			}				












/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}