/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html { height: 100% }
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;
	width:100%;  
	height: 100%;
 	background-image: url(../images/*.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
  background-attachment: fixed;

}
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 {background:#fff;}
body {
	margin: 0;
	font: 13px/21px Arial, Helvetica, sans-serif;
	color: #666;
	min-width: 320px;
	-webkit-text-size-adjust: none;
}
dd a {
	color: #3465b4;
}
.social2 .facebook {background:url(../images/facebook-orange.png) no-repeat;
}

.inner {
	background:#fff;
	max-width:980px;
	margin:0 auto;
}

a {
	color:#3465b4;
	text-decoration:none;
}
a:hover {text-decoration:underline;}
input,
textarea,
select {
	font:100% arial,sans-serif;
	vertical-align:middle;
	color:#666;
}
form,fieldset{
	margin:0;
	padding:0;
	border:none;
}
p {
	color: #000;
	text-align: justify;
}
h1 {
	color: #1E5075;
	text-align: center;
	font-size: 20px;
	line-height: 26px;
	font-weight: 300;
	padding-bottom: 20px;
}
h2 {
	color:#222;
	font:300 16px/18px ''Quintessential', cursive', Arial, Helvetica, sans-serif;
}
h3 {
	color: #222;
	font: 300 14px/16px, Arial, Helvetica, sans-serif;
}
h4 {
	color:#222;
	font:300 14px/16px, Arial, Helvetica, sans-serif;
}
h5 {
	color: #4C98D2;
	font-family: 'Quintessential', "cursive;";
	text-align: center;
	font-size: 18px;
	line-height: 25px;
	font-weight: 300;
}
h6 {
	color:#222;
	font:300 12px/18px, Arial, Helvetica, sans-serif;
}
/* wrapper */
#wrapper {
	width: 100%;
	height: 100%;
	display: table;
	border-top: 2px solid #3465b4;
	background-image: url(../images/mainbg3.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.inner #wrapper {
	margin:0 auto;
	background:#fff;
}
.w1 {
	width: 100%;
	display: table-row;

}
.w2 {
	overflow: hidden;
	position: relative;
}
/* header */
#header {
	width: 100%;
	position: relative;
	z-index: 200;
}
#header .section {
	max-width: 940px;
	margin: 0 auto;
}
/* logo */
.logo {
	width: 940px;
	height: 100px;
	text-indent: -9999;
	background-image: url(../images/logo4.png);
	background-repeat: no-repeat;
	text-align: center;
	margin: 0 auto;
	background-position: center;
}
.logo a {
	display:block;
	height:100%;
}
/* contact-box */
.contact-box {
	display: none;
	float:right;
	padding:1px 0 0;
}
.contact-box2 {
	float:left;
	padding:1px 0 0;

}

.contact-box .phone {
	text-decoration: none;
	color: #000000;
	float: left;
	font: 300 28px/32px "'Quintessential', cursive", Arial, Helvetica, sans-serif;
	background: url(../images/ico-phone.png) no-repeat 0 4px;
	padding: 1px 0 0 25px;
}


/* nav-box */
.nav-box {
	margin: 0 auto;
	padding: 60px 0 0 0px;
	text-transform: uppercase;
	float: left;
	text-align: center;
	width: 100%;


}

.nav-box:after {
	content:"";
	display:block;
	clear:both;
}
.nav-box a {
	color: #2083c5;
	text-decoration: none;
}
.nav-box > ul {
	margin: 0 auto;
	max-width: 940px;
	padding: 0 10px;
	font: 300 16px/21px  Arial, Helvetica, sans-serif;
	clear:left;
   float:left;
   list-style:none;
   margin:0;
   position:relative;
   left:50%;
   text-align:center;

	}
.nav-box > ul:after {
	content:"";
	display:block;
	clear:both;
}
.nav-box > ul > li {
	float: left;
	position: relative;
	padding: 0 20px 16px;
	background: url(../images/separator.png) no-repeat 0 4px;
   display:block;
   list-style:none;
   margin:0;
   position:relative;
   right:50%;

}

.nav-box > ul > li:first-child {
	background:none;
	padding-left:3px;	
}

.nav-box > ul > li.hover > a {
	text-decoration: none;
	color: #3D6A00;
	transition: 300ms all linear;
	-o-transition: 300ms all linear;
	-moz-transition: 300ms all linear;
	-webkit-transition: 300ms all linear;
}
.nav-box > ul > li.active > a{
	color: #4E8600;
}
.nav-box .current{
	color: #4E8600;
}

.nav-box > ul >li > .has-drop-down-a {
	padding:0 5px 0 0;
	background:url(../images/drop-arrow.png) no-repeat 100% 8px;
}
.nav-box > ul ul {
	position:absolute;
	top:37px;
	left:0;
	width:233px;
	background:#fff;
	text-transform:none;
	display:none;
	font:12px/15px Arial, Helvetica, sans-serif;
	box-shadow: 0px 5px 20px 10px rgba(0,0,0,0.1);
}
.nav-box > ul ul a{
	color: #fff;
	background-color: #4D99D3;
}
.nav-box > ul li.hover ul {display:block;}
.nav-box > ul li.hover ul ul {display:none;}
.nav-box > ul li.hover ul li:hover > a {
	color: #FFF;
	background-color: #3C6C00;
}
.nav-box > ul li.hover ul li:active {
	color: #FFF;
	background-color: #0B548A;
}
.nav-box > ul li.hover ul li:hover ul {display:block;}
.nav-box > ul ul li {
	vertical-align:top;
	position:relative;
	border-top:1px solid #e5e5e5;	
}
.nav-box > ul ul a {
	padding:12px 22px 13px;
	display:block;
}
.nav-box > ul ul li:first-child {border:0;}
.nav-box > ul ul ul {
	left:100%;
	top:-1px;
}

/* main */
#main {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
	padding-bottom: 20px;
}
/* gallery */
.gallery {
	background:#ffffff;
	margin:0 0 0px;
	padding:0;
}
.gallery {padding:0;}
/*.gallery-holder {
	padding:0;
	max-width:940px;
	border:0;
}*/
.gallery-frame > ul,
.gallery-frame > ul > li {max-width:100%;}
/* gallery-holder */
.gallery-holder {
	margin:0 auto;
	max-width:938px;
	position:relative;
}
.gallery-frame {
	overflow:hidden;
	position:relative;
	width:100%;
}
.gallery-frame > ul {
	max-width:940px;
	overflow:hidden;
	position:relative;
}
.gallery-frame > ul > li {
	float:left;
	max-width:940px;
	position:relative;
}
.gallery-frame img {
	vertical-align:top;
	width:100%;
	height:auto;
}
.gallery .switcher {
	position:absolute;
	bottom:10px;
	left:0;
	width:100%;
	text-align:center;
}
*+html .gallery .switcher {bottom:14px;}
.gallery .switcher ul {
	display:inline-block;
	vertical-align:top;
}
*+html .gallery .switcher ul {display:inline;}
.gallery .switcher li {
	float:left;
	margin:0 2px;
}
.gallery .switcher a {
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	width:12px;
	height:12px;
	background:#fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.gallery .switcher a:hover,
.gallery .switcher .active a {background:#3465b4;}
.gallery .text-box {
	position:absolute;
	right:29px;
	top:67px;
	width:390px;
	font-size:14px;
	line-height:18px;
}
.gallery .text-box.left {
	right:auto;
	left:29px;
}
.gallery .text-box h2 {
	margin:0 0 9px;
	font:400 44px/46px "'Quintessential', cursive", Arial, Helvetica, sans-serif;	
	color:#4d91fe;
	text-transform:uppercase;
}
.gallery .text-box h3 {
	font:400 24px/26px "'Quintessential', cursive", Arial, Helvetica, sans-serif;
	color:#222;
	margin:0 0 12px;
}
.gallery .text-box p {margin:0 0 26px;}
.comment-form .submit,
.feedback .submit,
.quote-box .btn-get,
.gallery .btn {
	display:inline-block;
	vertical-align:top;
	padding:11px 20px;
	color:#fff;
	font:300 14px/16px ''Quintessential', cursive', Arial, Helvetica, sans-serif;
	text-shadow:1px 1px 0 rgba(0, 0, 0, .1);	
	text-transform:uppercase;
	text-decoration:none;
	border:1px solid #4d91fe;
	background: #4d91fe;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlOGYwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZDg1MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #3465b4 0%, #4d91fe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3465b4), color-stop(100%,#5590d2));
	background: -webkit-linear-gradient(top,  #3465b4 0%,#4d91fe 100%);
	background: -o-linear-gradient(top,  #3465b4 0%,#4d91fe 100%);
	background: -ms-linear-gradient(top,  #3465b4 0%,#4d91fe 100%);
	background: linear-gradient(to bottom,  #3465b4 0%,#4d91fe 100%);
}
.gallery .btn:hover {
	color:#fff;
	border:1px solid #4d91fe;
}
/* gallery2 carousel*/
.gallery2-holder {
	overflow:hidden;
	width:100%;
}
.gallery2-holder > ul {
	position:relative;
	overflow:hidden;
	width:100%;
}
.gallery2-holder > ul > li {
	position:absolute;
	left:0;
	top:0;
	width:100%;
}
.gallery2-holder > ul > li.active {z-index:2;}
/*form button*/
.comment-form .submit:hover,
.feedback .submit:hover,
.quote-box .btn-get:hover,
.gallery .btn:hover {
	background: #85A613;

}
/* boxes */
.boxes {
	width: 100%;
	background: #f1f1f1;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 30px;
	border-top: 1px solid #fff;

	background-color: rgba(0,0,0,0.03);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 2px 3px rgba(0,0,0,0.05);
	box-shadow: inset 0 2px 3px rgba(0,0,0,0.05);
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.boxes .title-box, .boxes .title-box2, .boxes .title-box-left p{
	font:italic 14px/21px Arial, Helvetica, sans-serif;
}
.holder {
	max-width: 940px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;	
}
.boxes .holder {
	max-width:940px;
	margin:0 auto;
	padding:32px 0 0;
}
.boxes .title-box {
	padding:0 10px 32px;
	text-align:center;
	max-width:720px;
	margin:0 auto;
}
.boxes .title-box2 {
	padding:0 10px 0;
	text-align:center;
	max-width:720px;
	margin:0 auto;
}
.boxes .title-box-left {
	padding:0 0 0;
	text-align:left;
	max-width:940px;
	margin:0 auto;
}
.boxes .title-box h2 {
	color:#222;
}
.boxes-section {overflow:hidden;}
.boxes-section .col {
	width:33.3%;
	float:left;
}
.boxes-section .col .holder {padding:0 4px 0 7px;}
.boxes-section .col.first .holder {padding:0 0 0 0;}
.boxes-section .col.last .holder {padding:0 0 0 14px;}
a .icon {
	overflow:hidden;
	float:left;
	margin:3px 20px 0 0;
}
a .ico1 {background:url(../images/ico1.png) no-repeat; width:60px; height:60px;}
a:hover .icon.ico1{background:url(../images/ico1-hover.png) no-repeat;}
a .ico2 {background:url(../images/ico2.png) no-repeat; width:60px; height:60px;}
a:hover .icon.ico2{background:url(../images/ico2-hover.png) no-repeat;}
a .ico3 {background:url(../images/ico3.png) no-repeat; width:60px; height:60px;}
a:hover .icon.ico3{background:url(../images/ico3-hover.png) no-repeat;}
a .ico4 {background:url(../images/ico4.png) no-repeat; width:60px; height:60px;}
a:hover .icon.ico4{background:url(../images/ico4-hover.png) no-repeat;}
a .ico5 {background:url(../images/ico5.png) no-repeat; width:60px; height:60px;}
a:hover .icon.ico5{background:url(../images/ico5-hover.png) no-repeat;}
a .ico6 {background:url(../images/ico6.png) no-repeat; width:60px; height:60px;}
a:hover .icon.ico6{background:url(../images/ico6-hover.png) no-repeat;}
.boxes-section .text-box {
	overflow:hidden;
	height:1%;
	font-size:12px;
	line-height:21px;
}
.boxes h3 {
	color:#222;
	line-height:18px;
	margin:0 0 18px;
}
.boxes-section h3 {
	color:#222;
	line-height:18px;
	margin:0 0 11px;
}
/* btn */
.btn {
	display:inline-block;
	vertical-align:top;
	color:#666;
	font-size:11px;
	line-height:13px;
	text-decoration:none;
	padding:7px 15px 8px 16px;
	border:1px solid #d9d9d9;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #f5f5f5;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #f1f1f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#f1f1f1));
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#f1f1f1 100%);
	background: -o-linear-gradient(top,  #f5f5f5 0%,#f1f1f1 100%);
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#f1f1f1 100%);
	background: linear-gradient(to bottom,  #f5f5f5 0%,#f1f1f1 100%);
}
.btn:hover {
	border:1px solid #c6c6c6;
	color:#333;
	background: #f8f8f8;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #f1f1f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#f1f1f1));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#f1f1f1 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#f1f1f1 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#f1f1f1 100%);
	background: linear-gradient(to bottom,  #f8f8f8 0%,#f1f1f1 100%);
	text-decoration:none;
}
/* boxes-section */
.boxes-section p {margin:0 0 14px;}
/* blog-section */
.blog-section, .portfolio-section {
	max-width:940px;
	margin:0 auto;
	padding:0 10px 0;
}
.blog-section h3, .portfolio-section h3 {
	float:left;
	background:#fbfbfb;
	padding:0 20px 20px 0;	
}
.blog-section .meta, .portfolio-section .meta {
	overflow:hidden;
/*	padding:0 0 20px;*/
	border:0;
	padding:5px 0 0;
	background:url(../images/separator4.png) repeat-x 0 20px;
}
.blog-section .btn-prev,
.blog-section .btn-next, 
.portfolio-section .btn-prev,
.portfolio-section .btn-next {
	float:right;
	overflow:hidden;
	text-indent:-9999px;
	width:24px;
	height:21px;
}
.blog-section .btn-prev:hover, .portfolio-section .btn-prev:hover {background:url(../images/btn-prev-hover.png) no-repeat;}
.blog-section .btn-next, .portfolio-section .btn-next {
	background:url(../images/btn-next.png) no-repeat;
	margin:4px 0 0 1px;
}
.blog-section .btn-prev, .portfolio-section .btn-prev {
	background:url(../images/btn-prev.png) no-repeat;
	margin:4px 0 0 1px;
}
.blog-section .btn-next:hover, .portfolio-section .btn-next:hover  {background:url(../images/btn-next-hover.png) no-repeat;}
/* blog-boxes */
.blog-boxes, .portfolio-boxes {
	overflow: hidden;
	padding: 0 0 24px ;
	margin: 0 0 0;/*	border-bottom:1px solid #f0f0f0;*/
}
.blog-holder, .portfolio-holder {overflow:hidden;}

.blog-boxes.col4 .blog-holder, .portfolio-boxes.col4 .portfolio-holder {margin-right:-20px;}
.blog-boxes > ul, .portfolio-boxes > ul {
	width:100%;
	overflow:hidden;
}
.blog-boxes > ul > li, .portfolio-boxes > ul > li  {
	width:100%;		
	float:left;
}
.blog-boxes .box, .portfolio-boxes .box {
	float:left;
	width:33.3%;
	text-align:center;
	color:#848484;
}
.blog-boxes.col2 .box, .portfolio-boxes.col2 .box {width:50%;}
.blog-boxes.col4 .box, .portfolio-boxes.col4 .box {width:25%;}

.portfolio-box .image,
.blog-boxes .image,
.portfolio-boxes .image {
	display:block;
	padding:7px;
	position:relative;
	text-align:left;

}
.blog-boxes .image img, .portfolio-boxes .image img {
	width: 100%;
	height: auto;
	text-align: justify;
}
.portfolio-box .btn-video,
.portfolio-box .btn-photo,
.blog-boxes .btn-photo,
.blog-boxes .btn-video,
.portfolio-boxes .btn-photo,
.portfolio-boxes .btn-video  {
	position:absolute;
	left:50%;
	top:50%;
	overflow:hidden;
	text-indent:-9999px;
	width:47px;
	margin:-24px 0 0 -23px;
	height:47px;
	display:none;
}



.portfolio-box .image img,
.blog-boxes img,
.portfolio-boxes img {vertical-align:top;}
.blog-boxes a, .portfolio-boxes a {color:#848484;}
.blog-boxes a:hover, .portfolio-boxes a:hover {
	text-decoration:none;
	color:#3465b4;
}
.blog-boxes h5 a, .portfolio-boxes h5 a {
	color:#222; 
	font:italic 600 14px/18px 'Open Sans', Arial, Helvetica, sans-serif;
	transition: 300ms all linear;
	-o-transition: 300ms all linear;
	-moz-transition: 300ms all linear;
	-webkit-transition: 300ms all linear;	
}
.blog-boxes h5 a:hover, .portfolio-boxes h5 a:hover {
	text-decoration:none;
	color:#3465b4;
}
.blog-boxes .controls,
.portfolio-boxes .controls {
	position:absolute;
	bottom:7px;
	left:7px;
	width:284px;
	display:none;
}
.blog-boxes .controls a,
.portfolio-boxes .controls a {
	float:left;
	margin:0;
}
.blog-boxes .date,
.portfolio-boxes .date {
	font-style:italic;
	display:block;
	color:#8c8c8c;
	font-size:12px;
	margin:0 0 4px;
}
.blog-boxes.alt h5,
.portfolio-boxes.alt h5 {margin:0 0 6px;}
.blog-boxes.alt .box,
.portfolio-boxes.alt .box {text-align:left;}
.blog-boxes.alt p,
.portfolio-boxes.alt p {
	margin: 0 0 4px;
	padding:0 25px 0 25px;
	text-align: justify;
}
.blog-boxes .more,
.portfolio-boxes .more  {
	display:inline-block;
	vertical-align:top;
	font-style:italic;
	padding:0 25px 0 25px;
	color:#3465b4;
	text-decoration:none;
	background:url(../images/arrow.png) no-repeat 100% 50%;
}




/* testimonials-item */
.testimonials-item {
	float:left;
	width:31.8%;
	margin:0 0 0 20px;
}
.testimonials-item li {
	vertical-align:top;
	overflow:hidden;
	padding:0 0 13px;
}
.testimonials-item .image {
	float:left;
	margin:6px 16px 0 0;
	background:#fff;
	padding:3px;
	border:1px solid #f3f3f3;
}
.testimonials-item .image img {float:left;}
.testimonials-item blockquote {
	overflow:hidden;
	height:1%;
}
.testimonials-item q {
	display:block;
	margin:0 0 6px;
	font-style:italic;
}
.testimonials-item cite {color:#666;font:400 12px/18px "'Quintessential', cursive", Arial, Helvetica, sans-serif;}
/* testimonials*/
.testimonials {
	float:left;
/*	margin:0 20px 0 0;*/
}
.testimonials li {
	vertical-align:top;
	overflow:hidden;
	padding:0 0 13px;
}
.testimonials .image {
	float:left;
	margin:6px 16px 0 0;
	background:#fff;
	padding:3px;
	border:1px solid #f1f1f1;
}
.testimonials .image img {float:left;}
.testimonials blockquote {
	overflow:hidden;
	height:1%;
}
.testimonials q {
	display:block;
	margin:0 0 6px;
	font-style:italic;
}
.testimonials cite {color:#666;font:400 12px/18px "'Quintessential', cursive", Arial, Helvetica, sans-serif;}


/* breadcrumbs */
/*.breadcrumbs {
	float:left;
	padding:4px 0 0;
}
.breadcrumbs a {
	text-decoration:none;
	color:#848484;
}
.breadcrumbs a:hover {
	text-decoration:none;
	color:#3465b4;
}
.breadcrumbs li {
	float:left;
	padding:0 6px 0 9px;
	background:url(../images/separator3.png) no-repeat 0 6px;
}
.breadcrumbs li:first-child {
	padding-left:0;
	background:none;
}*/
/* breadcrumbs */
.breadcrumbs {
	float:right;
	padding:8px 0 0;
}
.breadcrumbs a {
	text-decoration:none;
	color:#848484;
	font-size:10px;
}
.breadcrumbs a:hover {
	text-decoration:none;
	color:#3465b4;
}
.breadcrumbs li {
	float:left;
	padding:0 6px 0 0px;
	font-size:10px;
/*	background:url(../images/separator3.png) no-repeat 0 6px;*/
}
.breadcrumbs li:first-child {
	padding-left:0;
	background:none;
}

/* container */
.container {
	width: 100%;
	overflow: hidden;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
}
.inner .container {padding-bottom:22px;}
.inner2 .container {padding-bottom:10px;}
/* content */
#content {
	width: 100%;
	float: left;
	padding-left: 20px;
	z-index: 100;
}
.c1 {margin:0 320px 0 0;}
.map {
	width: 100%
	height: 400px;
	}
.image {
    display:block;
    margin:auto;


}
.image img {
	vertical-align: top;
	display: block;
	margin: 0 auto;
}
.image.center img {
	width:100%;
	height:auto;
	vertical-align:top;
}

.alignright {
	float:right;
	margin:6px 0 5px 20px;
}



/* portfolio-box */
.portfolio-box {
	overflow:hidden;
	padding:0 0 28px;
	margin:0 0 11px;
	border-bottom:1px solid #e4e4e4;
}
.portfolio-box.last {
	margin-bottom:28px;
}
.portfolio-box .image {
	float:left;
	margin:3px 20px 0 0;
}
.portfolio-box .text-box {
	overflow:hidden;
	height:1%;
}
.portfolio-box h4 {margin:0 0 14px;}
.portfolio-box .text-box h4 {margin:0 0 11px;}
.portfolio-box p {margin:0 0 20px;}
.portfolio-box .text-box ul {
	padding:0 0 13px 9px;
	margin:-12px 0 0;
}
.portfolio-box .text-box li {
	padding:0 0 2px 22px;
	background:url(../images/arrow3.png) no-repeat 0 5px;
}
.portfolio-box h5 {margin:0 0 11px;}
.main-container {
	padding:4px 19px;
}
.main-container h1 {margin:0 0 8px;}
.main-container h2 {margin:0 0 6px;}
.main-container h3 {margin:0 0 7px;}
.main-container h4 {margin:0 0 12px;}
.main-container h5 {margin:0 0 10px;}
.main-container h6 {margin:0 0 10px;}
.main-container p {margin:0 0 15px;}
/* heading */
.heading {
	padding:10px 0 12px;
	margin:0 0 23px;
	border-bottom:1px solid #e4e4e4;
}
.heading h3 {margin:0;}
/* grid-cols */
.grid-cols {
	overflow:hidden;
	margin:0 -20px 6px 0;
}
*+html .grid-cols {margin-right:-22px;}
.grid-cols .col-holder {padding:20 20px 0 0;}
.grid-cols .col25 {
	width:25%;
	float:left;
}
.grid-cols .col33 {
	width:33%;
	float:left;
}
.grid-cols .col50 {
	width:50%;
	float:left;
}
.grid-cols .col67 {
	width:67%;
	float:left;
}
/* blockquote */
.blockquote {
	color:#222;
	font-style:italic;
	padding:5px 0 6px 29px;
	margin:0 30px 14px 31px;
	border-left:4px solid #3465b4;
	background-color:#fbfbfb;
}
.blockquote.alignleft {
	float:left;
	width:235px;
	margin:0 23px 0 30px;
}
.blockquote.alignright {
	float:right;
	width:235px;
	margin:0 30px 0 23px;
}


/* accordion */
.accordion {
	padding:7px 0 0;
	margin:0 0 28px;
	border-bottom:1px solid #e4e4e4;
}
.accordion .opener {
	display:block;
	background:#fbfbfb url(../images/arrows.png) no-repeat 100% 14px;	
	border:1px solid #e4e4e4;
	border-width:1px 1px 0 1px;
	color:#222;
	padding:8px 14px 9px;
	font:300 16px/21px "'Quintessential', cursive", Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.accordion .active .opener {
	border-top:3px solid #3465b4;
	border-bottom:1px solid #f0f0f0;
	padding-top:6px;
	background: url(../images/arrows.png) no-repeat 100% 11px;
}
.accordion p {margin:0 0 22px;}
.accordion .active .slide {display:block;}
.accordion .slide {
	display:none;
	overflow:hidden;
	background:#fff;
	border:1px solid #e4e4e4;
	border-width:0 1px;
	padding:15px 15px 7px;
}
.accordion li.active .opener {
	border-top:3px solid #3465b4;
	background:#fbfbfb url(../images/arrows.png) no-repeat 100% -19px;
}
.accordion li a { outline: none }
.toggles-holder { margin-top:7px; margin-bottom:28px;}
.accordion.toggle-holder { padding:0; margin-bottom:-1px;}
.accordion a.opener.active {
	border-top:3px solid #3465b4;
	padding-top:6px;
	background:#fff url(../images/arrows.png) no-repeat 100% -19px;
}

/* btn-boxes */
.btn-boxes {
	overflow:hidden;
	margin:0 -35px 0 0;
	padding:4px 0 3px;
}
.btn-boxes .box {
	display:inline-block;
	vertical-align:top;
	width:205px;
	margin:0 35px 0 0;
	padding:0 0 25px;
}
*+html .btn-boxes .box {display:inline;}



/* btn.blue */
.btn.blue {
	color: #fff;
	border: 1px solid #4d91fe;
	background: #2083c5;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlOGYwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZDg1MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #2083c5 0%, #5590d2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3465b4), color-stop(100%,#5590d2));
	background: -webkit-linear-gradient(top,  #2083c5 0%,#5590d2 100%);
	background: -o-linear-gradient(top,  #2083c5 0%,#5590d2 100%);
	background: -ms-linear-gradient(top,  #2083c5 0%,#5590d2 100%);
	background-color: #2083c5;
	background-position: bottom;
}
.btn.blue:hover {
	border:1px solid #3465b4;
	background: #3465b4;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlOGYwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iI2ZiOGQwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iI2Y5OGIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2YzODkwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iI2VlODYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2VlODYwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iI2VhODQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY0JSIgc3RvcC1jb2xvcj0iI2U5ODQwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2U3ODIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iI2UyODEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkzJSIgc3RvcC1jb2xvcj0iI2UxN2QwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYzdkMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #3465b4 0%, #3465b6 17%, #3465b8 24%, #3465b9 39%, #3465b4 46%, #4d91fe 54%, #4d91fe  58%, #4d91fe  64%, #4d91fe  65%, #4d91fe  83%, #4d91fe  93%, #4d91fe  100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3465b4), color-stop(17%,#4d91fe ), color-stop(24%,#4d91fe ), color-stop(39%,#4d91fe ), color-stop(46%,#4d91fe ), color-stop(54%,#4d91fe ), color-stop(58%,#4d91fe ), color-stop(64%,#4d91fe ), color-stop(65%,#4d91fe ), color-stop(83%,#4d91fe ), color-stop(93%,#4d91fe ), color-stop(100%,#4d91fe ));
	background: -webkit-linear-gradient(top,  #3465b4 0%,#4d91fe  17%,#4d91fe  24%,#4d91fe  39%,#4d91fe  46%,#4d91fe  54%,#4d91fe  58%,#4d91fe  64%,#4d91fe  65%,#4d91fe  83%,#4d91fe  93%,#4d91fe  100%);
	background: -o-linear-gradient(top,  #3465b4 0%,#4d91fe  17%,#4d91fe  24%,#4d91fe  39%,#e4d91fe  46%,#4d91fe  54%,#4d91fe  58%,#4d91fe  64%,#4d91fe  65%,#4d91fe  83%,#4d91fe  93%,#4d91fe  100%);
	background: -ms-linear-gradient(top,  #3465b4 0%,#4d91fe  17%,#4d91fe  24%,#4d91fe  39%,#4d91fe  46%,#4d91fe  54%,#4d91fe  58%,#4d91fe  64%,#4d91fe  65%,#4d91fe  83%,#4d91fe  93%,#4d91fe  100%);
	background: linear-gradient(to bottom,  #3465b4 0%,#4d91fe  17%,#4d91fe  24%,#4d91fe  39%,#4d91fe  46%,#4d91fe  54%,#4d91fe  58%,#4d91fe  64%,#4d91fe  65%,#4d91fe  83%,#4d91fe  93%,#4d91fe  100%);
}


.btn.blue:hover {color:#fff;}
.btn-section {
	overflow:hidden;
	padding:14px 0 10px;
	background:url(../images/separator4.png) repeat-x 0 22px;
}
.btn-section a {
	float:right;
	color:#666;
	font-size:12px;
	line-height:15px;
	padding:0 2px 0 20px;
	background:#fbfbfb;
	text-decoration:none;
}
.btn-section a:hover {color:#222;}
/* divider-section */
.divider-section {
	padding:0 0 17px;
	margin:0 0 28px;
	/*border-bottom:1px solid #f0f0f0;*/
}
.divider {
	/*padding:0 0 0;*/
	margin:28px 0 34px;
	border-bottom:1px solid #e4e4e4;
}
.divider-portfolio {
	/*padding:0 0 0;*/
	margin:0 0 28px;
	border-bottom:1px solid #e4e4e4;
}
.boxes-section.center {padding:0 0 0;}
.boxes-section.center .col {text-align:center;}
.boxes-section.center .col.last {
	padding-left:0;
	width:32%;
}
.boxes-section.center .col.last .text-box {padding:0;}
.boxes-section.center .ico1,
.boxes-section.center .ico2,
.boxes-section.center .ico3 {
	float:none;
	display:block;
	margin:0 auto 17px;
}
.boxes-section.center .text-box {padding:0 10px;}
.boxes-section.center h3 {margin:0 0 11px;}

/* links-list */
.links-list {padding:0 0 17px 5px;}
.links-list li {
	vertical-align:top;
	padding:0 0 3px;
}
.links-list a {
	color:#848484;
	background:url(../images/arrow2.png) no-repeat 0 5px;
	text-decoration:none;
	padding:0 0 0 15px;
}
.links-list a:hover {
	color:#3465b4;
	background:url(../images/arrow2-hover.png) no-repeat 0 5px;
}
/* photos */
.photos {
	overflow:hidden;
	padding:6px 0 15px;
	margin:0 -5px 0 0;
}
.photos li {
	float:left;
	background:#fff;
	padding:4px;
	margin:0 5px 5px 0;
	position:relative;
	border:1px solid #f0f0f0;
}
.photos img {float:left;}
.photos a {
	float:left;
	background:#fff;
	padding:5px;
	margin:0 9px 9px 0;
	position:relative;
	border:1px solid #f0f0f0;
}
.photos .flickr_badge_image img {
	max-width:75px;
	max-height:75px;
}

/* footer */
#footer {
	width: 100%;
	overflow: hidden;
	display: table-footer-group;
	background-color: #2083c5;
}
#footer .footer-holder {
	height:1%;
	display:table-row;
}
#footer .footer-frame {
	display: table-cell;
	border-top: 2px solid #3465b4;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}
/* case */
.case {
	max-width: 940px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	padding: 6px 0 6px;
}
.case a {color:#b8b8b8;}
.case a:hover {
	text-decoration:none;
	color:#fff;
}
/* contact */
/*.contact {
	float:left;
	width:25%;
}*/

dl {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 18px;
	margin-left: 0;
	padding-top: 20px;
}
dt {
	float: left;
	clear: left;
	margin: 0 3px 0 0;
	font-size: 14px;
}
address {
	display:block;
	margin:0 0 22px;
}
.case h4 {
	margin: 0 0 5px;
	color: #FFF;
}

.links li {
	vertical-align:top;
	background:url(../images/bullet.png) no-repeat 0 9px;
	padding:0 0 10px 13px;
}
.links li:last-child {
	padding-bottom:0;
}
.case .holder {margin:0 5px 0 0px;}


/* add-block */
.add-block {
	width: 100%;
	background-color: #C9D96F;
	border-top: 1px;
	border-top-color: #000;
}
.add-block .holder {
	max-width:940px;
	margin:0 auto;
	overflow:hidden;
	padding:20px 10px;
}
.add-block .by {
	float:right;
	color:#4a4949;
}
.add-block .by a {color:#888;}
.add-block .by a:hover {text-decoration:none;}
.add-nav {
	float: left;
	text-transform: uppercase;
	font: 300 13px/21px ''Quintessential', cursive', Arial, Helvetica, sans-serif;
    margin: 0 auto;
	text-align: center;
	width: 100%;
	overflow:hidden;
	
}
.add-nav ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
.add-nav li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}

.add-nav li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   text-decoration:none;
   line-height:1.3em;
	color: #114B7B;
	display: block;
}
.add-nav a:hover,
.add-nav .active a {
	color: #0099FF;
	text-decoration: none;
}
.nav-box select {
	width:300px;
	display:none;
}
.nav-box .select-area {display:none;}
/* hide original element */
.jcf-hidden {
	display: block !important;
	position: absolute !important;
	left: -9999px !important;
}
/* custom select styles */
.select-area {
	border: 1px solid #f0f0f0;
	background:#fff;
	position: relative;
	cursor: default;
	height: 28px;
	display:block;
	margin:0 auto;
	color:#848484;
	font-size:14px;
	text-transform:none;
}
.select-area .center {
	float: left;
	padding: 3px 30px 3px 14px;
	width:300px;
}
.select-options li.default {display: none;}
.select-area .select-opener {
	position: absolute;
	background:url(../images/selector.png) no-repeat;
	height: 28px;
	width: 30px;
	right: 0;
	top: 0;
}
.select-options {
	white-space: nowrap;
	position: absolute;
	overflow: hidden;
	background: #fff;
	z-index:100;
	color:#848484;
	font-size:14px;
}
.select-options .drop-holder {
	border:solid #f0f0f0;
	border-width:0 1px 1px 1px;
	overflow: hidden;
	height: 1%;
	text-transform:none;
}
.select-options ul {
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.select-options ul li {
	width: 100%;
	float: left;
}
.select-options ul a {
	text-decoration: none;
	padding: 5px 14px;
	display: block;
	cursor: default;
	color:#848484;
	height: 1%;
}
.select-options .item-selected a,
.select-options a:hover {
	text-decoration: none;
	background: #3465b4;
	color: #fff;
}
.btn-get.mobile {display:none;}

/*contact page*/
iframe.contact-page, iframe.contact-page-2 {
	width:100%;
	height:300px;
}
iframe.contact-page {
	margin: 0 0 5px 0;
}
iframe.contact-page-2 {
	margin: 0px 0 -6px 0;
}
.inner iframe.contact-page-2 {
	margin-bottom:-7px;
	margin-top:0;
}
/*portfolio page sortable*/
#works-container {
	z-index:1;
}
.portfolio-boxes-sortable {
	overflow:hidden;
	padding:0 0 0;
	margin:0 0 28px;
/*	border-bottom:1px solid #f0f0f0;*/
}
.portfolio-boxes-sortable.col3 .portfolio-holder {margin-right:-21px;}
.portfolio-boxes-sortable > ul {
	width:100%;
	overflow:hidden;
}
.portfolio-boxes-sortable > ul > li  {
	width:100%;
	float:left;
}
.portfolio-boxes-sortable .box {
	float:left;
	width:33.3%;
	text-align:center;
	color:#848484;
}
.portfolio-boxes-sortable .box:first-child {margin-right:-20px;}
.portfolio-boxes-sortable .image {
	display:block;
	padding:7px;
	position:relative;
	border:1px solid #f1f1f1;
	text-align:left;
	margin:0 0 13px;
}
.portfolio-boxes-sortable .image img {
	width:100%;
	height:auto;
}
.portfolio-boxes-sortable .btn-photo,
.portfolio-boxes-sortable .btn-video  {
	position:absolute;
	left:50%;
	top:50%;
	overflow:hidden;
	text-indent:-9999px;
	width:47px;
	margin:-24px 0 0 -23px;
	height:47px;
	display:none;
}
.portfolio-boxes-sortable .image:hover .btn-photo,
.portfolio-boxes-sortable .image:hover .btn-video {display:block;}
.portfolio-boxes-sortable .btn-photo {background:url(../images/zoom.png) no-repeat;}
.portfolio-boxes-sortable .btn-video {background:url(../images/play.png) no-repeat;}
.portfolio-boxes-sortable .mask  {
	background:rgba(255, 255, 255, 0.4);
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:none;
}
.portfolio-boxes-sortable .image:hover .mask  {display:block;}
.portfolio-boxes-sortable img {vertical-align:top;}
.portfolio-boxes-sortable a {color:#848484;}
.portfolio-boxes-sortable a:hover {
	text-decoration:none;
	color:#3465b4;
}
.portfolio-boxes-sortable h5 a {
	color:#222; 
	font:italic 600 14px/18px 'Open Sans', Arial, Helvetica, sans-serif;
	transition: 300ms all linear;
	-o-transition: 300ms all linear;
	-moz-transition: 300ms all linear;
	-webkit-transition: 300ms all linear;
}
.portfolio-boxes-sortable h5 a:hover {
	text-decoration:none;
	color:#3465b4;
}
.portfolio-boxes-sortable .controls {
	position:absolute;
	bottom:7px;
	left:7px;
	width:284px;
	display:none;
}
.portfolio-boxes-sortable .controls a {
	float:left;
	margin:0;
}
.portfolio-boxes-sortable .date {
	font-style:italic;
	display:block;
	color:#8c8c8c;
	font-size:12px;
	margin:0 0 4px;
}
 
.centered {
	text-align: center;
}
#ClickHere {
	display: none;
}

dd .blue{
    color: #3465b4;
    font-size: 14px;
}
.add-nav ul {
	margin-right: 0px;
	margin-left: 0px;
}

.indent {
	padding-left: 20px;
}
#leaping {
	background-image: url(../images/leaping_for_joy2.png);
	background-repeat: no-repeat;
	background-position: top;
	font-family: 'Quintessential', "cursive;";
	font-size: 14px;
	padding-left: 520px;
	height: 175px;
	padding-top: 55px;
	color: #FBFBFB;
	-moz-box-shadow: 10px 10px 5px #5c92b5;
-webkit-box-shadow: 10px 10px 5px #5c92b5;
box-shadow: 10px 10px 5px #5c92b5;
border-radius:15px;
}
#taptocall {
	float: right;
	font-size: 24px;
	color: #FFFFFF;
	padding-right: 50px;
}
#promo {
	font-family: 'Quintessential', "cursive;";
	font-size: 24px;
	color: #3C6C00;
	text-align: center;
	padding-bottom: 8px;
}
.Quintessential {
	font-family: 'Quintessential', "cursive;";
	font-size: 18px;
	padding-top: 10px;
}
.row {
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	clear:both;
}
.white {
	color: #FFF;
}
#whiteCentered {
	color: #006DBA;
	text-align: center;
}
.imgCentered {
	 display: block;
	 margin: 0 auto;
	 }                 

      #gmap_canvas {
        height:400px; 
		width:100%;
        margin: 0, auto;
        padding: 0;
		overflow: hidden;
      }
.one-third {
	float: left;
	width: 33.3%;
}
.one-third h5{
	padding-bottom: 15px;
	color: #0B528C;
}
.one-third p {
	padding-top: 10px;
	padding-right: 30px;
	padding-left: 30px;
	color: #333333;
	text-align: justify;
}


@media only screen and (max-width: 933px){
	/* header */
/* logo */
.logo {
	width: 768px;
	height: 201px;
	}
	
	.c1{
	margin: 0 200px 0 0;
}
	.caption.slide_button.sfb a.btn{font-size:13px;line-height:35px;}
	#tap-to-call {
display: none;
font-weight: bold;
}

      #gmap_canvas {
        height:400px; 
		width:100%;
        margin: 0, auto;
        padding: 0;
		overflow: hidden;
      }

	.gallery .text-box h2 {
		font-size:34px;
		line-height:36px;
	}
	.gallery .text-box h3 {
		font-size:20px;
		line-height:23px;
	}
	.social2 li {margin-left:2px;}
	.social2 {margin-right:-10px;}

	.search-form input[type="text"] {width:226px;}
	.search-form {width:278px;}
	.portfolio-box .image {
		float:none;
		display:block;
		margin:0 0 15px;
	}
	.portfolio-box .image img {
		width:100%;
		height:auto;
	}

	.f-post .image img {
		width:280px;
	}
	
dd .blue{
    color: #3465b4;
    font-size: 14px;
}
}
@media only screen and (max-width: 800px){
		/* header */
	#header .section {
		max-width:none;}
/* logo */
.logo {
	width: 100%;
	height: 100px;
	background: url(../images/logo4.png);
	background-position: top;
	background-repeat: no-repeat;
}
	

	#tap-to-call {
display: none;
font-weight: bold;
}
	.c1{
	margin: 0 200px 0 0;
}
	.caption.slide_button.sfb a.btn{font-size:12px;line-height:30px;}
	.caption.slide_paragraph{font-size:10px !important;}
	
	.gallery .text-box {top:40px;}
	.post-box .text-box {
		overflow:visible;
		height:auto;
	}
	.paging a {padding:1px 7px;}
	.paging li {margin-right:2px;}
	.case .col25,
	.case .col33,
	.case .col50{
		float:none;
		width:100%;
		margin:0 0 10px;
		padding:0;		
	}
      #gmap_canvas {
        height:400px; 
		width:100%;
        margin: 0, auto;
        padding: 0;
		overflow: hidden;
      }
}

@media only screen and (max-width: 767px){
	/* header */

.logo {
	width: 450px;
	height: 100px;
	background: url(../images/logo4.png);
	background-position: top;
	background-repeat: no-repeat;
    float:none;
	display:block;
	margin:0 auto ;
}
	
		.c1{
	margin: 0 200px 0 0;
}
	.social2 {margin:0;}
	.social2 li {margin-right:2px;}
	#header .section {max-width:none;}
	#nav {display:none;}
	#header {
		margin:0;

	}
	.contact-box {
		display: none;
		float:none;
		text-align:center;
	}
	.phone {display: none;}
	.contact-box ul {
		display:inline-block;
		vertical-align:top;
		padding:0;
		float:none;
	}
	*+html .contact-box ul {display:inline;}
	.contact-box li {margin:0 2px;}
	.nav-box {
		border-bottom:0;
		padding:9px 10px 9px;
	}
	#tap-to-call {
display: block;

}
	.contact-box .phone {display:none;}
	.nav-box select,
	.nav-box .select-area {
	display: block;
	font-size: large;
	color: #333;
	background-color: #B5DAF2;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
	.boxes-section {padding:0 10px;}
	.boxes-section.center .col.last,
	.boxes-section .col.last,
	.boxes-section .col {
		float:none;
		width:100%;
		margin:0;
		padding:5 0 27px;
	}
	.boxes-section.center .text-box,
	.boxes-section .col:first-child .holder,
	.boxes-section .col.last .holder,
	.boxes-section .col .holder {padding:0;}
	.boxes .title-box h3 {padding:0 10px;}
	.boxes .title-box-left {padding:0 20px;}
	.blog-boxes.col3 .blog-holder,
	.blog-boxes.col3 .box:first-child,
	.blog-boxes .box,
	.portfolio-boxes.col3 .portfolio-holder,
	.portfolio-boxes.col3 .box:first-child,
	.portfolio-boxes .box	{
		width:100%;
		float:none;
		padding:0 0 23px;
	}
	.blog-boxes.col2 .blog-holder,
	.blog-boxes.col4 .blog-holder,
	.blog-boxes.col3 .blog-holder,
	.portfolio-boxes.col2 .portfolio-holder,
	.portfolio-boxes.col4 .portfolio-holder,
	.portfolio-boxes.col3 .portfolio-holder	{
		/*border-bottom:1px solid #f0f0f0;*/
		padding:0;
		margin:5 0 28px;
	}
	.blog-boxes,
	.portfolio-boxes {
		border:0;
		padding:0;
		margin:0;
	}
	#wrapper .blog-boxes .box-holder, #wrapper .portfolio-boxes .box-holder {padding:0;}

	.case {padding:10px 10px 0;}
	.case .holder {margin:0;}
	.add-nav {
		float:none;
		text-align:center;

	}
	.add-nav ul {float:none;}
	.add-nav li {
		display:inline-block;
		vertical-align:top;
		float:none;
	}

	*+html.add-nav li {display:inline;}
	.add-block .by {
		float:none;
		display:block;
		text-align:center;
	}
	.c1 {
	margin-top: 20;
	margin-right: 10px;
	margin-bottom: 25px;
	margin-left: 10px;
}
	.inner .container,
	.inner2 .container,
	.container {padding:0;}
	.inner2 .c1 {margin-bottom:5px;}
	#content {height:auto !important;}
	#sidebar {
		width:auto;
		height:auto !important;
		min-height:0 !important;
		padding:0 !important;
		margin:0 10px 20px;
		border:0;
	}
	.content-panel {
		text-align:center;
		padding:14px 10px;
	}
	.breadcrumbs {
		float:none;
		width:100%;
		overflow:hidden;
	}
	.breadcrumbs li {
		float:left;
		text-align:left;
	}
	.search-form {
		width:100%;
		overflow:hidden;
		float:none;
		margin:0 0 10px;
	}
	.search-form .text {
		display:block;
		overflow:hidden;
		padding:0 8px;
	}
	.search-form .text input {
		width:100%;
		padding:6px 0;
	}
	.type-box {padding:17px 10px 16px;}
	.type-box span {
		display:block;
		float:none;
		margin:0 0 5px;
	}
	.type-box ul {
		float:none;
		width:100%;
		padding:0;
	}
	.type-box li {padding:0 7px;}
	.type-box ul li:first-child {padding-left:0;}
	.portfolio-box {margin:0 10px;}
	.blog-boxes.col2 .box,
	.blog-boxes.col4 .box,
	.portfolio-boxes.col2 .box,
	.portfolio-boxes.col4 .box	{
		width:100%;
		float:none;
	}
    .grid-cols .col33{
        float:none;
        width:100%;
        display:block;
        margin-bottom:20px;
    }
    .grid-cols .col25,
    .grid-cols .col50,
    .grid-cols .col67 {width:auto;/*padding:0 0 28px;*/}
    .grid-cols .col-holder {padding:0;}
    .tabs .tabset li {
        float:none;
        display:block;
    }
	.tabs .tabset a {
		float:none;
		display:block;
	}
	.tabs-vertical .tabset {
		float:none;
		width:auto;
		margin:0 0 10px;
		border:0;
	}
	.tabs-vertical .tabset .active a {
		border-width:1px;
		margin:0;
	}
	.btn-boxes .box {
		display:block;
		width:auto;
		margin:0;
	}
	.boxes-section.center .col {margin:0;}
	.price-table {padding:20px 0;}
	.price-table .col {
		width:auto;
		margin:0;
		float:none;
	}
	.price-table .col.active {margin:0;	}
	.price-table .col.active .title {padding:11px 10px 7px;}
	.price-table .col .holder {
		padding-bottom:20px;
		min-height:0;
	}
	.price-table .col.active .holder {
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.price-table .col.active .price-box {
		padding:4px 0 0;
		height:94px;
	}
    .post-box .alignright,
    .post-box .alignleft {
        float:none !important;
        margin:0 0 20px;
        display:block;
    }
	.post-box .alignright img,
	.post-box .alignleft img {
		display:block;
		width:100%;
		height:auto;
	}
	.art-boxes .box {
		width:100%;
		float:none;
	}
	.about-author .text-box {
		overflow:visible;
		height:auto;
	}
	.comment-form label {
		float:none;
		display:block;
		width:auto;
		margin:0 0 10px;
		text-align:left;
	}
	.comment-box .info {
		float:none;
		width:auto;
		margin:0 0 10px;
		text-align:left;
	}
	.boxes-section {margin:0;}


	.comment-form .submit {
		margin-left:0;
	}
	#sidebar {
		float:left;
	}
	.art-boxes .image img {
		width:100%;
	}
	.art-boxes .box {
		width:25%;
		float:left;
		margin-bottom:20px;		
	}	
	.post-box .alignright {
		float:right;
	}
	.post-box .alignleft {
		float:left;
	}
	.post-box .alignleft.listing {
		float:none;
	}	
	.portfolio-boxes-sortable.col3 .portfolio-holder,
	.portfolio-boxes-sortable.col3 .box:first-child,
	.portfolio-boxes-sortable .box	{
		width:100%;
		float:none;
		padding:0;
	}
	.portfolio-boxes-sortable.col3 .portfolio-holder	{
		/*border-bottom:1px solid #f0f0f0;*/
		padding:0;
		margin:0 0 28px;
	}
	.portfolio-boxes-sortable {
		border:0;
		padding:0;
		margin:0;
	}
	#wrapper .portfolio-boxes-sortable .box-holder {padding:0;}
	.gallery2-holder > ul > li{
		position: static;		
	}
	.gallery2-holder > ul > li .box {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
	}
	.gallery2-holder > ul > li .box.active {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
	}
	.check-color {padding:0 0 15px 0;}
	.grid-cols .col-holder .btn {margin:0 0 24px 0;}
	.divider {margin-top:12px}

dd .blue {
    color: #3465b4;
    font-size: 14px;
}
      #gmap_canvas {
        height:400px; 
		width:100%;
        margin: 0 auto;
        padding: 0;
		overflow: hidden;
      }
	  .one-third {
	  	width: 100%;
	  }
}

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

.logo {
	width: 284px;
	height: 94px;
	background: url(../images/logo_mobileWhite.png);
	background-repeat:  no-repeat;
	background-position: top;
}
#taptocall {
	display: inline-block;
	clear: both;
	font-size: 24px;
	text-decoration: none;
	text-align: center;
	padding-right: 175px;
	padding-bottom: 15px;
	color: #013452;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
}
	.blockquote {
		padding:0 10px 14px 11px;
		margin:0 10px 14px 11px;
	}
	.blockquote.alignright {margin:0 10px 0 6px;}
	.blockquote.alignleft {margin:0 6px 0 10px;}
	.blockquote.alignright,
	.blockquote.alignleft {
		width:150px;
		padding:5px 0 6px 19px;
	}



	.art-boxes .box {
		width:100%;
		float:none;
	}
	.check-color {padding:0 0 15px 0;}
	.grid-cols .col-holder .btn {margin:0 0 24px 0;}	

	#ClickHere {
	display: inline;
}

dd .blue{
    color: #3465b4;
    font-size: 14px;
}
#header .section {
	padding-top: 10px;
	padding-bottom: 10px;
}
.textarea {
	width: 30em;
    height: 5em;
}
      #map {
        height:275px; 
        margin: 0, auto;
        padding: 0;
		overflow: hidden;
      }
	  	#gmap_canvas {
        height:275px; 
		width:100%;
        margin: 0, auto;
        padding: 0;
		overflow: hidden;
	}

}
@media only screen and (max-device-width: 320px) {
	#taptocall {
	display: inline-block;
	clear: both;
	margin: 0 auto;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-right: 80px;
	padding-bottom: 15px;
}
	#map {
        height:400px; 
        margin: 0, auto;
        padding: 0;
      }
	#gmap_canvas {
        height:275px; 
		width:100%;
        margin: 0, auto;
        padding: 0;
		overflow: hidden;
	}
.textarea {
	width: 30em;
    height: 5em;
}
}

input[type="image"]{padding:0;border:none;}
input[type=submit], input[type=text], input[type=password], input[type=file], textarea{-webkit-appearance:none;}
.num li before {
	float:left;
	width:21px;
	margin:0 0 0 -20px;
	vertical-align:top;
}
.num li:before {
	float:left;
	content: counters(item, ".") " ";
	counter-increment: item;
	width:21px;
	margin:0 0 0 -20px;
	vertical-align:top;
}
.add-nav ul {
	margin-right: 0px;
	margin-left: 0px;
}
label {
	display: block;
	cursor: pointer;
	float: left;
	padding-right: 15px;
}
#ThankYou {
	padding-top: 50px;
	padding-bottom: 100px;
}
#checkboxes {
	padding-left: 40px;
}
#click {
	font-size: 18px;
	font-weight: bold;
	color: #3465b4;
	border: 1px solid #666;
}

dd {
	font-size: 14px;
	color: #3465b4;
}
dd .blue{
    color: #3465b4;
    font-size: 14px;
}
.blue{
    color: #3465b4;
}
.italic{
	font-style: italic;
}
.bulleted {
	list-style-type: circle;
	padding-left: 20px;
}
#bulleted {
	padding-left: 35px;
}
html { overflow-y: scroll; }
#imgLeft {
	float: left;	
}
.col33 {
	width: 33.3%;
	float: left;

}

.clear {
	clear: both;
}

.nav-box .mobile-menu {
	font-size: large;
	color: #000;
	margin: 0 auto;
}

.map iframe,  
.map object, 
.map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
}
#gmap_canvas img{max-width:none!important;background:none!important}
#captcha {
	float: left;
	clear: both;
}