/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, #switcher, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	font-family: 'Play', sans-serif;
	font-size:100%; 
}
html, body { height:100%;}
	

/* #Basic Styles
================================================== */
html{
	
}
body {
	background:#fff;
	margin:0;
	padding:0;
}


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #8c8b8b;
		font-family: 'Play', sans-serif;
		font-weight: normal;
		line-height:1.2em;
		font-style:italic;
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px;  margin-bottom: 14px;}
	h2 { font-size: 18px;  margin-bottom: 20px; }
	h3 { font-size: 16px;  margin-bottom: 8px; }
	h4 { font-size: 21px;  margin-bottom: 4px; }
	h5 { font-size: 17px;  }
	h6 { font-size: 14px; line-height:18px; margin-bottom:8px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;font-style:normal; }
	h6 a{text-decoration:none;color:#8c8c8c;}
	h6 a:hover{
		text-decoration:underline;
	}
	.nounder{text-decoration:none;}
	.nounder:hover{text-decoration:underline;}
	.coord-indent{
		display:inline-block;
		width:73px;
	}
	.width-icon{
		padding-top:5px;
		font-weight:bold;
	}
	.width-icon img{
		float:left;
		margin:-5px 10px 0 0;
	}
	
	.width-number{
		padding-top:10px;
		font-weight:bold;
		overflow:hidden;
		font-size:14px;
		font-style:normal;
	}
	
	.width-number span{
		float:left;
		margin:-10px 10px 0 0;
		font-size:21px;
		color:#fff;
		background:#16b2fa;
		text-align:center;
		padding-top:12px;
		height:28px;
		width:40px;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		font-family: 'Play', sans-serif;
		font-weight:normal;
		font-style:normal;
	}
	
	.slogan{
		text-align:center;
		line-height:1.2em;
		font-size:25px;
		font-family: 'Play', sans-serif;
		margin-bottom:0;
	}
	
	.title{
		font-size:18px;
		line-height:1.2em;
		color:#8c8b8b;
		font-style:normal;
		font-family: 'Play', sans-serif;
		margin-bottom:12px;
	}
	
	.divider{
		border-bottom:#e9e9e9 1px solid;
		height:1px;
		margin:25px 0;
	}
	
	p { margin: 0 0 18px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a{ color: #02aaf7; text-decoration: underline; outline: 0; }
	a:hover, a:focus { text-decoration:none; }
	p a, p a:visited { line-height: inherit; }
/*   Logo    */
header{
	z-index:99;
	position:relative;
	min-height:84px;
}
header .row-1{
	background:url(../images/header-row-1-bg.gif) 0 0 repeat-x;
	height:22px;
	padding-top:6px;
	position:relative;
	overflow:hidden;
}
header .row-2{
	background:url(../images/header-row-2-bg.gif) 0 0 repeat-x;
	height:157px;
	position:relative;
	overflow:hidden;
}
header .row-2 .inner{
	background:url(../images/header-row-2-blick.png) center 0 no-repeat;
	height:157px;
	position:relative;
	overflow:hidden;
}
header .row-3{
	background:url(../images/header-row-3-bg.gif) 0 0 repeat-x;
	padding-top:7px;
}
header .row-3 .inner{
	background:url(../images/nav-bg-tail.gif) 0 bottom repeat-x;
}
/*=================Slider===================*/
.slider{
	margin-top:-10px;
}
.ei-slider{
	position: relative;
	max-width: 1920px;
	height: 287px;
	margin-right:-4px;
}
.ei-slider-loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
	background: rgba(0,0,0,0.9);
	color: #fff;
	text-align: center;
	line-height: 400px;
}
.ei-slider-large{
	height: 100%;
	width: 100%;
	position:relative;
	overflow: hidden;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.ei-slider-large li img{
	width: 100%;
}
.ei-title{
	position: absolute;
	right: 50%;
	margin-right: 13%;
	top: 30%;
}
.ei-title h2, .ei-title h3{
	text-align: right;
}
.ei-title h2{
	font-size: 40px;
	line-height: 50px;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	color: #b5b5b5;
}
.ei-title h3{
	font-size: 70px;
	line-height: 70px;
	font-family: 'Play', sans-serif;
	text-transform: uppercase;
	color: #000;
}
.ei-slider-thumbs{
	height: 13px;
	margin: 9px auto 0 auto;
	position: relative;
}
.ei-slider-thumbs li{
	position: relative;
	float: left;
	height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 100%;
	z-index: 10;
	text-indent: -9000px;
	background: #06acf8;
}
.ei-slider-thumbs li a{
	display: block;
	text-indent: -9000px;
	background: #75d4ff ;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-moz-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
	background-color: #06acf8;
}
.ei-slider-thumbs li img{
	width:132px;
	height:40px;
	position: absolute;
	bottom: 50px;
	opacity: 0;
	z-index: 999;
	max-width: 100%;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	-webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(50%, transparent), 
            to(rgba(255,255,255,0.3))
            );
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
	opacity: 1;
	bottom: 13px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (max-width: 830px) {
	.ei-title{
		position: absolute;
		right: 0px;
		margin-right: 0px;
		width: 100%;
		text-align: center;
		top: auto;
		bottom: 10px;
		background: #fff;
		background: rgba(255,255,255,0.9);
		padding: 5px 0;
	}
	.ei-title h2, .ei-title h3{
		text-align: center;
	}
	.ei-title h2{
		font-size: 20px;
		line-height: 24px;
	}
	.ei-title h3{
		font-size: 30px;
		line-height: 40px;
	}
}
/*==========================================*/

#site-title{
	padding-top:20px;
	text-align:center;
}
#site-title a{
	text-decoration:none;
	display:inline-block;
	width:119px;
	height:117px;
	margin-left:-80px;
}
#site-title a img{
	display:block;
}

h1.page-title{
	font-size:28px;
	color:#2e3192;
	line-height:1.2em;
	font-family: 'Play', sans-serif;
	padding-bottom:26px;
	border-bottom:#e9e9e9 1px solid;
	margin-bottom:15px;
	text-align:center;
	font-style:normal;
}
h3.testimonial-author{
	font-family: 'Play', sans-serif;
	font-size:17px;
	line-height:1.2em;
	margin-bottom:0;
	color:#000;
	text-align:right;
}
h3.portfolio-title{
	font-size:14px;
	font-style:normal;
	font-family: 'Play', sans-serif;
	font-weight:bold;
	color:#080a2f;
	text-align:center;
}

.address{
	background:url(../images/mail.png) 0 3px no-repeat;
	padding-left:62px;
	margin-bottom:27px;
}
.contacts{
	background:url(../images/phone-big.png) 0 3px no-repeat;
	padding-left:62px;
}


nav.header {
	overflow: hidden;
	background:url(../images/nav-bg-center.jpg) center bottom no-repeat;
	min-height:73px;
	position:relative;
	width:100%;
	display:block;
}
.menu-cont{
	list-style: none;
	overflow: hidden;
	display:inline-block;
	padding-top:28px;
}
nav.header ul {
	overflow: hidden;
	margin-left:-50px;
}

nav.header li{
	float:left;
	background:url(../images/nav-li-bg.gif) 0 3px no-repeat;
	padding:0 43px 0 50px;
	font-size:14px;
	line-height:1.2em;
	overflow:hidden;
	font-family: 'Play', sans-serif;
	font-style:italic;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);
}


nav.header li a {
	text-decoration:none;
	color:#fff;
	
}

/*HOVER*/
nav.header li a:hover, nav.header li.current a {
	text-decoration:underline;
}

.link{
	display:inline-block;
	text-decoration:none;
	background:url(../images/link-bg.gif) 0 0 no-repeat #cbcbcb;
	color:#fff;
	font-family: 'Play', sans-serif;
	font-style:italic;
	font-size:12px;
	line-height:1.2em;
	padding:3px 5px 2px 32px;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.link:hover{
	background-color:#33befe;
}


.wrapper{
	width:100%;
	overflow:hidden;
}
.extr{
	overflow:hidden;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
.alignright{
	text-align:right;
}
.alignleft{
	text-align:left;
}
.aligncenter{
	text-align:center;
}

.img-container{
	border:#fd9c11 3px solid;
}
.full-columns{
	width:100%;
	height:auto;
}

.social-icons{
	float:right;
	padding:27px 1px 0 0;
}
.social-icons li{
	
	float:left;
	padding-left:16px;
	padding-bottom:7px;
	color:#02aaf7;
	font-size:14px;
	font-style:italic;
}
.social-icons li:first-child{
	padding-left:0;
}
.social-icons li a{
	display:inline-block;
	margin-top:-2px;
}
.social-icons li a:hover{
	
}
/*=========Portfolio=============*/
.da-thumbs {
	list-style: none;
	position: relative;
}
.da-thumbs li {
	float: left;
	margin-bottom:20px;
}
.da-thumbs li a img {
	display: block;
	position: relative;
	width:100%;
	height:auto;
}
.da-thumbs li a {
	overflow: hidden;
	border:#16b2fa 3px solid;
	display: block;
	position: relative;
	color:#e9e9e9;
	text-align:center;
}
.da-thumbs li a div {
	position: absolute;
	background: rgba(0,0,0,0.48);
	width: 100%;
	height: 100%;
}

.da-thumbs li a div.da-animate {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/* Initial state classes: */
.da-slideFromTop {
	left: 0px;
	top: -100%;
}
.da-slideFromBottom {
	left: 0px;
	top: 100%;
}
.da-slideFromLeft {
	top: 0px; 
	left: -100%;
}
.da-slideFromRight {
	top: 0px;
	left: 100%;
}
/* Final state classes: */
.da-slideTop {
	top: 0px;
}
.da-slideLeft {
	left: 0px;
}
.da-thumbs li a div p {
	display: block;
	margin:0;
	padding: 10px;
}
.da-thumbs li a div p span{
	display:block;
	margin-bottom:8px;
	font-family: 'Play', sans-serif;
	font-style:italic;
	font-weight:bold;
	font-size:14px;
}


.portfolio{}
	.portfolio .columns{margin-top:25px;}


#filter{}
	#filter li{
		float:right;
		margin-left:18px;
	}
		#filter li a{
			text-decoration:none;
			color:#2e3192;
			font-size:16px;
		}
		#filter li a.selected{
			text-decoration:underline;
		}
/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** 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;
}

/*===============================*/

.log-list{}
.log-list li{
	float:left;
	background:url(../images/ver-line.gif) 0 5px no-repeat;
	padding-left:5px;
	padding-right:4px;
	font-size:11px;
}
.log-list li:first-child{
	background:none;
	padding-left:0;
}
.log-list li a{
	color:#fff;
	text-decoration:none;
}
.log-list li a:hover{
	text-decoration:underline;
}
.useful-links{}
	.useful-links li{
		background:url(../images/marker.gif) 0 6px no-repeat;
		padding-left:15px;
		margin-top:4px;
	}
	.useful-links li:first-child{
		margin-top:0;
	}
		.useful-links li a{
			text-decoration:none;
			color:#fff;
		}
		.useful-links li a:hover{
			text-decoration:underline;
		}
.social-list{overflow:hidden;}
.social-list li{
	float:left;
	padding-left:16px;
}
.social-list li:first-child{
	padding-left:0;
}

.service-list{}
	.service-list li{
		margin-top:18px;
	}
	.service-list li:first-child{
		margin-top:0;
	}
		.service-list li strong{
			display:block;
			font-size:14px;
			font-weight:normal;
			padding-bottom:3px;
		}
		.service-list li img{
			float:left;
			margin:0 10px 0 0;
		}
.add-list{}
	.add-list li{
		background:url(../images/marker1.gif) 0 8px no-repeat;
		margin-top:10px;
		padding-left:12px;
	}
	.add-list li:first-child{
		margin-top:0;
	}
		.add-list li a{
			color:#8c8b8b;
			text-decoration:none;
		}
		.add-list li a:hover{
			text-decoration:underline;
		}
/* Indents */

.top5{
	padding-top:5px;
}
.top10{
	padding-top:10px;
}
.top15{
	padding-top:15px;
}
.top20{
	padding-top:20px;
}

.top25{
	padding-top:25px;
}

.top30{
	padding-top:30px;
}
.top35{
	padding-top:35px;
}

.bottom25{
	margin-bottom:25px;
}

/*Sliding Text and Icon Menu Style*/

.sti-menu{
	position:relative;
}
.sti-menu li{
	height:260px;
	text-align:center;
	
}
.sti-menu li a{
	display:block;
	overflow:hidden;
	background:#fff;
	text-align:center;
	height:100%;
	border-top:none;
	position:relative;
}
.sti-menu li a h2{
	text-align:center;
	margin-bottom:20px;
	position:absolute;
	width:100%;
	top:20px;
	color:#8fc122;
}
.sti-menu li a div.text{
	position:absolute;
	top:159px;
	left:0px;
	padding:10px;
	text-decoration:none;
}

.sti-icon{
	display:inline-block;
	font-size:38px;
	line-height:1.2em;
	width:73px;
	height:60px;
	padding-top:13px;
	text-align:center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border:#8fc122 3px double;
	
	position:absolute;
	left:50%;
	margin-left:-39px;
	top:61px;
}




.col-style{
	border-top:#8fc122 6px solid;
	text-align:center;
	background:url(../images/col-bg.jpg) 0 0 repeat;
	
}
.col-style h2{
	text-align:center;
	margin-bottom:20px;
}
.col-style .inner{
	border:5px #fff solid;
	border-top:none;
	padding:18px 7px 19px 7px;
}
.col-num{
	display:inline-block;
	font-size:38px;
	line-height:1.2em;
	width:73px;
	height:60px;
	padding-top:13px;
	text-align:center;
	color:#8c8c8c;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border:#c3c3c3 3px double;
	margin-bottom:21px;
}


.img-bottom-indent{
	margin-bottom:15px;
	position:relative;
}

 a[rel^='prettyPhoto']{
	 display:block;
	 position:relative;
	 z-index:99;
}
.zoom{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background:url(../../images/zoom.png) 50% 50% no-repeat rgba(36,36,36,0.21);
	top:0;
	left:0;
}
.ibe_inner{
	z-index:99;
}
.img-indent{
	float:left;
	margin:2px 10px 0 0;
}
.w70{
	width:70px;
	display:inline-block;
}
.map{
	width:100%;
}
#content{
	margin:17px 0 34px 0;
}
#home #content{
	margin:25px 0 34px 0;
}
footer{
	background:url(../images/footer-bg.gif) 0 0 repeat;
	position:relative;
}

footer .spacer{
	background:url(../images/spacer-bg.gif) 22% 0 repeat-y;
}
footer .spacer1{
	background-position:66% 0;
	
}

.footer-bottom{
	background:url(../images/footer-bottom-bg.gif) 0 0 repeat-x;
	padding:26px 0 21px 0;
}

footer h3{
	font-size:14px;
	line-height:1.2em;
	color:#fff;
	margin-bottom:16px;
}
footer .aside{
	background:url(../images/aside-bg.gif) 0 0 repeat-x;
	padding-top:38px;
	padding-bottom:27px;
}
footer .container{
	color:#fff;
}
nav.footer{
	overflow:hidden;
	padding:11px 10px 0 0;
	float:right;
}

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* #Buttons
================================================== */

	


/* #Tabs (activate in tabs.js)
================================================== */
	ul.tabs {
		display: block;
		margin: 0 0 20px 0;
		padding: 0;
		border-bottom: solid 1px #ddd; }
	ul.tabs li {
		display: block;
		width: auto;
		height: 30px;
		padding: 0;
		float: left;
		margin-bottom: 0; }
	ul.tabs li a {
		display: block;
		text-decoration: none;
		width: auto;
		height: 29px;
		padding: 0px 20px;
		line-height: 30px;
		border: solid 1px #ddd;
		border-width: 1px 1px 0 0;
		margin: 0;
		background: #f5f5f5;
		font-size: 13px; }
	ul.tabs li a.active {
		background: #fff;
		height: 30px;
		position: relative;
		top: -4px;
		padding-top: 4px;
		border-left-width: 1px;
		margin: 0 0 0 -1px;
		color: #111;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }
	ul.tabs li:first-child a.active {
		margin-left: 0; }
	ul.tabs li:first-child a {
		border-width: 1px 1px 0 1px;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px; }
	ul.tabs li:last-child a {
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }

	ul.tabs-content { margin: 0; display: block; }
	ul.tabs-content > li { display:none; }
	ul.tabs-content > li.active { display: block; }

	/* Clearfixing tabs for beautiful stacking */
	ul.tabs:before,
	ul.tabs:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	ul.tabs:after {
	  clear: both; }
	ul.tabs {
	  zoom: 1; }


/* #Forms
================================================== */

	form#contact{margin-top:15px;}
	label{
		display:block;
		margin-bottom:19px;
	}
	form#contact strong{
		color:#242424;
		font-weight:normal;
		padding-bottom:3px;
		display:block;
	}
	form#contact strong span{
		color:#242424;
	}
	fieldset {
		margin-bottom: 20px;
	}
	form#contact input[type="text"],
	input[type="password"],
	input[type="email"],
	form#contact textarea,
	select {
		
		border:#692989 1px solid;
		border-left:#8332aa 1px solid;
		border-bottom:#9e44c2 1px solid;
		border-right:#8332aa 1px solid;
		position:relative;
		background:#8f37ba;
		width:92.5%;
		padding:8px 5px 8px 5px;
		color:#e2e2e2;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:1.2em;
		
	}
	
	input[type="submit"], input[type="reset"]{
		border:0;
		margin:0;
		background:0;
		display:block;
		width:42px;
		height:18px;
		background:url(../images/submit-bg.gif) 0 0 no-repeat;
		cursor:pointer;
		float:left;
		margin-top:-4px;
		
	}
	input[type="reset"]{
		background:url(../images/reset-bg.png) 0 0 no-repeat;
		width:39px;
		margin-right:79px;
	}
	textarea {
		min-height: 81px;
	}
	


/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }

@media screen and (max-width: 320px) {
h1.page-title{
	font-size:21px;	}
	
}