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

ul{
	margin:0px;
}
.clr30{
	height:30px;
	clear:both;
}
.clr20{
	height:30px;
	clear:both;
}
.clr10{
	height:10px;
	clear:both;
}

/*aboutAreasec start*/
.aboutAreasec{
    width: 90%;
    margin:0 auto;
	/*background:#9F0;*/
	padding:20px;
	/*-webkit-box-shadow: inset 0 0 10px 8px #d1d1d1;
	box-shadow: inset 0 0 10px 8px #d1d1d1;
	-webkit-box-shadow: 0 0 10px 5px #d1d1d1;
	box-shadow: 0 0 10px 5px #d1d1d1;
	-moz-box-shadow: 0 0 10px 5px #d1d1d1;*/
	clear:both;
	overflow:hidden;
}
.aboutAreasec .secPartarea{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	margin-bottom:5px;
	margin-top:15px;
}

h2.headSec{
	color: #000000;
	font-size:40px;
	font-weight: normal;
	text-transform: none;
	line-height:40px;
	padding:0;
	margin-bottom:20px;
	float:left;
	width:100%;
	margin-top:15px;
}






h2.headSec span{
	color:#ed1c24;
}
p.TsecPart{
	font-size:18px;
	line-height:24px;
	color:#393939;
	padding:0;
	margin-bottom:12px;
	float:left;
	width:100%;
	text-align:justify;
}

.abConsText{
    font-size:18px;
	line-height:24px;
	color:#393939;
	padding:0;
	/*margin-bottom:100px;*/
	margin-bottom:20px;
	float:left;
	width:100%;
	text-align:justify;
}


.bottSecUnderline{
	border-bottom:#cccccc solid 1px;
	width:70%;
	margin:10px auto 20px;
	clear:both;
}


h2.blueHeadsec{
	color: #3b6bb4;
	font-size:36px;
	font-weight: normal;
	text-transform: none;
	padding:0;
	margin-bottom:10px;
	float:left;
	width:100%;
	margin-top:5px;
	font-weight:normal;
	font-family:"Roboto-Condensed";
}

	
h3.orangeText{
	color:#f78d1e;
	font-size:24px;
	font-weight: normal;
	text-transform: none;
	line-height:30px;
	padding:0;
	margin-bottom:10px;
	float:left;
	width:100%;
	margin-top:15px;
	font-weight:normal;
}
h3.blue{
	color:#3b6bb4;
	font-size:24px;
	font-weight: normal;
	text-transform: none;
	line-height:30px;
	padding:0;
	margin-bottom:10px;
	float:left;
	width:100%;
	margin-top:15px;
	font-weight:normal;
}
h3.green{
	color:#32c0d6;
	font-size:24px;
	font-weight: normal;
	text-transform: none;
	line-height:30px;
	padding:0;
	margin-bottom:10px;
	float:left;
	width:100%;
	/* margin-top:15px; */
	font-weight:normal;
}
h3.sky{
	color:#528de6;
	font-size:24px;
	font-weight: normal;
	text-transform: none;
	line-height:30px;
	padding:0;
	margin-bottom:10px;
	float:left;
	width:100%;
	margin-top:15px;
	font-weight:normal;
}
/* founder css start */
.founConLastImg{
	width:40%;
	float:left;
	text-align:center;
	
}
.abFounderMainDiv{
	width:100%;
}
.abFounBox1{
	width:30%;
	float:left;
	margin-left:2.5%;
	margin-right:2.5%;
}
.abFounBox{
	width:30%;
	float:left;
	margin-right:2.5%;
}
.abFounImgDiv{
	text-align:center;
}
.abFounTextDiv{
	font-size:20px;
	line-height:30px;
	color:#3bbaf8;
	max-width:400px;
	text-align:justify;
	margin:0px auto;
	margin-top:20px;
	margin-bottom:50px;
}
.abFounTextDiv span{
	color:#1978a6;
}
.aboutHeadImgDiv{
	text-align:center;
}

.aboutHeadImgDiv img{
	max-width:100%;
}
.aboutFullImgDiv{
	/*margin-bottom:100px;*/
	margin-bottom:25px;
}
.abFounTextDiv span{
	font-weight:600;
}

/* founder css end */
.timeHeader{
	font-size:45px;
	text-align:center;
	margin-bottom:30px;
	font-family:Roboto-Condensed;
}
.timeHeader span{
	font-size:45px;
	color:#ed1c24;
}
.commitHeader{
	font-size:45px;
	text-align:center;
	margin-bottom:30px;
	font-family: Roboto-Condensed;
}
.commitHeader span{
	font-size:45px;
	color:#ed1c24;
}
.timeImgDiv{
	margin-bottom:40px;
	text-align:center;
}
.timeImgDiv img{
	max-width:100%;
    border: 1px solid #DDD;
    border-radius: 5px; 
	padding:3px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.timeImgDiv3{
	margin-bottom:100px;
	text-align:center;
}
.timeImgDiv3 img{
	max-width:100%;
}

.abPublicTextImg{
	width:100%;
	position:relative;
	/*top:135px;*/
}

.timePublicImg{
	width:80%;
}


.purposeImg{
	width:100%;
	margin-top:40px;	
	margin:0px auto;
}
.brandImg{
	/* width:30%; */
}





.foundividerImg{
	margin:0px auto;
}
.aboutFullImg{
	width:100%;
	/*margin-bottom:50px;*/
	margin-bottom:20px;
}
/* gallery section css start */
.aboutHeadImgTextDiv{
	width:100%;
	margin-bottom:20px;
}
.aboutImgTextFMainDiv{
	width:100%;
    margin-top:50px;
	margin-bottom:30px;
}

.abtImgTextFLeftMain{
	width:37%;
	float:left;
	margin-right:6%;
	
}
.abtTextLeftDiv{
	max-width:600px;
	margin:0px auto;
	margin-top:70px;
	font-size:28px;
	text-align:justify;
	line-height:40px;
	color:#3bbaf8;
}
.abtImgTextFRight{
	width:50%;
	float:left;
}
.aboutImgTextSMain{
	width:100%;
	
}
.abtImgTextSLeft{
    width: 47%;
    float: left;
    text-align: right;
    margin: 0px auto;
    margin-right:14%;
}
.abtImgTextSRight{
	width:50%;
	max-width:600px;
	float:left;
	font-size:28px;
    text-align:justify;
	line-height:40px;
	color:#3bbaf8;
	margin-top:30px;
	
}
.abGalSImg{
	display:none;
}

/* gallery section css end */
.aboutDasbordMain{
	margin-top:20px;
}
.abProfileText{
	color:#5096ff;
	font-size:24px;
	margin-bottom:20px;
	line-height:30px;
}
.abProfileText span{
	color:#ff6600;
}

.aboutDivider{
	margin-bottom:30px;
}
.abPurposeFDiv{
	width:45%;
	float:left;
	margin-right:3%;
}
.abPurposeSDiv{
	width:45%;
	float:left;
}
.abProfileTextMain{
	width:45%;
	float:left;
	margin-left:5%;
}
.abOurstoryImgDiv{
	width:45%;
	float:left;
}
.abStandTextMain{
	margin-bottom:50px;
}
@media screen and (max-width:1740px){
	.abtImgTextSRight{
		width:35%;
		
	}
}
@media screen and (max-width:1580px){
	.abPublicTextImg{
		position:relative;
		/*top:100px;*/
	}
	h2.standBlueHeadsec{

	margin-bottom:10px;
	font-size:30px;

}


.brandImg{
	 width:40%; 
}
.abProfileText {
    color: #5096ff;
    font-size: 20px;
    margin-bottom: 15px;
    line-height: 25px;
}
}
@media screen and (max-width:1530px){
.abtImgTextSRight{
		width:48%;
		line-height:37px;
	}
}
@media screen and (max-width:1520px){
.abtImgTextSLeft{
	margin-right:5%;
}
.founImg{
	width:300px;
}
}
@media screen and (max-width:1410px){



h2.blueHeadsec{
	font-size:30px;
	margin-bottom:10px;

}

.abtImgTextSLeft{
	margin-right:28%;
}
.abtImgTextSLeft{
	width:22%;
}
.abtImgTextSRight{
	max-width:500px;
}
.abFounTextDiv {    
    font-size: 18px;
    line-height: 26px;

    max-width: 312px;

}
.abtImgTextFLeftMain {
    margin-right: 7%;
}

}

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


.abProfileText {
    
    font-size: 18px;
    margin-bottom: 10px;
    
}
}
@media screen and (max-width:1160px){
	.abFounBox1{
		width:100%;
		margin-bottom:10px;
	}
	.abFounBox{
		width:100%;
		
	}
	.abFounTextDiv{
		max-width:400px;
		margin-bottom:20px;
	}
}
@media screen and (max-width:1100px){



	.abPublicTextImg{
		position:relative;
		top:20px;
	}
	.abGalImg{
	width:400px;
}
}
@media screen and (max-width:1024px) {
.aboutAreasec{
    width:90%;
	padding:10px;
}

.abOurstoryImgDiv {
    width: 100%;
	margin-bottom:20px;
   
}
.abProfileTextMain {
    width: 100%;
	margin-left:0px;
	text-align:justify;

}
.abPurposeFDiv {
    width: 100%;
	margin-bottom:20px;

}
.abPurposeSDiv {
    width: 100%;
    
}

}
@media screen and (max-width:950px){

.abtImgTextSRight{
	font-size:23px;
	line-height:40px;
}
.abGalImg {
    width: 380px;
}
.abtTextLeftDiv{
	font-size:23px;
}
.abtImgTextFLeftMain {
    margin-right: 10%;
}
}
@media screen and (max-width:860px){
.abtImgTextSRight{
	font-size:20px;
	line-height:30px;
}
.abGalImg {
    width: 340px;
}
.abtTextLeftDiv{
	font-size:20px;
	line-height:30px;
}
.abFGalImg{
	width:300px;
}
.aboutFullImg{
	
	margin-bottom:20px;
}
}
@media screen and (max-width:767px){
/*.aboutAreasec {
    width:100%;
    padding:10px;
}*/
}
@media screen and (max-width:730px){
.abtImgTextFLeftMain {
    width: 48%;
    float: left;
    margin-right:2%;
}
.abtTextLeftDiv{
	font-size:19px;
}

}
@media screen and (max-width:700px){
	.abtImgTextFLeftMain{
		width:100%;
	}
	.abtImgTextFRight{
		width:100%;
		text-align:center;
	}
	.abtImgTextSLeft{
		width:100%;
		text-align:center;
	}
	.abtImgTextSRight{
		width:100%;
		max-width:none;
	}
	.abGalImg{
		display:none;
	}
	.abtTextLeftDiv{
		max-width:none;
	}
	.abGalSImg{
		display:inline;
		width:340px;
		
	}
}
@media screen and (max-width:630px){
.commitHeader{
	font-size:35px;

}

.commitHeader span{
	font-size:35px;
	
}
.timeHeader{
	font-size:35px;
	text-align:center;
	margin-bottom:50px;
}
.timeHeader span{
	font-size:35px;
	
}



}
@media screen and (max-width:600px){


.abProfileText {
    font-size: 15px;
    margin-bottom: 10px;
}
.abConsText{
	margin-bottom:50px;
}
}
@media screen and (max-width:520px){
.commitHeader{
	font-size:25px;
	margin-bottom:10px;

}
.commitHeader span{
	font-size:25px;
	
}
.timeHeader{
	font-size:25px;
	text-align:center;
	margin-bottom:30px;
}
.timeHeader span{
	font-size:25px;
	
}
h2.headSec{
	font-size:33px;
}
p.TsecPart{
	font-size:15px;
}
	.abGalSImg{
		display:inline;
		width:280px;
		
	}
}

@media screen and (max-width:440px) {
.aboutAreasec{
    width:90%;
	padding:10px;
	margin-right:3%;
}
}
/*-------aboutAreasec end---------*/








/*-------------Giftcard SecArea start--------------*/
.GcardSecArea{
	width:98%;
    margin:1% auto;
	/*background:#9F0;*/
	padding:20px 0px;
	/*-webkit-box-shadow: inset 0 0 10px 8px #d1d1d1;
	box-shadow: inset 0 0 10px 8px #d1d1d1;
	-webkit-box-shadow: 0 0 10px 5px #d1d1d1;
	box-shadow: 0 0 10px 5px #d1d1d1;
	-moz-box-shadow: 0 0 10px 5px #d1d1d1;*/
	clear:both;
	overflow:hidden;
}

.secPartarea{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	margin-bottom:10px;
}
.abouInfoMainDiv{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	margin-bottom:20px;
}
.Tsecarea{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	margin-top:0px;
	margin-bottom:5px;
}

h2.blueHeading{
	color: #3b6bb4;
	font-size:22px;
	font-weight: normal;
	text-transform: none;
	line-height:22px;
	text-decoration:underline;
	padding:0;
	margin-bottom:20px;
	text-align:center;
	float:left;
	width:100%;
    padding-top:20px;
}
.threeRoundSec{
	float:left;
	width:100%;
	text-align:center;
	display:inline-block;
	padding:0px;
	margin:5px auto 5px;
}


.TGolRound{
	float:left;
	width:23%;
	margin:0 1% 0 1%;
	padding:0;
	text-align:center;
}
.TGolRound:hover .AdBoxTextDiv{
	color:#393a39!important;
	border-bottom:1px solid #393a39;
}

.AdBoxTextDiv{
	max-width:100%;
	height:45px;
	/* background:rgba(0,0,0,.6); */
	font-size:18px!important;
	line-height:20px;
	text-align:center;
	font-weight:bold;
	padding:10px 0px 5px 0px;
	color:#277487!important;
	position:relative;
	border-bottom:1px dashed #393a39;
}

.round{
	width:240px!important;
	overflow:hidden;
	margin:5px auto;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	
}
.ih-item.circle {
    position: relative;
    width: 240px!important;
    height: 240px!important;
    border-radius: 50%;
    margin: 0px auto;
}
.ih-item.circle .img {
    position: relative;
    width: 240px!important;
    height: 240px!important;
    border-radius: 50%;
}


h3.orangeHead {
	width:100%;
    color: #f78d1e;
    font-size: 23px;
    font-weight: normal;
    text-transform: none;
    line-height: 36px;
    margin-bottom:10px;
    float: left;
    margin-top:10px;
	text-align:center;
}

h3.orangeHead {
	width:100%;
    color: #f78d1e;
    font-size: 23px;
    font-weight: normal;
    text-transform: none;
    line-height: 36px;
    margin-bottom:10px;
    float: left;
    margin-top:10px;
	text-align:center;
}
/*fourBoxSec*/
.fourBoxSec{
	float:left;
	width:100%;
	text-align:center;
	display:inline-block;
	padding:0px;
	margin:5px 0px 5px 0px;
}
.picTextBox{
	float:left;
	width:23%;
	margin:1%;
    min-height:255px;
}
.picTextBox img{
	max-width:100%;
	padding:0px;
	margin:0px 0px 5px 0px;
	border:#cccccc solid 1px;
	border-radius:15px;
	box-shadow:3px 3px 4px #888888;
}
.picTextBox a img{
	max-width:100%;
	padding:0px;
	margin:0px 0px 5px 0px;
}
.picTextBox a img:hover{
	opacity:0.8;
    filter:alpha(opacity=80);/* For IE8 and earlier */
}

.picTextBox .bottTexSec{
	float:left;
	width:100%;
	padding:0px;
	margin:3px 0px;
	text-align:center;
	text-transform:capitalize;
	text-transform:uppercase;
	
	font-size:18px;
	letter-spacing:1px;
	font-weight:bold;
	color: rgb(61, 116, 190);
	text-decoration: none;
	text-shadow: rgb(201, 225, 255) 2px 2px 0px;
}
/*topSearchBoxSEC end*/
.topSearchBoxSEC{
	float:left;
	width:100%;
	padding:0;
	margin:0;
}
.GiftcardSboxpartSec{
	float:left;
	width:20%;
	margin-right:1%;
}
.GiftcardSboxpartSec div.one{
	float:left;
	width:15%;
	margin-right:5px;
	font-size:14px;
	padding-top:5px;
}
.GiftcardSboxpartSec div.two{
	float:right;
	width:80%;
	margin-right:5px;
	font-size:14px;
}
.GiftcardSboxpartSec div.both{
	float:left;
	width:100%;
	margin-right:5px;
	font-size:12px;
}
.GiftcardSboxIconSec{
	float:right;
	width:10%;
	text-align:right;
}

.GiftcardSboxpartSec input[type=text]{
	width:90%;
	outline:none;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.GiftcardSboxpartSec select{
	width:90%;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-webkit-appearance: none;
    -moz-appearance: none;
	background:#ffffff url(../images/blkarrow_down.png) no-repeat 95% center;
	outline:none;
}
.GiftcardSboxpartSec select.sky{
	width:90%;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-webkit-appearance: none;
    -moz-appearance: none;
	background:#e0ebed url(../images/blkarrow_down.png) no-repeat 95% center;
	outline:none;
}

.shortIconsec{
	float:right;
	width:10%;
}

/*headLinkSec*/
.headLinkSec{
	float:left;
	width:100%;
	padding:0px;
	margin:5px 0px 5px;
}
.lefthead{
	float:left;
	width:48%;
	color:#4f81bd;
	font-size:18px;
	text-transform:uppercase;
}

.righthead{
	float:right;
	width:50%;
	color:#f78d1e;
	font-size:18px;
	text-transform:uppercase;
	text-align:right;
}
.righthead a{
	color:#f78d1e;
	text-decoration:underline!important;
}
.righthead a:hover{
	text-decoration:none!important;
}
/*headLinksec end*/

/*sixBoxSec*/
.sixBoxSec{
	float:left;
	width:100%;
	text-align:center;
	display:inline-block;
	padding:0px;
	margin:5px 0px 5px 0px;
}
.chabiTextBox{
	float:left;
	width:24%;
	margin:1% .5%;
	text-align:center;
	overflow:hidden;
	/*padding-top:5px;*/
	padding-bottom:12px;
	/*background:#f2f1f1;*/
    background:#f78d1f;
	-webkit-box-shadow:0px 4px 5px 0px rgba(0,0,0,0.44);
    -moz-box-shadow:0px 4px 5px 0px rgba(0,0,0,0.44);
    box-shadow:0px 4px 5px 0px rgba(0,0,0,0.44);
	border-radius:7px;
	/*max-width:320px;*/
}
/*.chabiTextBox img{
	max-width:100%;
	padding:0px;
	margin:0px auto 5px;
	border:#f78d1e solid 3px;
	border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
}*/
.chabiTextBox a{
	margin:0px;
}
.chabiTextBox a > div{
	margin:0px auto;
	overflow:hidden;
	max-height:150px;
	vertical-align:middle;
	text-align:center;
}

.chabiTextBox a > div img{
	/*max-width:100%;*/
	width:100%;
	border-radius:6px 6px 0px 0px;
	-moz-border-radius:6px 6px 0px 0px;
	-webkit-border-radius:6px 6px 0px 0px;
    max-height: 125px;
}
.chabiTextBox a > div img:hover{
	opacity:0.8;
    filter:alpha(opacity=80);/* For IE8 and earlier */
}
.underTexSec{
	float:left;
	width:100%;
	padding:0px;
	margin:0px 0px 3px 0px;
	text-align:center;
	text-transform:capitalize;
	text-transform:uppercase;
	font-size:30px;
	line-height:70px;
	letter-spacing:1px;
	/*font-weight:bold;
	color: rgb(61, 116, 190);
	text-decoration: none;
	text-shadow: rgb(201, 225, 255) 2px 2px 0px;*/
	font-weight:normal;
	color:#000000;
	/*padding-top:8px;*/
	/*height:30px;*/
    background:rgb(255 255 255 / 84%);
	/*background: rgba(0,0,0,.7);*/
	/*margin-top:-40px;*/
	/*z-index:1000;*/
	position:relative;
	overflow:hidden;
}
.twoButtLinkSecArea a{
    color:#ffffff;
    font-size:20px;
}
.underTexSec3{
	float:left;
	width:100%;
	padding:0px;
	margin:3px 0px;
	text-align:center;
	text-transform:capitalize;
	text-transform:uppercase;
	font-size:16px;
	line-height:18px;
	letter-spacing:1px;
	font-weight:bold;
	color: rgb(61, 116, 190);
	text-decoration: none;
	text-shadow: rgb(201, 225, 255) 2px 2px 0px;
	font-weight:normal;
/*	color:#ffffff;
	padding-top:8px;
	height:30px;
	background: rgba(0,0,0,.7);
	margin-top:-40px;
	position:relative;*/
}
.twoButtLinkSecArea{
	float:left;
	width:90%;
	text-align:center;
	margin-top:5px;
	padding-left:5%;
	padding-right:5%;
	/*margin-top:18px;
	margin-bottom:6px;*/
}
a.giNow{
	width:54px;
	height:42px;
	padding:5px;
	text-align:center;
	margin-right:5px;
	text-transform:uppercase;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font-size:12px;
	border:#3b6bb4 solid 1px;
	background-color:#e1ecfb;
    color:#3b6bb4;
	font-weight:bold;
}

a.giNow:hover{
	background-color:#3b6bb4;
	color:#ffffff;
	text-decoration:underline;
	opacity:0.9;
    filter:alpha(opacity=90);/* For IE8 and earlier */
}
a.vMore{
	/*background:#4bacc6;*/
	width:54px;
	height:42px;
	padding:5px;
	text-align:center;
	margin-right:5px;
	text-transform:uppercase;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font-size:12px;
	border:#f78d1e solid 1px;
	background-color:#fff3e7;
    color:#f78d1e;
	font-weight:bold;
}

a.vMore:hover{
	background-color:#f78d1e;
	color:#ffffff;
	text-decoration:underline;
	opacity:0.9;
    filter:alpha(opacity=90);/* For IE8 and earlier */
}

/*sixBoxSec End*/

/*roundLeftPart*/
.roundLeftPart{
	float:left;
	width:19%;
	padding:0px;
	margin:0px;
	border-right:#bfbfbf solid 1px;
}

.gCardSidePic{
	width:94%;
	max-width:350px;
	margin:0 auto 3px auto;
	padding:3px 0px 3px 0px;
}

.gCardSidePic img{
	max-width:100%;
	padding:0;
	margin:5px auto;
	clear:both;
}
.gCardSidePic img:hover{
	opacity:0.8;
    filter:alpha(opacity=80);/* For IE8 and earlier */
}

.gcardBoxBlkText3{
	width:96%;
	font-size:13px;
	line-height:15px;
	margin:3px auto;
	height:33px;
	color:#ffffff;
	padding:18px 2% 0px 2%;
	position:relative;
	top:-58px;
	margin-bottom:-58px;
	background:#3F0;
	background-color: rgba(0, 0, 0, 0.7);
	text-align:center;
}

.gCardSidePic:hover .gcardBoxBlkText3{
	font-size:14px;
	padding:23px 2% 5px 2%;
	height:43px;
	-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	top:-78px;
	margin-bottom:-78px;
}
.gCardSidePic:hover img{
	opacity:0.8;
    filter:alpha(opacity=80);/* For IE8 and earlier */
}



/*------------------*/
.gcardBoxBlkText{
	width:96%;
	font-size:13px;
	line-height:15px;
	margin:3px auto;
	height:40px;
	color:#ffffff;
	padding:10px 2% 1px 2%;
	position:relative;
	top:-58px;
	margin-bottom:-58px;
	background:#3F0;
	background-color: rgba(0, 0, 0, 0.7);
}

.gCardSidePic:hover .gcardBoxBlkText{
	font-size:14px;
	padding:15px 2% 4px 2%;
	height:50px;
	  -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	top:-78px;
	margin-bottom:-78px;
}
.gCardSidePic:hover img{
	opacity:0.8;
    filter:alpha(opacity=80);/* For IE8 and earlier */
}
.tcenTer{
	text-align:center!important;
}

/*roundLeftPart end*/

/*fromContTxtRightPart*/
.fromContTxtRightPart{
	float:right;
	width:79%;
	margin-left:1%;
}
.logoAndSocialMdPart{
	float:left;
	width:40%;
	padding:0px;
	margin:0px;
}
.LogPicSec{
	float:left;
	width:100%;
	text-align:center;
}
.LogPicSec a img{
	max-width:170px;
	max-height:170px;
	margin:5px auto;
}

.SocIconSec{
	float:left;
	width:100%;
	text-align:center;
	display:inline-block;
	color:#3b6bb4;
	font-size:12px;
	line-height:18px;
	margin-top:6px;
}

.SocIconSec a img{
	margin-left:7px;
	margin-right:7px;
	margin-bottom:-10px;
}
.SocIconSec a img:hover{
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */	
}

.gCardFromAreaSec{
	float:right;
	width:58%;
	padding:0px;
	margin:0px;
}

.shop-giftcardFrom {
	width:98%;
    padding:30px 5px;
	margin: 0 0 0px 1%!important;
    overflow: hidden;
	background:url(../images/gc/sk-bg.png) no-repeat;
}
.shop-giftcardFrom fieldset{
	float:left;
	width:99%;
	display:inline-block;
}
.shop-giftcardFrom fieldset label{
	width:30%;
	float:left;
	text-align:right;
	font-size: 12.5px;
    line-height: 28px;
    padding-right: 15px;
    color: #5c5c5c;
}
.shop-giftcardFrom fieldset label.blk{
	color:#000000;
}
.shop-giftcardFrom fieldset div.rightS{
	float:right;
	width:65%;
	margin-left:2%;
	color:#767676;
}
.shop-giftcardFrom fieldset div.rightS input{
	outline:none;
	margin-top:-3px;
}
.shop-giftcardFrom fieldset div.rightS input[type=text]{
	width:90%;
}

.shop-giftcardFrom fieldset div.rightS textarea{
	width:90%;
}
.shop-giftcardFrom fieldset div.rightS select{
	width:93%;
	/*-webkit-appearance: none;
    -moz-appearance: none;
	background:#ffffff url(../images/blkarrow_down.png) no-repeat 98% center;*/
	outline:none;
}
.shop-giftcardFrom fieldset div.rightS span{
        color: red;
    position: relative;
    top: -5px;
}
/*fromContTxtRightPart end*/

/*bluTxtSec*/
.bluTxtSec{
	float:left;
	width:43%;
	padding:0px;
	margin:0px;
}
.bluTxtSec p{
	float:left;
	width:100%;
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	font-size:14px;
	line-height:20px;
	/*color: #3b6bb4;*/
}
h3.blueHead {
    width: 100%;
    color: #3b6bb4;
    font-size:20px;
    font-weight: normal;
    text-transform: none;
    line-height: 36px;
    margin-bottom:12px;
    float: left;
    margin-top: 5px;
    text-align:left;
	border-bottom:#FC0 solid 2px;
}
/*bluTxtSec end*/
.r_circleArea{
	float:right;
	width:54%;
	padding:0px;
	margin:0px;
	text-align:center;
	background:url(../images/gc/gray-bg.png) no-repeat;

}
.r_circleArea img{
	max-width:80%;
}
/*.yellowRound{
	width:260px;
	height:200px;
	background:#ffff00;
	border:#3b6bb4 solid 1px;
	padding:90px 60px;
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	color:#3b6bb4;
	text-align:center;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-khtml-border-radius:50%;
	-o-border-radius:50%;
	margin:0 auto;
}
.yellowRound h2{
	font-size:22px;
	line-height:25px;
	color:#3b6bb4;
	padding:0px;
	margin-bottom:10px;
}
.yellowRound a{
	font-size:16px;
	font-weight:normal;
	color:#3b6bb4;
	text-decoration:underline!important;
}
.yellowRound a:hover{
	text-decoration:none!important;
}*/
/*4th page*/
.LeftGcardListArea{
	float:left;
	width:20%;
	padding:0;
	margin:0;
	/*background:#6F9;*/
}
.RightGcardcontPart{
	float:right;
	width:79%;
	margin-left:1%;
}

.fiveBoxSec{
    float: left;
    width: 100%;
    text-align: center;
    display: inline-block;
    padding: 0px;
    margin: 5px 0px 5px 0px;
}

.PicTextBox{
	float:left;
	width:18%;
	margin:1%;
	overflow:hidden;
	padding-top:5px;
	padding-bottom:12px;
}
.PicTextBox img{
	max-width:100%;
	padding:0px;
	margin:0px auto 5px;
	border:#f78d1e solid 3px;
	border-radius:18px;
}
.PicTextBox a img{
	max-width:100%;
	padding:0px;
	margin:0px auto 5px;
}
.PicTextBox a img:hover{
	opacity:0.8;
    filter:alpha(opacity=80);/* For IE8 and earlier */
}
.StoreDetailsdiv span{
	padding:12px;
	/*background:#eaeaea;*/
	font-size:18px;
	margin-bottom:6px;
	width:100%;
	float:left;
	/*border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;*/
	border-top:#4e72b0 solid 2px;
	margin-top:10px;
	color:#a3a3a3;
}

@media screen and (max-width:1600px) {
.threeRoundSec img{
	/*max-width:200px;*/
	margin:1%;
}
}
@media screen and (max-width:1550px) {
.chabiTextBox{
	width:23%;
	margin:1%;
}
}

@media screen and (max-width:1420px) {
.PicTextBox{
	float:left;
	width:23%;
	margin:1%;
}

.gcardBoxBlkText3{
	width:96%;
	font-size:12px;
	line-height:15px;
	height:34px;
	padding:17px 2% 0px 2%;
	top:-58px;
	margin-bottom:-53px;
	
}

.gCardSidePic:hover .gcardBoxBlkText3{
	font-size:13px;
	padding:22px 2% 5px 2%;
	height:44px;
	top:-76px;
	margin-bottom:-76px;
}



/*------------------*/
.gcardBoxBlkText{
	width:96%;
	font-size:12px;
	line-height:15px;
	height:43px;
	color:#ffffff;
	padding:7px 2% 1px 2%;
	top:-58px;
	margin-bottom:-58px;

}

.gCardSidePic:hover .gcardBoxBlkText{
	font-size:13px;
	padding:12px 2% 4px 2%;
	height:53px;
	top:-78px;
	margin-bottom:-78px;
}


.round{
	width:220px!important;
}
.ih-item.circle {
    width: 220px!important;
    height: 220px!important;
}
.ih-item.circle .img {
    width: 220px!important;
    height: 220px!important;
}

}


@media screen and (max-width:1300px) {
.GiftcardSboxpartSec{
	width:30%;
	margin-right:1%;
}
.bluTxtSec{
	width:30%;
}
.r_circleArea{
	width:69%;
}
.PicTextBox{
	float:left;
	width:31%;
	margin:1%;
}
.shop-giftcardFrom {
	background:none;
}
.r_circleArea{
	background:none;
}
}
@media screen and (max-width:1260px) {
.roundLeftPart{
	width:39%;
}
.fromContTxtRightPart {
    width:59%;
    margin-left: 1%;
}
.gCardFromAreaSec{
	width:100%;
}
.logoAndSocialMdPart {
    width: 90%;
}
.LeftGcardListArea{
	float:left;
	width:30%;
}
.RightGcardcontPart{
	float:right;
	width:69%;
	margin-left:1%;
}
}

@media screen and (max-width:1024px) {
	
.logoAndSocialMdPart{
	width:80%;
}	
	
.GcardSecArea{
    width:98%;
	padding:10px 0px;
}

h2.blueHeading{
	font-size:18px;
}
.chabiTextBox{
	width:31.3%;
	margin:1%;
}
.bluTxtSec{
	width:100%;
}
.r_circleArea{
	width:100%;
}
.TGolRound{
	width:48%;
	margin:1% 1% 1% 1%;
}
}
@media screen and (max-width:980px) {
.shop-giftcardFrom fieldset label{
	width:38%;
}
.shop-giftcardFrom fieldset div.rightS {
    width:50%;
}
.GiftcardSboxpartSec{
	width:49%;
	margin-right:1%;
}
.PicTextBox{
	width:48%;
	margin:1%;
}

}

@media screen and (max-width:767px) {
.threeRoundSec img{
	max-width:150px;
	margin:.5%;
}
.picTextBox{
	width:30%;
	margin:1% 3.3% 1% 0px;
}
.threeRoundSec img{
	max-width:100%;
	margin:1%;
}
.chabiTextBox{
	width:48%;
	margin:1%;
}
.chabiTextBox img {
   /* max-width: 90%;*/
}
.underTexSec{
	font-size:14px;
}
/**/
.yellowRound{
	width:230px;
	height:180px;
	background:#ffff00;
	border:#3b6bb4 solid 1px;
	padding:60px 40px;
	font-size:18px;
	line-height:21px;
}
.yellowRound h2{
	font-size:20px;
	line-height:23px;
}
.yellowRound a{
	font-size:15px;
}
.r_circleArea img {
    max-width:100%;
}
/**/
}

@media screen and (max-width:650px) {
.chabiTextBox{
	width:48%;
	margin:1%;
}
}

@media screen and (max-width:620px) {
.LeftGcardListArea{
	float: left;
    width: 40%;
}
.RightGcardcontPart {
    float: right;
    width: 59%;
    margin-left: 1%;
}
.PicTextBox {
    width:98%;
    margin: 1%;
}
}

@media screen and (max-width:600px) {
.roundLeftPart {
    width:100%;
	text-align:center;
	border-right:0px;
}
.fromContTxtRightPart {
    width:100%;
    margin-left:0px;
}
.logoAndSocialMdPart{
	/*float:none;*/
	margin:0 auto;
	width:90%;
}
.shop-giftcardFrom fieldset label {
    width: 30%;
}
.shop-giftcardFrom fieldset div.rightS {
    width: 64%;
}
.GiftcardSboxpartSec div.one{
	width:25%;
	font-size:12px;
	margin-right:0px;
}
.GiftcardSboxpartSec div.two{
	width:70%;
}
.chabiTextBox{
	width:48%;
	margin:1%;
}

}

@media only screen and (min-width: 601px) and (max-width: 1200px) {
.gcardBoxBlkText{
	width:96%;
	font-size:12px;
	line-height:14px;
}
.gCardSidePic:hover .gcardBoxBlkText{
	font-size:14px;
}
}

@media screen and (max-width:600px) {
.picTextBox{
	width:48%;
	margin:1%;
}
}
@media screen and (max-width:500px) {
.TGolRound{
	width:90%;
	margin:0 5% 0 5%;
}
}

@media screen and (max-width:460px) {
.chabiTextBox {
    width:98%;
    margin:1%;
}
.picTextBox{
	width:98%;
	margin:1%;
}
}

@media screen and (max-width:400px) {
.LeftGcardListArea {
    float:left;
    width:100%;
	margin-bottom:6px;
}
.RightGcardcontPart {
    float: right;
    width:100%;
    margin-left:0px;
}

}

@media screen and (max-width:480px) {
.logoAndSocialMdPart{
	width:100%;
}
.shop-giftcardFrom fieldset label{
    width:35%;
	font-size:12px;
	padding-right:0px;
}
.shop-giftcardFrom fieldset div.rightS{
    width:60%;
}
}
/*-------------Giftcard SecArea End--------------*/


/*------------Shop By Department Sec---------------*/


/*------------Shop By Department Sec end---------------*/


/* mother day css start */

.offerTotalSecAreaMainDiv{
	width:100%;
	clear:both;
	overflow:hidden;
	
}
.offerPageBreadcrumb{
	padding-left:10px;
    padding-top:10px;

}
.mdayOfferBoxMain{
    width: 93%;
    text-align: center;
    margin-left: 3.7%;

}
.offerPageBannerDiv{
	margin-top:30px;
}
.ofrBannerImg{
	width:100%;
}
.offerTextLinkArea{
	width:100%;
	
}
.offerHeadText{
	width:90%;
	float:left;
	position:relative;
	top:15px;
	
}

.offerHeadLink{
	width:10%;
	float:left;
	margin-top:35px;
	font-size:18px;
	position:relative;
	top:5px;
	
}
.ofrTextArea{
	width: 280px;
    padding: 5px;
    background: #d3d3d3;
    background: -moz-linear-gradient(left, #d3d3d3 0%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d3d3d3), color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(left, #d3d3d3 0%,#eaeaea 100%);
    background: -o-linear-gradient(left, #d3d3d3 0%,#eaeaea 100%);
    background: -ms-linear-gradient(left, #d3d3d3 0%,#eaeaea 100%);
    background: linear-gradient(to right, #d3d3d3 0%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#eaeaea',GradientType=1 );
    border-radius: 9px 9px 0px 0px;
	font-size:16px;
	color:##d14a00;
	position: relative;
    top: 23px

	
}
.ofrTextArea span{
	color:#d14a00;
}


.mdayhrLine{
	width:100%;
	height:2px;
background: rgba(209,209,209,1);
background: -moz-linear-gradient(left, rgba(209,209,209,1) 0%, rgba(250,250,250,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(209,209,209,1)), color-stop(100%, rgba(250,250,250,1)));
background: -webkit-linear-gradient(left, rgba(209,209,209,1) 0%, rgba(250,250,250,1) 100%);
background: -o-linear-gradient(left, rgba(209,209,209,1) 0%, rgba(250,250,250,1) 100%);
background: -ms-linear-gradient(left, rgba(209,209,209,1) 0%, rgba(250,250,250,1) 100%);
background: linear-gradient(to right, rgba(209,209,209,1) 0%, rgba(250,250,250,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#fafafa', GradientType=1 );
margin-bottom:30px;
}
@media screen and (max-width:1366px){
.mdayOfferBoxMain{
    width: 96%;
    text-align: center;
    margin-left: 2%;

}
}
@media screen and (max-width:1024px){
.mdayOfferBoxMain{
    width: 96%;
    text-align: center;
    margin-left: 4%;

}
}
@media screen and (max-width:769px){
.mdayOfferBoxMain{
    width: 96%;
    text-align: center;
    margin-left: 2%;

}
}
.proOrgStore{
	color: #888888;
	font-size: 11.5px;
	line-height: 17px;
	padding: 0;
	margin: 0;
	height: 10px;
	padding-bottom: 2%;
	padding-top: 3%;
	padding-left: 4px;
	padding-right: 4px;
	overflow: hidden;
	text-align:left;
}

/* mother day css start */

.motherDayOfrWrapper{
	width:100%;
	
}
.offerBoxMainDiv{
	width:100%;
	margin:0px auto;
	max-width:1200px;
	
}
.offerPageMainHeader{
	color: #3b6bb4;
    font-size: 35px;
	text-align:center;
	margin-bottom:35px;
	margin-top:25px;
}
.offerPageMainHeader span{
	color:#f78d1e;
}
.offerInfoFBox{
	width:26%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	border: 0px solid #f1f1f1; 
-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.32);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.32);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.32);
	padding:8px;
	
	
}
.offerInfoBox{
	width:26%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	border:0px solid #f1f1f1; 
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.32);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.32);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.32);
	padding:8px;
	
	
}
.mtrGiftImg{
	width:100%;

}

.mtrOfrLeftImg{
	width:100%;
}
.mtrGiftOfrTextMain{
	margin-top:10px;
}
.mtrGiftOfrList{
	margin-top:5px;
	max-width:362px;
	height:79px;
	overflow:hidden;
	
}
.orangeOfferHead{
	width:100%;
    color: #3b6bb4;
    font-size: 27px;
    font-weight: normal;
    text-transform: none;
    line-height: 36px;
    /* margin-bottom:30px; */
	margin-top:20px;
    float:left;
	text-align:center;
}
.orangeOfferHead span{
	color: #f78d1e;
}
.offerListText{
	line-height:20px;
	font-size:13px;
	color:#595858;
	margin-bottom:1px solid black;
}
.mtrGiftOfrHead{
	font-size:20px;
	color:#277487;
}
.mtrGiftOfrLstHead{
	font-size:20px;
	color:#474545;
}
.mtrGiftWorkList {
    margin-top: 4px;
}
.mtrGiftHwTextMain{
	display:none;
	margin-top:8px;
}
.mtrGiftHwScndTextMain{
	display:none;
	margin-top:8px;
}
.hwTextItemButt{
	margin-top:5px;
}
.offerItemButtText{
	cursor:pointer;
	font-size:16px;
	color:#f78d1e;
}
.mtrOfrWorkList{
	font-size:13px;
	color:#5c5c5c;
}
.offerHeadBorder{
	width:50%;
	margin:0px auto;
	text-align:center;
	margin-bottom:30px;
}
@media screen and (max-width:876px){
	.offerListText{
		font-size:12px;
	}
	.mtrGiftOfrHead{
		font-size:15px;
	}
	.offerItemButtText{
		font-size:14px;
	}
}
@media screen and (max-width:678px){
	.offerListText{
		font-size:14px;
		line-height:20px;
	}
	.mtrGiftOfrHead{
		font-size:20px;
	}
	.offerItemButtText{
		font-size:15px;
		margin-bottom:10px
	}
.offerInfoFBox{
	width:100%;	
	margin-left:0px;
	margin-right:0px;
	left: -8px;
    position: relative;

	
}
.offerInfoBox{
	width:100%;
	margin-left:0px;
	margin-right:0px;	
	margin-top:20px;
	left: -8px;
    position: relative;
}
.GcardSecArea{
    width:98%;
	padding:0px;
}
}
@media screen and (max-width:580px){
	.offerPageMainHeader{
		font-size:25px;
	}
	.orangeOfferHead{
		font-size:23px
	}
}

/* mother day css end */