@font-face { font-family: 'HelveticaNeueLTPro-Roman'; src: url('../fonts/55.eot'); }
@font-face { font-family: 'HelveticaNeueLTPro-Roman'; src: url('../fonts/55.woff') format('woff'), url('../fonts/55.svg#HelveticaNeueLTPro-Roman') format('svg'); }
@font-face { font-family: 'HelveticaNeueLTPro-Th'; src: url('../fonts/35.eot'); }
@font-face { font-family: 'HelveticaNeueLTPro-Th'; src: url('../fonts/35.woff') format('woff'),	url('../fonts/35.svg#HelveticaNeueLTPro-Th') format('svg'); }
@font-face { font-family: 'HelveticaNeueLTPro-Lt'; src: url('../fonts/HelveticaNeueLTPro-Lt.eot'); }
@font-face { font-family: 'HelveticaNeueLTPro-Lt'; src: url('../fonts/HelveticaNeueLTPro-Lt.woff') format('woff'), url('../fonts/HelveticaNeueLTPro-Lt.svg#HelveticaNeueLTPro-Lt') format('svg'); }
@font-face { font-family: 'HelveticaNeueLTPro-UltLt'; src: url('../fonts/HelveticaNeueLTPro-UltLt.eot'); }
@font-face { font-family: 'HelveticaNeueLTPro-UltLt'; src: url('../fonts/HelveticaNeueLTPro-UltLt.woff') format('woff'), url('../fonts/HelveticaNeueLTPro-UltLt.svg#HelveticaNeueLTPro-UltLt') format('svg'); }

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
header, footer, article, section, hgroup, nav, figure, aside {display: block; }
figure { margin:0; padding:0; }
html {height:100%; }
body { margin:0; font:12px/21px "HelveticaNeueLTPro-Roman", Arial, Helvetica, sans-serif; color:#000; min-width:320px; height:100%; background:#fff url(../images/bg-body.png) repeat-x; -webkit-text-size-adjust:none; position:relative; }
img {border-style:none; }
a { color:#018ffb; text-decoration:none; }
a:hover {text-decoration:none; opacity:.6; }
input, textarea, select { font:100% arial,sans-serif; vertical-align:middle; color:#000; }
form,fieldset{ margin:0; padding:0; border:none; }

/* generic styles */
h1 { font:46px/48px 'HelveticaNeueLTPro-Th', Arial, Helvetica, sans-serif; color:#018FFB; margin:0 0 1px; }
h2 { font:36px/38px 'HelveticaNeueLTPro-Th', Arial, Helvetica, sans-serif; color:#018FFB; margin:0 0 1px; }
h3 { font:20px/15px 'HelveticaNeueLTPro-Th', Arial, Helvetica, sans-serif; color:#018FFB; margin:10px 0 1px; }
p{ margin:0 0 16px; font:12px/21px "HelveticaNeueLTPro-Roman", Arial, Helvetica, sans-serif;}
p b, p strong{font-family: Arial; font-weight: bold;}

/* wrapper */
#wrapper{ width:100%; height:100%; display:table; margin:0 auto; }

/* header */
/*#header { min-height:18px; background:#018ffb; padding:2px 0; position:relative; z-index:10; }*/
#header { min-height:35px; background:#018ffb; padding:2px 0; z-index:100; position:fixed; width: 100%;}
/*#header .section { overflow:hidden; padding:0 8px 1px; min-height:17px; }*/
#header .section { overflow:hidden; padding:10px 8px 1px; min-height:17px; }
#header:after { content:""; display:block; clear:both; }
#header .alt-text { float:left; font-size:11px; line-height:15px; text-transform:uppercase; color:#fff; }
/*#header.active .opener { position:absolute; right:8px; top:2px; background:url(../images/sprite.png) no-repeat; width:68px; height:17px; overflow:hidden; text-indent:-9999px; z-index:200; }*/
#header.active .opener { position:absolute; right:8px; background:url(../images/sprite.png) no-repeat; width:68px; height:17px; overflow:hidden; text-indent:-9999px; z-index:200; }
#header .opener { float:right; background:url(../images/sprite.png) no-repeat -132px 0; width:18px; height:17px; overflow:hidden; text-indent:-9999px; }
#header .drop { position:absolute; left:0; top:0; width:100%; display:none; z-index:100; }
#header .drop-holder { padding:15px 20px 20px; background:#018ffb; overflow:hidden; }

/* nav-box */
.nav-box { float:left; font:36px/38px 'HelveticaNeueLTPro-Th', Arial, Helvetica, sans-serif; }
.nav-box a {color:#fff; }
.nav-box li { vertical-align:top; padding:0 0 2px; }
.drop .text { float:right; color:#fff; font:149px/170px 'HelveticaNeueLTPro-UltLt', Arial, Helvetica, sans-serif; padding:24px 0 0; }
.w1 { width:100%; display:table-row; }

/* main */
#main {width:100%; }

/* container */
.container { max-width:960px; margin:0 auto; padding:220px 5px; }
.container:after { content:""; display:block; clear:both; }

/* menu */
.menu { float:left; font:36px/38px 'HelveticaNeueLTPro-Th', Arial, Helvetica, sans-serif; color:#018ffb; width:160px; margin:0 15px 0 0; }
.menu li { vertical-align:top; padding:0 0 5px; }
.menu a { color:#018ffb; text-decoration:none; }
.menu a:hover,
.menu .active a {color:#000; }

/* main-gallery */
.main-gallery { overflow:hidden; height:1%; position:relative; padding:5px 0 0; }
.main-gallery-holder { overflow:hidden; position:relative; width:100%; }
.main-gallery-holder ul{ width:100%; overflow:hidden; }
.main-gallery-holder li{ float:left; overflow:hidden; }

/* gallery */
.gallery { width:100%; max-width:785px; overflow:hidden; padding:0 0 3px; }
.gallery img {vertical-align:top; }
.gallery-box { overflow:hidden; height:1%; position:relative; }
.gallery-box img { width:100% !important; height:371px !important; }
.gallery-box ul { width:100%; height:371px; overflow:hidden; position:relative; }
.gallery-box ul li { position:absolute; top:0; left:0; z-index:1; width:100%; }
.gallery-box ul li.active{z-index:2; }

/* thumbnails */
/*.thumbnails { float:right; width:266px; margin-right:-6px; }*/
.thumbnails { width:800px; margin-right:-6px; }
/*.thumbnails ul { float:left; overflow:hidden; width:128px; margin:0 0 0 5px; }*/
.thumbnails ul { float:left; overflow:hidden; width:800px; margin:0 0 0 5px; }
/*.thumbnails ul li { margin:0 0 4px; width:100%; }*/
.thumbnails ul li { margin:2px; width:128px; }


/* heading-box */
/*.heading-box { overflow:hidden; padding:0 0 5px; margin:0 0 11px; border-bottom:1px solid #858586; }*/
.heading-box { overflow:hidden; padding:0 0 5px; margin:50px 0 11px; border-bottom:1px solid #858586; }
.heading-box .title { float:left; font:25px/27px 'HelveticaNeueLTPro-Th', Arial, Helvetica, sans-serif; color:#018ffb; }

/* btns */
.btns { position:absolute; right:0; top:384px; color:#018ffb; font-size:12px; line-height:14px; text-transform:uppercase; }
.btns li { float:left; border-left:1px solid #858586; padding:6px 14px 11px; }
.btns li:first-child {border:0; }

.btns2 { position:absolute; right:0; color:#018ffb; font-size:12px; line-height:14px; text-transform:uppercase; }
.btns2 li { float:left; border-left:1px solid #858586; padding:6px 14px 11px; }
.btns2 li:first-child {border:0; }

.post h1 { font:25px/27px 'HelveticaNeueLTPro-Th', Arial, Helvetica, sans-serif; color:#1e1e1f; margin:0 0 1px; }
.post footer { border-top:1px solid #858586; padding:3px 2px 0; overflow:hidden; }
.post p {margin:0 0 16px; }

/* socials */
.socials { float:right; background:#fff; padding:3px; }
.main-gallery-holder .socials,
.main-gallery-holder .socials li{width:auto; }
.socials img {vertical-align:top; }
.socials li { float:left; margin:0 0 0 3px; }
.socials li:first-child {margin:0; }

/* grid-container */
.grid-container { font-size:16px; line-height:18px; padding:13px 15px 0 0; font-family: 'HelveticaNeueLTPro-Lt', Arial, Helvetica, sans-serif; overflow:hidden; position:relative; }
.grid-container:after { content:""; display:block; clear:both; }
.grid-1, .grid-1-5, .grid-2, .grid-3-5, .grid-3, .grid-4, .grid-5 { float:left; margin:0 0 13px 15px; position:relative; }
.grid-1 {width:151px; }
.grid-1-5 {width:230px; }
.grid-2 {width:317px; }
.grid-3-5 {width:396px; }
.grid-3 {width:498px; }
.grid-4 {width:649px; }
.grid-5 {width:815px; }
.grid-container img { vertical-align:top; width:100% !important; height:auto; }
.grid-container h1 { margin:-9px 0 2px; color:#0090fe; font:48px/50px 'HelveticaNeueLTPro-UltLt', Arial, Helvetica, sans-serif; }
.grid-container p {overflow:hidden; }
.grid-container .more { float:right; color:#018ffb; text-transform:uppercase; font-family: 'HelveticaNeueLTPro-Roman'; }
.grid-container .text-section { line-height:24px; padding:1px 0 0; }
.grid-container .text-box {
	position:absolute; 
	bottom:0; 
	left:0; 
	background: rgba(1, 143, 251, 0.7);
	color:#ffffff; 
	text-transform:uppercase; 
	font:14px/16px 'HelveticaNeueLTPro-Lt', Helvetica, Arial, sans-serif;  
	width:100%; 
	padding:24px 0 25px; 
	text-decoration:none;
}
/*.grid-container .text-box strong { font-weight:normal; padding:0 7px; display:block; text-decoration:none; font-family: 'HelveticaNeueLTPro-Th'; }*/

/* footer */
#footer { width:100%; overflow:hidden; display:table-footer-group; background:#018ffb; color:#bfe3fe; position: fixed; bottom: 0; z-index: 50;}
/*#footer { width:100%; overflow:hidden; display:table-footer-group; background:#018ffb; color:#bfe3fe; }*/
#footer .footer-holder { height:1%; display:table-row; }
#footer .footer-frame { display:table-cell; }
.footer-frame2 { overflow:hidden; padding:8px 10px; font-size:11px; line-height:13px; }
.footer-frame2 a {color:#bfe3fe; }
/*#footer .text-box { float:right; padding:9px 0 0; }*/
#footer .text-box { position: absolute; right: 0;  padding:9px 10px 0; }
#footer .slogan { display:inline-block; vertical-align:middle; padding:0 0 3px; color:#fff; font:30px/32px 'HelveticaNeueLTPro-Th', Arial, Helvetica, sans-serif; }
#footer .slogan.mobile {display:none; }
#footer .pcopy { display:inline-block; vertical-align:middle; }
#footer .copy {overflow:hidden; }
.copy p { margin: 0 0 0 10px; }
/* images */
.images { overflow:hidden; margin:0 0 0 -3px; padding:0 0 5px; display:none; }
.images ul { overflow:hidden; width:auto; }
.images img { vertical-align:top; width:100%; height:auto; }
.images li { width:50%; padding:0 0 3px 3px; float:left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.btns-mobile{display:none; }


input[type="image"]{padding:0;border:none; }
input[type=submit], input[type=text], input[type=password], input[type=file], textarea{-webkit-appearance:none; }
.hidden-link,
#infscr-loading{display:none !important; }

/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s; }

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width; }

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity; }

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none; 
}

/* ================= JAVSCRIPT =================== */

/* VERTICALLY CENTER DIV */
#content{
	/*position: absolute;*/
	top: 50%;
	/*height: 300px;*/
	margin-top: -150px;
	width: 300px;
	margin-left: -150px;
}


/***** SUCCESS STORIES *****/
#success{
	height: 750px;
	width: 960px;
	overflow: hidden;
}

.case{
	position: relative;
	top: 22px;
	margin-left: 24px;
}
		
#itemContainerS li{
	height: 289px;
	width: 430px;
	float: left;
	margin: 25px;
	border-bottom: 1px solid 
	#444;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
		
#itemContainerS li:hover{
	border-bottom: 1px solid #e5e5e5;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
		
.successPost{
	width: 100%;
	height: 100%;
}
		
.successPost img{
	display: block;
	/*width: 100%;
	display: block;*/
	height: 145px;
	margin: 0 auto;
}
		
.successPost h2{
	line-height: 22px;
	max-width: 100%;
	margin: 25px 0 12px 0;
	text-align: left;
	width: 691px;
	display: block;
	font-size: 22px;
	font-weight: normal;
}
		
.readMore2{
	font-size: 10px;
	position: absolute;
	top: 266px;
	float: right;
	left: auto;
	right: 0;
}
		
#holderSWrap{
	width: 100%;
	clear: left;
}

/***** HEADLINES STORIES *****/

/*** HEADLINES***/
#headlines{
	height: auto;
	width: 100%;
	overflow: hidden;
}

.headlines:hover{
	border-bottom: 1px solid #e5e5e5;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

/*.headlines:hover a{
	color: #444;	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}*/

.headlines{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 1px solid #444;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	position: relative;
}

.headlines h2{
	margin: 5px 0 3px 0;
	float: left;
	width: 691px;

	display: block;
	font-size: 24px;
	font-weight: normal;
	line-height: 0.9;
}

.headlines img{
	display: block;
	float: left;
	margin-right: 15px;
}

.headlines div{
	font-size: 14px;
	margin-left: 25px;
	width: 691px;
	float: left;
	display: block;
	line-height: 24px;
}

.readMore3{
	font-size: 10px;
	position: absolute;
	top: auto;
	bottom: 0;
	left: auto;
	right: 0;
	float: right;
}

/***Making it Happen***/

#testimonials{
	position:  absolute;
	width: 300px;
	right: 0;
	bottom: 0;
	margin: 20px 10px;
	padding: 0;
}

#testimonials_txt{
	color: #fff;
	text-align: center;
	min-height: 200px;
}

#testimonials_txt p{
	/*padding: 5px 5px 20px;*/
	padding: 0;
	font: 17px/18px Helvetica, Arial, sans-serif;
}

.testimonials{
	position: absolute;
	right: 0;
	bottom: 0;
}
.talkbtns .arrowPrev, .talkbtns .arrowNext{
	top:-316px;
}
.holder_talking a.jp-current, a.jp-current:hover{
	color: #018FFB !important;
}
.holder_talking a{
	font-size: 17px !important;
}
.holder_talking a:hover {
	background-color: transparent !important;
	color: #018FFB !important;
}
/*responsive gallery*/
@media (max-width: 490px) {
.galleryWrap {
width: 320px;
}
	
}

@media only screen and (max-width: 1024px) { #header {padding:11px 0; }
	#header.active .opener { top:11px; }
	.grid-5 { width:460px; }
	/*.container { padding:60px 5px 52px; }*/
}

@media only screen and (max-width: 767px) { #header .alt-text { font-size:10px; line-height:18px; }
	.images {display:block; }
	
	/* gallery */
	.gallery {display:none; }
	.container {margin:100px 10px 150px; padding: 0;}
	
	/* menu */
	.menu { float:none; overflow:hidden; text-align:center; font-size:14px; line-height:16px; width:auto; margin: 0; }
	.menu ul {width:100%; }
	.menu li { display:inline-block; vertical-align:top; padding:0 5px 6px 8px; position:relative; background:url(../images/separator.png) no-repeat 0 -3px; }
	.menu li:first-child { background:none; }
	.heading-box .title { font-size:21px; line-height:23px; }
	.post h1 {font-size:24px; }
	
	/* btns */
	.btns { left:0; top:auto; bottom:6px; font-size:11px; }
	.btns li {padding:6px 10px 4px; }
	.drop .text { font-size:73px; line-height:83px; float:none; display:block; padding:0 0 10px; }
	#header .drop-holder { padding:5px 5px 40px; min-height:260px; }
	.nav-box { font-size:20px; line-height:22px; position:absolute; left:5px; bottom:10px; }
	.nav-box li {padding:0 0 10px; }
	#header.active .opener { top:275px; right:10px; z-index:101; background:url(../images/sprite.png) no-repeat -82px 0; width:34px; height:9px; }
	.footer-frame2 { padding:8px 5px; font-size:10px; }
	#footer { text-align:left; position: static;}
	#footer .text-box { float:none; padding:0 10px; position: static;}
	#footer .slogan { display:none; }
	#footer .slogan.mobile { display:block; width: auto; margin: 0; padding: 0 10px;}
	#footer .pcopy { display: block; }
	.grid-3 { width:398px; }
	.grid-4, .grid-5 { width:460px; }
	
	#testimonials{
		left: 0;
		margin: 0 !important;
		position: static !important;
		min-height: 500px;
	}
	#testimonials_txt{
		min-height: 0px !important;
	}
	
	/*portfolio*/
	#jPgNav{ visibility: hidden;}
	.socials{float: left; padding-top: 40px;}
	.btns2 li {padding: 0 10px;}
	
	/*what other's say*/
	span.arrowNext{right: 5px;}
	span.arrowPrev{left: 5px;}
	span.arrowNext,  span.arrowPrev{top:-85px;}
	
	/*latest headlines*/
	.holder_h{float:left;}
	.readMore3 { float:left; top:285px;}
	.headlines h2 { margin: 5px 0 3px 0; width: 385px;}
	.headlines{ height: 300px; margin-bottom: 15px;}
	#headlines{ height: 100%;}
	.headlines div{ width: 385px; margin-left: 0px;}
	
	/*success stories*/
	#success{ width: auto; height: auto;}
	#itemContainerS li{ margin: 5px; width: 375px; min-height: 300px;}
	.successPost h2 {width: 375px; margin: 0;}
	.readMore2 {}
	.holderS {float: left !important;}
	.case{ margin-left: 0;}
	
	/*success stories*/
	#client_text{width: 350px !important;}
	
	/*read more page*/
	#client_pic{ width: 350px;}
	.title1{ width: 360px; font: 38px/42px 'HelveticaNeueLTPro-Th', Arial, Helvetica, sans-serif; margin: 0;}
	
}

@media only screen and (max-width: 640px) { #header .alt-text { font-size:14px; line-height:18px; }
	.images {display:block; margin: 0; padding: 0 0 10px;}
	/* gallery */
	.gallery {display:none; }
	.container {margin:100px 5px 150px; padding: 0; position: relative;}
	
	/* menu */
	.menu { float:none; overflow:hidden; text-align:center; font-size:14px; line-height:16px; width:320px; margin: 0;}
	.menu ul {width:100%; }
	.menu li { display:inline-block; vertical-align:top; padding:0 5px 6px 8px; position:relative; background:url(../images/separator.png) no-repeat 0 -3px; }
	.menu li:first-child { background:none; }
	.heading-box .title { font-size:21px; line-height:23px; }
	.post h1 {font-size:24px; }
	
	/* btns */
	.btns { left:0; top:auto; bottom:6px; font-size:11px; }
	.btns li {padding:6px 10px 4px; }
	.drop .text { font-size:73px; line-height:83px; float:none; display:block; padding:0 0 10px; }
	#header .drop-holder { padding:5px 5px 40px; min-height:260px; }
	.nav-box { font-size:24px; line-height:22px; position:absolute; left:5px; bottom:10px; }
	.nav-box li {padding:0 0 10px; }
	#header.active .opener { top:275px; right:10px; z-index:101; background:url(../images/sprite.png) no-repeat -82px 0; width:34px; height:9px; }
	.footer-frame2 { padding:5px 5px 0; font-size:10px; }
	#footer { text-align:left; position: static;}
	#footer p{ font-size: 11px; }
	#footer .text-box { float:none; padding:0 10px; position: static;}
	#footer .slogan { display:none; }
	#footer .slogan.mobile { display:block; width: auto; margin: 0; padding: 0 10px;}
	#footer .pcopy { display: block;}
	.grid-3 { width:398px; }
	.grid-4, .grid-5 { width:460px; }
	
	#testimonials{
		left: 0;
		margin: 0 !important;
		position: static !important;
		min-height: 500px;
	}
	#testimonials_txt{
		min-height: 0px !important;
	}
	
	/*portfolio*/
	#jPgNav{ visibility: hidden;}
	.socials{float: none; padding-top: 20px;  background: transparent; display: block; margin-top: 25px;}
	.btns2 {position: static;}
	.btns2 li {padding: 0 10px; border: 0;}
	.images li { width: auto;}
	.post{ width: 310px !important;}
	.heading-box{ width: 320px !important; margin: 20px 0 0 0; padding: 0; height: auto;}
	.main-gallery-holder {width: 330px !important;}
	
	/*what other's say*/
	.customBtns{ width: 325px; position: absolute !important; bottom: 0;}
	span.arrowNext{right: 5px;}
	span.arrowPrev{left: 5px;}
	span.arrowNext,  span.arrowPrev{top:auto;}
	
	/*latest headlines*/
	.holder_h{float:left !important;}
	.readMore3 { float:left; top:380px;}
	.headlines h2 { margin: 5px 0 3px 0; width: 310px;}
	.headlines{ height: 385px; margin-bottom: 15px; width: 320px;}
	#headlines{ height: 100%;}
	.headlines div{ width: 310px; margin-left: 0px;}
	
	/*success stories*/
	#success{ width: 330px; height: auto;}
	#itemContainerS li{ margin: 5px 5px 30px; width: 330px; min-height: 210px; height: auto; position: relative; padding-bottom: 15px;}
	.successPost h2 {width: 320px; margin: 0;}
	.readMore2 { margin-right: 10px; top: auto; bottom: 0px;}
	.holderS {float: left !important;}
	.case{ margin-left: 0;}
	.title.case{margin-bottom: 25px;}
	
	/*success stories*/
	#client_text{width: 320px !important;}
	
	/*read more page*/
	#client_pic{ width: 315px; height: auto !important; margin-bottom: 10px;}
	.title1{ width: 320px; font: 38px/42px 'HelveticaNeueLTPro-Th', Arial, Helvetica, sans-serif; margin: 0;}
	.rd_readmore {width: auto !important;}
	
	#itemContainer2{ min-height: auto !important;}
	
	h1 {font: 42px/46px 'HelveticaNeueLTPro-Th', Arial, Helvetica, sans-serif;}
	#main {width: 321px;}
	
	/*making it happen*/
	.flexslider{ width: 300px;}

}


@media only screen and (max-width: 480px) { .grid-1,
	.grid-1-5, .grid-2, .grid-3, .grid-3-5, .grid-4, .grid-5 { float:left; margin:0 0 5px 5px; position:relative; }

	/* grid-container */
	.grid-container { padding:7px 5px 0 0; font-size:12px; line-height:14px; }

	/* text-section */
	.text-section {line-height:18px; }
	.grid-1 {width:75px; }
	.grid-1-5, .grid-2 {width:155px; }
	.grid-3-5 {width:190px; }
	.grid-3 {width:240px; }
	.grid-4, .grid-5 {width:310px; }
	.grid-container h1 { margin:0 0 2px; color:#018ffb; font-size:26px; letter-spacing:-1px; line-height:20px; font-weight:normal; }
	.grid-container .text-section { line-height:18px; padding:0; }
	.grid-container .text-box { position:absolute; bottom:0; left:0; background:rgba(1,143,251,0.7); color:#bfe3fe; text-transform:uppercase; font-size:16px; line-height:18px; width:100%; padding:10px 0; letter-spacing:-1px; }

}