.banner { width:100%; max-width:1030px; margin:0 auto; background-image:url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg); background-repeat:repeat-y; background-position:0 0, right 0; position:relative; }
.bannerCaption { width:100%; height:0; background-image:url(../images/marketing-advisory-services/master-banner/desk-img.jpg); background-position:center 0; background-repeat:no-repeat; background-size:auto 100%; padding-bottom:42.6213%; }
.bannerCaption > h2 { font-size:2.8em; line-height:1.2em; color:#fff; position:absolute; left:0; bottom:20px; padding:0 35px; display:none; }

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

	.subHeader { display:none; }
	
	.banner { max-width:100%; margin:0 auto; background-image:none; }
	.bannerCaption { background-image:url(../images/marketing-advisory-services/master-banner/tab-img.jpg); padding-bottom:50.375%; }
	.bannerCaption > h2 { font-size:1.8em; position:static; padding:1em 4% 0 4%; }
}
@media only screen and (max-width:480px){
	
	.bannerCaption { background-image:url(../images/marketing-advisory-services/master-banner/mob-img.jpg); padding-bottom:42.5%; }
	.bannerCaption > h2 { font-size:1.5em; padding:.5em 4% 0 4%; }
}
/*-------------------*/

.content { width:100%; max-width:1030px; margin:0 auto; background-image:url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg); background-repeat:repeat-y; background-position:0 0, right 0; }
.innerContent { padding:2em 35px; color:#666666; }
.innerContent > h2 { font-size:2.5em; line-height:1.3em; }
.innerContent > h3 { font-size:2em; line-height:1.3em; margin-top:1em; color:#dcad5b; }
.innerContent > h4 { font-family:'ProximaNova-Bold', 'ITFDevanagari-Bold', sans-serif; font-size:1.1em; line-height:1.3em; margin-top:1.5em; }
.innerContent > p { font-size:1em; line-height:1.6em; margin-top:1.5em; }
.innerContent > hr { height:1px; width:100%; border:0; margin:2em 0; background-image:url(../images/common/dotted-line.png); background-position:0 0; background-repeat:repeat-x; }

ul.pageList { width:100%; overflow:hidden; }
.pageList li { width:100%; background-image:url(../images/common/dotted-line.png); background-position:0 bottom; background-repeat:repeat-x; margin-bottom:2em; padding-bottom:2em; float:left; }
.pageList li:last-child { background-image:none; }

.pageList li > h2 { font-size:2em; line-height:1.2em; margin-bottom:.8em; color:#3a809f; }
.pageList li > p { font-size:1em; line-height:1.6em; margin-top:1.5em; }


ul.bulletList { width:100%; overflow:hidden; margin:.5em 0 1em 0; }
.bulletList li { width:100%; margin-bottom:.5em; float:left; }
.bulletList li > p { font-size:1em; line-height:1.6em; padding:0 20px 0 12px; background-image:url(../images/marketing-advisory-services/bullet-icon.png); background-position:0 .65em; background-repeat:no-repeat; color:#666; }


@media only screen and (max-width:800px){
	.content { width:100%; max-width:100%; background-image:none; }
	.innerContent { padding:2em 4%; }
	
	.innerContent > h2 { font-size:2em; }
	.innerContent > h3 { font-size:1.5em; }
	.innerContent > p { margin-top:1.5em; }
	
	.pageList li > h2 { font-size:1.5em; margin-bottom:.8em; }
	
}
@media only screen and (max-width:480px){
	.innerContent > h2 { font-size:1.5em; }
	.innerContent > h3 { font-size:1.2em; }
	.innerContent > h4 { font-size:1em; }
	.innerContent > p { font-size:.9em; margin-top:1.5em; }
	
	.pageList li > h2 { font-size:1.2em; margin-bottom:.8em; }
	.pageList li > p { font-size:.9em; margin-top:1.5em; }
	
	.bulletList li { width:100%; }
	.bulletList li > p { font-size:.9em; }
}
@media only screen and (max-width:320px){
	.innerContent > h2 { font-size:1.1em; }
}

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

.innerContentTwo { margin:0 1px; padding:2em 34px; background-color:#f5f3f2; position:relative; }

.panelOne { padding-right:30%; }

.panelOne > h2 { font-family:'ProximaNova-Bold', 'ITFDevanagari-Bold', sans-serif; font-size:1.1em; line-height:1.2em; color:#dcad5b; }
.panelOne > p { font-size:1em; line-height:1.6em; margin-top:.5em; color:#666666; }
.panelOne > h3 { font-family:'ProximaNova-Semibold', 'ITFDevanagari-Bold', sans-serif; font-size:1.1em; line-height:1.6em; margin-top:1em; color:#666666; }

.panelOne > .bulletList li { width:50%; margin-bottom:.5em; float:left; }

.mailBox { border:1px solid #ecc099; background-color:#fff; position:absolute; right:35px; top:50%; margin-top:-7%; text-align:center; padding:2em 3em; }
.mailBox > p { font-size:.9em; line-height:1.6em; color:#666; padding-top:2em; background-image:url(../images/common/mail-icon.png); background-position:center 0; background-repeat:no-repeat; background-size:30px auto; }
.mailBox > p > a { display:block; color:#666; text-decoration:none; }
.mailBox > p > a:hover { color:#dcad5b; }

@media only screen and (max-width:800px){
	
	.innerContentTwo { margin:0; padding:2em 4%; }
	
	.panelOne { padding-right:0; }
	
	.mailBox { position:static; margin:2em 20% 0 20%; padding:2em 5%; }
	
	
}
@media only screen and (max-width:480px){
	
	.panelOne > h2 { font-size:1em; }
	.panelOne > p { font-size:.9em; }
	.panelOne > h3 { font-size:1em;  }
	
	.panelOne > .bulletList li { width:100%; }
	
	.mailBox { position:static; margin:2em 5% 0 5%; padding:2em 5%; }
}

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

.innerContentThree { padding:2em 0; }

.innerContentThree > h2 { font-size:1.8em; line-height:1.3em;  padding:0 5%; color:#dcad5b; }

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

	.innerContentThree { padding:2em 0; }
	
	.innerContentThree > h2 { font-size:1.6em; padding:0 4%; }
	
}

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

	.innerContentThree { padding:2em 0; }
	
	.innerContentThree > h2 { font-size:1.6em; }
	
}

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

.jcarousel-wrapper { margin:.5em auto 0 auto; padding-bottom:6px; position:relative; background-image:url(../images/marketing-advisory-services/brown-bar-line.jpg); background-repeat:repeat-x; background-position:0 bottom; }

/** Carousel **/

.jcarousel { position:relative; overflow:hidden; width:90%; border-left:1px solid #ffd665; border-right:1px solid #ffd665; margin:0 auto; }

.jcarousel ul { width:20000em; position:relative; list-style:none; margin:0; padding:0; }
.jcarousel li { width:200px; float:left; background-color:#ffd665; color:#dcad5b; text-align:center; text-transform:uppercase; }


.innerCarousel { padding:2em 0; margin:2px 1px 0 1px; background-color:#fff; display:block; cursor:pointer; }

.innerCarousel > h3 { height:60px; }
.innerCarousel > p { font-size:.9em; letter-spacing:.07em; line-height:1.3em; margin-top:1em; }
.innerCarousel > h3 > img { width:auto; height:100%; vertical-align:top; }
.jcarousel li.current { color:#fff; }
.jcarousel li.current > .innerCarousel { background-color:#dcad5b; }



/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next { position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; text-align:center; background:#fff; color:#dcad5b; text-decoration:none; text-shadow:0 0 1px #dcad5b; font:24px/27px Arial, sans-serif; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; -webkit-box-shadow:0 0 5px #dcad5b; -moz-box-shadow:0 0 5px #dcad5b; box-shadow:0 0 5px #dcad5b; }

.jcarousel-control-prev { left:15px; }

.jcarousel-control-next { right:15px; }

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .2;
    cursor: default;
}

/** Carousel Pagination **/

.jcarousel-pagination { display:none; }

@media only screen and (max-width:800px) {
	.jcarousel { width:80%; }
	
	.innerCarousel > h3 { height:40px; }
	.innerCarousel > p { font-size:.8em; }
}
@media only screen and (max-width:480px) {
	.jcarousel { width:75%; }
}

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

.accordionPanel { margin:0; padding-bottom:3em;  }

.accordion { border:1px solid #dcad5b; border-top:0; margin:1em 5% 0 5%; }
.accordion > h2 { font-family:'ProximaNova-Bold', 'ITFDevanagari-Bold', sans-serif; font-size:1em; line-height:1em; letter-spacing:.1em; padding:1px; cursor:pointer; }
.accordion > h2 { background-color:#fff; background-image:url(../images/marketing-advisory-services/plus-icon.png); background-repeat:no-repeat; background-position:.9em 1.2em; padding:1em 1em 1em 35px; background-size:10px auto; border-top:1px solid #dcad5b; color:#666666; }
.accordion > h2.active { background-color:#dcad5b; background-image:url(../images/marketing-advisory-services/minus-icon.png); color:#fff; }

.panelAccordion { background-color:#f7f5f3; padding:1em 10px; }
.insidePanel { background-color:#fff; padding:2em 33px; color:#666; }
.insidePanel > p { font-size:1em; line-height:1.6em; margin-bottom:1.5em; }
.insidePanel > h3 { font-family:'ProximaNova-Bold', 'ITFDevanagari-Bold', sans-serif; font-size:1em; line-height:1.6em; margin-top:1.5em; }

.insidePanel > .bulletList li:first-child { margin-top:0; }


@media only screen and (max-width:800px) {
	.accordion > h2 { background-position:1em 1.05em; background-size:10px auto; }
	.panelAccordion { padding:0 2px 2px; }
}

@media only screen and (max-width:480px) {
	.accordion > h2 { font-size:.9em; line-height:1.2em }
	.accordion > h2 { background-position:1em 1.2em; }
	.panelAccordion { padding:0 1px 1px; }
	
	.insidePanel { background-color:#fff; padding:1em 4%; }
	.insidePanel > p, .insidePanel > h3 { font-size:.9em; }
}




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


ul.productList { width:100%; overflow:hidden; }
.productList li { width:25%; float:left; }
.productList li > .innerList { margin:8px; padding:1em 10px 1.5em 10px; background-color:#fff; text-align:center; position:relative; }

.innerList > h2 { font-size:.95em; line-height:1.3em; color:#dcad5b; }
.innerList > h3 { font-size:.9em; line-height:1.3em; color:#000; text-transform:uppercase; margin-top:.5em; }
.innerList > img { width:100%; height:auto; vertical-align:top; margin:2em 0; max-height:150px;}
.innerList > p { font-size:.95em; line-height:1.3em; color:#dcad5b; letter-spacing:.07em; }
.innerList > a { padding:.7em 1.5em; font-size:.7em; line-height:1em; color:#fff; background-color:#dcad5b; display:inline-block; text-decoration:none; text-transform:uppercase; letter-spacing:.15em; margin-top:1em;  }




@media only screen and (max-width:800px){
	.productList li { width:33.3333%; }
	.productList li > .innerList { margin:5%; padding:1em 5% 3em 5%; }

}

@media only screen and (max-width:600px){
	.productList li { width:50%; }

}

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

	.productList li { width:100%; }

}

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


.productOverlay { position:fixed; width:100%; height:100%; left:0; top:0; background-image:url(../images/common/overlay-bg.png); background-repeat:repeat; background-position:0 0; display:none; overflow:auto; }

.innerLayer { width:100%; max-width:750px; position:absolute; left:50%; top:5%; margin-left:-380px; background-color:#fff; border:5px solid #d3a657; }

.innerDetail { padding:3em 4em; overflow:hidden; }

.prductDisplay { overflow:hidden; margin-bottom:2em; padding-bottom:1em; background-image:url(../images/common/dotted-line.png); background-repeat:repeat-x; background-position:0 bottom; }

.prodImage { width:30%; float:left; }

.prodDetails { width:65%; float:right; }
.prodDetails > h2 { font-size:1.5em; line-height:1.3em; color:#dcad5b; }
.prodDetails > h3 { font-size:.75em; line-height:1.3em; color:#999999; text-transform:uppercase; }
.prodDetails > p { font-size:.95em; line-height:1.3em; color:#666666; letter-spacing:.07em; margin-top:1em; }

.prodCost { overflow:hidden; margin-top:1em; }
.prodCost > p { font-size:1.5em; line-height:1.3em; color:#dcad5b; letter-spacing:.07em; float:left;  }
.prodCost > a { padding:.7em 1.5em; font-size:.8em; line-height:1em; color:#fff; background-color:#dcad5b; display:inline-block; text-decoration:none; text-transform:uppercase; letter-spacing:.1em; float:left; margin-left:1.5em; }

.orderDetail { width:90%; margin:1em auto 0 auto; }
.orderDetail > h3 { font-size:.9em; line-height:1.3em; letter-spacing:.05em; color:#666; }
.orderDetail > ul { width:100%; overflow:hidden; margin-top:1em; }
.orderDetail > ul li { width:100%; float:left; margin-bottom:.5em; }
.inputLeft { float:left; }
.inputRight { float:right; }

.orderDetail > ul li > .inputDetail > input[type=text] { font-family:'ProximaNova-Regular','ITFDevanagari-Book',sans-serif; width:89%; padding:.5em 5%; border:1px solid #e1e1e1; font-size:.75em; line-height:1em; letter-spacing:.07em; color:#666; }
.orderDetail > ul li > .textareaDetail > textarea { font-family:'ProximaNova-Regular','ITFDevanagari-Book',sans-serif; width:94.3%; height:4em; padding:.5em 2.5%; border:1px solid #e1e1e1; font-size:.75em; line-height:1em; letter-spacing:.07em; color:#666; }

.inputDetail { width:45%; }
.textareaDetail { width:100%; }

a.orderButton { padding:.7em 1.5em; font-size:.8em; line-height:1em; color:#fff; background-color:#dcad5b; display:inline-block; text-decoration:none; text-transform:uppercase; letter-spacing:.1em; float:left; }

.closeButton { position:absolute; right:20px; top:20px; }
.closeButton > a { width:24px; height:24px; display:block;  }

.prodImage img,.closeButton > a img { width:100%; height:auto; vertical-align:top; }



@media only screen and (max-width:800px) {
	.productOverlay { overflow-x:auto; }	
	.innerLayer { max-width:90%; margin-left:-45%; top:90px; }
}

@media only screen and (max-width:640px) {
	
	.productOverlay { overflow-x:auto; }
	
	.innerDetail { padding:3em 4em; }
	.prodImage { width:50%; margin:0 auto; float:none; }
	.prodDetails { width:100%; text-align:center; margin-top:1em; float:none; }
	
	.prodCost { overflow:hidden; margin-top:1em; text-align:center; }
	.prodCost > p { float:none; display:inline-table; }
	.prodCost > a { float:none; margin-left:1.5em; display:inline-table; }
		
	.innerLayer { top:90px; }
	
	.orderDetail { width:100%; }
	.inputDetail { width:100%; }
	.orderDetail > ul li { margin-bottom:0; }
	.inputLeft, .inputRight { float:none; }
	.orderDetail > ul li > .inputDetail > input[type=text] { width:94.3%; padding:.5em 2.5%; font-size:.85em; margin-bottom:1em; }
	.orderDetail > ul li > .textareaDetail > textarea { margin-bottom:2em; font-size:.85em; }
}

@media only screen and (max-width:480px) {
	.innerLayer { width:100%; max-width:100%; top:80px; margin-left:-50%; border:0; }

	.innerDetail { padding:3em 10%; overflow:hidden; border:4px solid #d3a657; }
	.prodImage { width:70%; margin-top:1em; }
	
	.prodDetails > h2 { font-size:1.3em; }
	.prodDetails > h3 { font-size:.75em; }
	.prodDetails > p { font-size:.9em; }
	
	.prodCost { overflow:hidden; margin-top:1em; text-align:center; }
	.prodCost > p { width:100%; }
	.prodCost > a {  margin-left:0; margin-top:1em; display:inline-table; }
	
	
}
@media only screen and (max-width:320px) {
	.innerLayer { top:65px; }
}