body {
	font-family: 'Open Sans', sans-serif;
}
#container {
	background: #f8fcff;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	font-family: 'Open Sans', sans-serif;
}
.row {
	max-width: 1200px;
	overflow: hidden;
}
iframe {
	border: 0;
}
/* 
 * Clearing Methods
 */
.clearfix:after {
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: block;
}
.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
}
/*------ Header ---*/
#header {
	border-top: 10px solid #10a3d8;
	padding: 20px 0;
	background: #fff;
}
/*------ Banner -------*/
#banner {
	background: #b2b2b2 url("../img/banner-bg.jpg") repeat-x 0 0;
	padding: 55px 0 40px;
	position: relative;
}
/*----- Clients ---*/
#clients {
	background: #fff;
	padding: 38px 0 45px;
}
/*---- Footer ---*/
#footer {
	background: #323c45;
	padding: 18px 0;
	border-top: 10px solid #10a3d8;
}
/*------- Page Common STYLES ------*/

/*---- Logo ----*/
.logo {
}
.logo a {
	display: block;
	background: url('../../../../images/logo.jpg') no-repeat center
0;
	width: 388px;
	padding-top: 88px;
	height: 0;
	overflow: hidden;
	position: relative;
	max-width: 388px;
}
#header .contact-info {
	margin-bottom: 30px;
	float: right;
}
#header .contact-info a.button {
	float: right;
	border-bottom: 0;
	padding: 0 28px 0 12px;
	line-height: 40px;
	background: #fff url("../img/arrow-right2.jpg") no-repeat 96% center;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: bold;
	color: #3d4f5e;
	margin-left: 10px;
}
#header .contact-info span {
	line-height: 40px;
	display: inline-block;
	color: #323c45;
	font-weight: 800;
	font-size: 28px;
	background: url("../img/phone-icon.jpg") no-repeat left center;
	padding-left: 30px;
}
#header .contact-info span a {
	color: #323c45;
}
/*---- Navigation ---*/
#main-navigation ul {
	float: right;
	margin-bottom: 0.25em;
}
#main-navigation ul li {
	float: left;
	margin-left: 20px;
	list-style: none;
}
#main-navigation ul li a {
	background: url('../img/3d.png') no-repeat;
	display: inline-block;
	padding-left: 20px;
	font-size: 14px;
	border-bottom: 7px solid #fff;
	padding-bottom: 5px;
	color: #4c5c69;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: bold;
}
#main-navigation ul li a small {
	display: block;
	font-size: 11px;
	font-weight: normal;
}

#main-navigation ul li a.web {
	background: url('../img/web-icon.jpg') 0
0 no-repeat;
}
#main-navigation ul li a.mobile {
	background: url('../img/mobile-icon2.jpg') 0
0 no-repeat;
}
#main-navigation ul li a.digital {
	background: url('../img/digital-icon.jpg') 0
0 no-repeat;
}
#main-navigation ul li a.3d {
	background: url('../img/3d.png') 0
0 no-repeat;
}
#main-navigation ul li a.folio{
	background: url('../img/folio.png') 0 0 no-repeat;
}
#main-navigation ul li a.mail{
	background: url('../img/mail-icon.jpg') 0 0 no-repeat;
}

#main-navigation ul li:hover a {
	border-color: #d4d4d4;
}
#main-navigation ul li.active a {
	border-color: #10a3d8;
}
#main-navigation ul li.portfolio {
	background: no-repeat 0 0;
	padding-left: 25px;
}
/*------ banner ---*/
#banner .slides {
	text-align: center;
}
#banner .slide {
	width: 100% !important;
	display: none;
	max-width: none;
}
#banner .slide:first-child {
	display: block;
}
.gt-1280 #banner .description {
	padding-right: 80px;
}
#banner .description h1 {
	text-align: center;
	font-size: 74px;
	letter-spacing: -1px;
	font-weight: 800;
	line-height: 77px;
	margin-bottom: 6px;
	text-shadow: 0 3px 4px #383838;
	color: #fdfdfd;
}
#banner .description p {
	font-size: 15px;
	color: #fff;
	line-height: 20px;
	margin-bottom: 20px;
	text-align: center;
}
#banner a.next, #banner a.previous {
	display: block;
	position: absolute;
	z-index: 100;
	top: 35%;
	width: 68px;
	height: 148px;
}
#banner a.next {
	background: url("../img/next-btn.png") no-repeat 0 0;
	right: 0;
}
#banner a.next:hover {
	background: url("../img/next-btn.png") no-repeat 0 bottom;
	right: 0;
}
#banner a.previous {
	background: url("../img/previous-btn.png") no-repeat 0 0;
	left: 0;
}
#banner a.previous:hover {
	background: url("../img/previous-btn.png") no-repeat 0 bottom;
	left: 0;
}
/*------- Breadcrumbs ----*/
#breadcrumbs {
	border-bottom: 1px solid #e4e8ed;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
#breadcrumbs p, #breadcrumbs p a {
	font-size: 14px;
	color: #717171;
}
#breadcrumbs p span {
	color: #10a3d8;
}
/*----- Page-title----*/
.page-title h1 {
	color: #323c45;
	font-size: 35px;
	font-weight: normal;
	line-height: 35px;
	margin-bottom: 40px;
}
.page-title p {
	font-size: 24px;
	color: #515b63;
	line-height: 28px;
	margin-bottom: 35px;
}
/*------- Post ----*/
.post h2 {
	font-size: 27px;
	margin-bottom: 10px;
	font-weight: bold;
	line-height: 28px;
}
.post h3 {
	font-size: 22px;
	margin-bottom: 10px;
	font-weight: bold;
	line-height: 22px;
}
.post p {
	font-size: 15px;
	line-height: 20px;
	color: #515b63;
	margin-bottom: 20px;
}
.post p a {
	color: #10a3d8;
	text-decoration: underline;
}
.blog-posts .post {
	border-bottom: 1px solid #f1f3f4;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.blog-posts .post.last {
	border: 0;
}
.post-heading {
	margin-bottom: 18px;
	background: url("../img/post-heading-bg.jpg") repeat 0 0;
}
.post-heading .date-stamp {
	float: left;
	width: 70px;
	margin-right: 12px;
}
.post-heading h2, .post-heading h1 {
	padding: 8px 7px 7px 0;
}
.post-heading h2 a, .post-heading h1 span {
	display: block;
	background: url("../img/down-arrow.png") no-repeat right 0;
	min-height: 55px;
	padding-right: 70px;
	font-size: 25px;
	font-weight: 800;
	line-height: 28px;
	color: #fff;
	text-decoration: none;
}
.frame {
	border: 1px solid #d5d5d5;
	margin-bottom: 18px;
}
.map {
	position: relative;
	padding-bottom: 50%;
	height: 0;
	overflow: hidden;
}
.map iframe {
	border: 0;
}
.frame img {
	width: 100%;
	vertical-align: bottom;
}
.blog-posts .post p {
	margin-bottom: 20px;
}
.post blockquote {
	border-left: 10px solid #10a3d8;
	padding-left: 10px;
	margin: 0 0 30px 10px;
	padding-top: 0;
}
.post blockquote p {
	margin-bottom: 0;
}
.post ul {
	margin: 0 0 20px 20px;
}
.post ul li {
	list-style: none;
	margin-bottom: 6px;
	font-size: 15px;
	color: #515b63;
	background: url("../img/list-arrow.jpg") no-repeat 0 5px;
	padding-left: 15px;
}
/*------ Comments-List ------*/
.comments-list h3, #comment-form h3 {
	font-size: 21px;
	color: #10a3d8;
	margin-bottom: 26px;
	text-transform: uppercase;
}
.comments-list ul li {
	list-style: none;
	margin-bottom: 50px;
}
.comments-list ul li div.box {
	position: relative;
	padding: 15px 18px;
	background: #dddddd;
}
.comments-list ul li div.box span.arrow {
	position: absolute;
	left: 42px;
	bottom: -30px;
	display: block;
	background: url("../img/comments-arrow.jpg") no-repeat 0 0;
	width: 30px;
	height: 30px;
	z-index: 100;
}
.comments-list ul li h4 {
	font-size: 18px;
	line-height: 18px;
	color: #10a3d8;
	margin-bottom: 15px;
}
.comments-list ul li h4 span {
	color: #69787f;
	font-size: 15px;
}
.comments-list ul li p {
	font-size: 15px;
	color: #515b63;
	line-height: 22px;
}
/*------ Comment-form ---*/
#comment-form {
	max-width: 475px;
}
.sociable {
	border: 1px solid #f1f3f4;
	border-width: 1px 0;
	padding: 10px 0;
	margin-bottom: 30px;
}
.sociable h3 {
	float: left;
	line-height: 32px;
	font-size: 23px;
	color: #515b63;
	margin-right: 12px;
}
.sociable ul li {
	list-style: none;
	float: left;
	margin-left: 5px;
}
/*------ Form1 ---*/
.form1 ul li {
	list-style: none;
	margin-bottom: 17px;
}
.form1 ul li input.textbox {
	border: 1px solid #c7c7c7;
	background: #fff;
	height: 41px;
	padding: 0 13px;
	width: 100%;
	font-size: 15px;
	color: #c8c8c8;
	font-family: 'Open Sans', sans-serif;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.form1 ul li textarea {
	border: 1px solid #c7c7c7;
	background: #fff;
	height: 41px;
	padding: 13px;
	width: 100%;
	font-size: 15px;
	color: #c8c8c8;
	font-family: 'Open Sans', sans-serif;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	resize: none;
	height: 138px;
}
.form1 ul li input.submit {
	border: 0;
	float: right;
	height: 35px;
}
/*------ Pagination ---*/
ul.pagination1 {
	border: 1px solid #f1f3f4;
	border-width: 1px 0;
	padding: 15px 0;
	margin-bottom: 30px;
	height: auto;
}
ul.pagination1 li {
	margin: 0 15px;
	font-size: 23px;
	color: #323c45;
	font-weight: normal;
	font-family: 'Play', sans-serif;
}
ul.pagination1 li a, ul.pagination1 li span {
	padding: 0;
	background: none;
	margin: 0;
	font-size: 23px;
	color: #323c45;
	font-weight: normal;
	font-family: 'Play', sans-serif;
}
ul.pagination1 li.next a, ul.pagination1 li.previous a, ul.pagination1 li span {
	color: #10a3d8;
}
ul.pagination1 li.next {
	margin-right: 0;
}
ul.pagination1 li.previous {
	margin-left: 0;
}
ul.pagination1 li a:hover, ul.pagination1 li.current a {
	color: #10a3d8;
	background: none;
}
/*------- Serach-form -------*/
#search-form input.textbox {
	border: 1px solid #c7c7c7;
	border-right: 0;
	height: 43px;
	padding: 0 13px;
	font-size: 15px;
	color: #c8c8c8;
	font-family: 'Open Sans', sans-serif;
	width: 82%;
	float: left;
	background: #fff;
}
#search-form p input.submit {
	width: 42px;
	height: 43px;
	background: url("../img/search-btn.jpg") no-repeat 0 0;
	float: left;
	border: 0;
}
/*------ Contact-details ---*/
.contact-details h3 {
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 20px;
	line-height: 30px;
	color: #10a3d8 !important;
}
.contact-details p strong {
	font-size: 16px;
}
.contact-details p {
	font-size: 15px;
	line-height: 22px;
	color: #646464;
	margin-bottom: 15px;
}
.contact-details p a {
	color: #646464;
}
.contact-details a.skype {
	display: inline-block;
	color: #646464;
	text-align: left;
	padding-top: 5px;
	line-height: 18px;
	font-size: 14px;
	background: url("../img/skype-icon.jpg") no-repeat 0 0;
	padding-left: 45px;
}
strong {
	font-weight: bold;
}
/*------- Widget ---*/
.widget {
	text-align: right;
	margin-bottom: 28px;
}
.widget h3 {
	font-size: 26px;
	color: #323c45;
	margin-bottom: 15px;
	line-height: 26px;
}
.widget ul li {
	list-style: none;
	font-size: 15px;
	color: #515b63;
	line-height: 22px;
}
.widget ul li a {
	color: #515b63;
}
/*----- Common Buttons ---*/
a.button1, .form1 .submit {
	display: inline-block;
	background: #10a3d8 url("../img/arrow-right.png") no-repeat 95% center;
	padding: 0 30px 0 12px;
	line-height: 35px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
}
a.button1:hover {
	background-color: #69787f;
	text-decoration: none;
}
/*----- Clients ---*/
#clients p {
	float: left;
	padding-top: 0px;
	width: 190px;
}
#clients .inner {
	overflow: hidden;
	height: 125px;
}
#clients ul li {
	width: 170px;
	font-size: 16px;
	min-height: 125px;
	text-align: center;
	float: left;
	color: #9da3a8;
	margin-right: 20px;
	font-weight: 600;
	line-height: 20px;
	list-style: none;
}
#clients .caroufredsel_wrapper {
	left: 45px !important;
}
#clients ul li:first-child {
	min-height: 70px;
}
#clients ul li p {
	padding-top: 20px;
}
/*----- Post ---*/
.post h2 {
	font-size: 22px;
	margin-bottom: 15px;
	font-weight: bold;
	line-height: 25px;
}
.post p {
	font-size: 15px;
	color: #515b63;
	margin-bottom: 15px;
}
/*----- Date -stamp ----*/
.date-stamp {
	display: block;
	background: #10a3d8;
	padding: 8px 0;
	text-align: center;
	color: #fff;
	font-weight: 800;
	font-size: 32px;
	line-height: 27px;
}
.date-stamp span.inner {
	font-size: 18px;
	display: block;
}
/*----- Heading1 ---*/
h2.heading1 {
	font-size: 35px;
	color: #10a3d8;
	margin-bottom: 20px;
	font-weight: 800;
	line-height: 42px;
}
h2.heading1 img {
	vertical-align: middle;
	margin-right: 20px;
}
/*----- Section1 ----*/
.section1 {
	background: #f8fcff url("../img/section1-bg.jpg") no-repeat top center;
	padding-top: 35px;
}
.recent-projects {
	margin-bottom: 40px;
	vertical-align: middle;
}
/*------ Services ---*/
#services .section {
	margin-bottom: 75px;
}
#services .section h2 {
	font-size: 24px;
}
#services .section.columns .row .large-8.columns {
	padding-left: 0;
}
/*------ Grid-Box ---*/
.grid-box {
	position: relative;
	margin-bottom: 35px;
}
.grid-box img {
	width: 100%;
}
.grid-box .front {
	backface-visibility: hidden;
	height: 100%;
	overflow: hidden;
	position: absolute;
	transform: rotateY(0deg);
	transform-style: preserve-3d;
	transition: all 0.4s ease-in-out 0s;
	z-index: 900;
	width: 100%;
}
.grid-box .front img {
	opacity: 1;
}
.grid-box .front video {
	height: 100%;
	opacity: 0;
	width: 100%;
	top: 0;
	left: 0;
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	z-index: 1;
	position: absolute;
}
.grid-box .front.active img {
	opacity: 0;
	transition: opacity 2s ease-in-out;
	-moz-transition: opacity 2s ease-in-out;
	-webkit-transition: opacity 2s ease-in-out;
	-o-transition: opacity 2s ease-in-out;
}
.grid-box .front.active video {
	opacity: 1;
	transition: opacity 2s ease-in-out;
	-moz-transition: opacity 2s ease-in-out;
	-webkit-transition: opacity 2s ease-in-out;
	-o-transition: opacity 2s ease-in-out;

}
.grid-box .info-layer {
	backface-visibility: hidden;
	background: url("../img/info-bg.png") repeat 0 0;
	background-size: 100% 100%;
	height: 100%;
	opacity: 0;
	position: relative;
	transform: rotateY(-180deg);
	transform-style: preserve-3d;
	transition: all 0.4s ease-in-out 0s;
	width: 100%;
	z-index: 100;
}
.grid-box:hover .front {
	transform: rotateY(180deg);
}
.grid-box:hover .info-layer {
	transform: rotateY(0deg);
	opacity: 1;
	z-index: 999;
}
.grid-box .info-layer h3 {
	line-height: 22px;
	position: absolute;
	width: 100%;
	font-size: 22px;
	letter-spacing: -1px;
	top: 5%;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
/*----- From Blog ---*/
#from-blog {
	margin-bottom: 45px;
}
#from-blog .post h3 {
	font-size: 18px;
	color: #323c45;
	font-weight: 800;
	margin-bottom: 15px;
}
/*----- Contact ---*/
.contact {
	border-top: 1px solid #f1f3f4;
	padding: 42px 0;
}
a.talk-to-us {
	display: block;
	margin: 0 auto 25px;
	background: #10a3d8 url("../img/arrow2.png") no-repeat 98% center;
	max-width: 565px;
	position: relative;
	box-shadow: 0 0 10px #caced0;
	-moz-box-shadow: 0 0 10px #caced0;
	-webkit-box-shadow: 0 0 10px #caced0;
	behavior: url("js/vendor/PIE.html");
	line-height: 68px;
	padding: 0 68px 0 30px;
	color: #fff;
	font-size: 21px;
	font-weight: 800;
}
a.talk-to-us:hover {
	text-decoration: none
}
.contact p {
	text-align: center;
	color: #515b63;
	font-size: 22px;
}
.contact p strong {
	font-weight: bold;
}
.contact p a {
	color: #515b63;
}
/*------ Testimonial ----*/
.testimonial {
	background: #69787f;
	padding: 10px;
	margin-bottom: 37px;
	position: relative;
}
.testimonial blockquote {
	border: 0;
	padding: 0;
	margin: 0;
}
.testimonial blockquote p {
	color: #fff;
	font-size: 20px;
	line-height: 23px;
	font-style: italic;
}
.testimonial blockquote cite {
	display: block;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	line-height: 17px;
	color: #10a3d8;
	font-style: normal;
}
.testimonial blockquote cite a {
	font-size: 12px;
	color: #fff;
	font-weight: normal;
}
.testimonial span.arrow {
	position: absolute;
	z-index: 100;
	background: url("../img/testimonial-arrow.png") no-repeat 0 0;
	width: 36px;
	height: 28px;
	right: 30px;
	bottom: -28px;
}
/*------ Footer ---*/
#footer h4 {
	font-size: 20px;
	color: #fff;
	font-weight: 800;
	margin-bottom: 28px;
	line-height: 30px;
}
#footer ul li {
	list-style: none;
	line-height: 22px;
}
#footer ul li a {
	color: #fff;
	font-size: 14px;
}
#footer .get-in-touch .map {
	margin-bottom: 10px;
}
#footer p {
	color: #fff;
	font-size: 14px;
}
#footer p a {
	color: #10a3d8;
}
#footer p span.telephone a {
	color: #fff;
}
/*------ services Page ------*/
#banner2 {
	margin-bottom: 18px;
	position: relative;
}
#banner2 h2 {
	font-size: 27px;
	line-height: 32px;
	font-weight: bold;
	position: absolute;
	left: 15px;
	top: 0;
	z-index: 100;
	color: #10a3d8;
}
#banner2 h2 small {
	display: block;
	font-size: 20px;
	font-weight: normal;
	color: #323c45;
	line-height: 25px;
}
#sidebar {
	margin-bottom: 30px;
}
/*------ Portfolio Page ----*/
.gallery {
	margin-bottom: 30px;
}
.gallery .gallery-holder {
	box-shadow: 0 0 10px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.7);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.7);
	behavior: url("js/vendor/PIE.html");
	background: url("../img/browser-top.jpg") no-repeat top left;
	background-size: 100% auto;
	padding-top: 5%;
	margin-top: 10px;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
}
.gallery .slides {
	position: relative;
	margin-bottom: 30px;
}
.gallery .slides .slide {
	width: 100% !important;
	display: none;
}
.gallery .slides .slide:first-slide {
display:block;
}
.gallery .slides img {
	width: 100%;
}
.gallery .controls {
	text-align: center;
}
.gallery .controls a {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 3px;
	background: #cdcdcd;
}
.gallery .controls a:hover, .gallery .controls a.activeSlide {
	background: #323c45;
}
/*------ Box1 -----*/
.box1 {
	background: #fff;
	border: 1px solid #c7c7c7;
	padding: 12px;
}
.box1 h3 {
	font-size: 26px;
	color: #323c45;
	margin-bottom: 20px;
	line-height: 26px;
	letter-spacing: -2px;
}
.box1.alR {
	text-align: right;
}
.box1 p {
	font-size: 15px;
	color: #515b63;
	line-height: 17px;
	margin-bottom: 15px;
}
.box1 p a {
	color: #10a3d8;
}
/*------- List1 ----*/
ul.list1 {
	margin: 0 0 30px 0px;
}
ul.list1 li {
	list-style: none;
	border-bottom: 1px solid #ececec;
	font-size: 15px;
	color: #515b63;
}
ul.list1 li a {
	display: block;
	line-height: 30px;
	padding-left: 30px;
	background: url("../img/list-arrow.png") no-repeat 5px center;
	font-size: 15px;
	color: #515b63;
}
ul.list1 li a:hover {
	text-decoration: none;
	background-color: #9EDFF8;
}
ul.list1 li:last-child {
	border: 0;
}
 @media only screen and (max-width: 1280px) {
#banner a.next, #banner a.previous {
	display: none;
}
}
 @media only screen and (max-width: 1150px) {
.logo h1 a {
	width: 100%;
	background-size: contain;
}
#main-navigation ul li {
	margin-left: 10px;
}
#main-navigation ul li.portfolio {
	padding-left: 12px;
}
.date-stamp {
	font-size: 20px;
	line-height: 28px;
}
#search-form input.textbox {
	width: 80%;
}
}
 @media only screen and (max-width: 1023px) {
#main-navigation ul li {
	margin-left: 8px;
}
#main-navigation ul li a {
	font-size: 12px;
}
#banner .description h1 {
	font-size: 55px;
	line-height: 65px;
}
a.talk-to-us {
	font-size: 15px;
	max-width: 422px;
}
}
 @media only screen and (max-width: 979px) {
#header .large-4 {
	text-align: center;
}
.logo p {
	width: 350px;
}
.logo a {
	max-width: none;
	width: auto;
}
#header .contact-info a.button {
	float: none;
	position: absolute;
	right: 15px;
}
#banner a.next, #banner a.previous {
	margin-bottom: 0;
}
#banner .description h1 {
	line-height: 1.2em;
}
.testimonial blockquote p {
	font-size: 14px;
	line-height: 18px;
}
#header .columns {
	float: none;
	width: 100%;
}
.logo h1 a {
	margin: 0 auto 20px;
}
#header .contact-info {
	float: none;
	text-align: center;
}
#main-navigation ul {
	float: none;
	text-align: center;
}
#main-navigation ul li {
	display: inline-block;
	float: none;
}
.date-stamp {
	font-size: 14px;
	line-height: 18px;
}
#search-form input.textbox {
	width: 74%;
}
.logo {
	padding-top: 0;
}
.logo p {
	margin: 0 auto;
}
}
 @media only screen and (max-width: 800px) {
#clients p {
	width: 115px;
}
}
 @media only screen and (max-width: 767px) {
#main-navigation ul {
	text-align: left;
}
#main-navigation ul li {
	display: block;
	margin-bottom: 10px;
}
#main-navigation ul li.portfolio {
	background: none;
	padding: 0;
}
.date-stamp {
	max-width: 55px;
	margin: 0 auto;
	font-size: 20px;
	line-height: 28px;
}
#from-blog .post, #from-blog .date-stamp {
	margin-bottom: 20px;
}
.grid-box {
	margin-bottom: 20px;
}
#services .section.columns .row .large-8.columns {
	padding-left: 0.9375em;
}
#banner .slide img {
	margin: 0 auto;
	display: block;
}
#clients ul li {
	text-align: center;
}
#services .post img {
	margin-bottom: 15px;
}
#footer .small-print-box {
	clear: left;
}
.widget {
	text-align: left;
}
#search-form input.textbox {
	width: 80%;
}
#banner2 h2 {
	display: none;
}
#footer h4 {
	background: url("../img/footer-h4-bg.png") no-repeat scroll right center #10A3D8;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	behavior: url("js/vendor/PIE.html");
	cursor: pointer;
	height: 48px;
	line-height: 48px;
	padding: 0 40px 0 18px;
	position: relative;
}
#footer div.content {
	display: none;
}
#clients p {
	display: none;
}
#clients .caroufredsel_wrapper {
	left: 0px !important;
}
.grid-box .info-layer h3 {
	line-height: 32px;
}
}
 @media only screen and (max-width: 640px) {
#header .contact-info a.button {
	float: right;
	position: relative;
	right: auto;
}
}
 @media only screen and (max-width: 550px) {
.grid-box .info-layer h3 {
	line-height: 22px;
}
}
 @media only screen and (max-width: 500px) {
#header .contact-info a.button {
	float: none;
	display: block;
	margin-left: 0;
	border-bottom: 1px solid #bebebe;
}
#header .contact-info span {
	font-size: 14px;
}
a.talk-to-us {
	background-image: none;
	padding: 0 10px;
	font-size: 11px;
	max-width: 275px;
}
p.copyright {
	text-align: center;
	margin-top: 20px;
}
.sociable h3 {
	display: none;
}
#clients {
	display: none;
}
#services .large-4.small-4 { width:100%; text-align:center; }
#services .large-8.small-8 { width:100%; }
}
@media only screen and (max-width: 479px) {
.logo {
	display: inline-block;
	padding-top: 0;
	margin-bottom: 0px;
}
#container {
	min-width: 320px;
	overflow-x: hidden;
}
#clients ul li {
	min-height: 85px;
}
.logo h1 a {
	background: url('../../../../images/logo.jpg') no-repeat center 0;
	display: block;
	width: 300px;
	background-size: contain;
}
}
@media only screen and (max-width: 370px) {
.logo p {
	width: 320px;
	margin-left: -14px;
}
.logo a {
	background: transparent url('../../../../images/logo.jpg') no-repeat scroll center
0;
	background-size: contain;
}
}

.buttonClassDetal{position:relative;left:3px;color:#fff; font-size:15px; font-weight:bold;margin:0;line-height:2.15em;height:2.375em;padding:0 1em;background:rgb(0,0,0);background:-moz-linear-gradient(top,rgba(0,0,0) 0%,rgba(0,0,0,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(233,92,51,1)),color-stop(100%,rgba(229,59,44,1)));background:-webkit-linear-gradient(top,rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%);background:-o-linear-gradient(top,rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%);background:-ms-linear-gradient(top,rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%) ;background:linear-gradient(top,rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%);border:1px solid rgba(0,0,0,0.1);-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;border-top-right-radius:5px;border-bottom-right-radius:5px; -webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;border-top-left-radius:5px;border-bottom-left-radius:5px;cursor:pointer; border:none; -moz-box-shadow: 3px 3px 4px #999; /* Firefox */
 -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
 box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
 : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */ 
}

.columns {
}