/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

body {
background: #eaecee url('../img/body-bg.png') repeat;
font-family: 'Droid Sans', verdana, tahoma, arial, helvetica, candara, calibri, sans-serif;
font-size: 14px;
color: #333;
}
#main{}
a{
color: #000;
text-decoration: none;
}
.clear {
clear:both;
}
@font-face {
font-family: 'AzoftSansRegular';
src: url('azoft-sans.ttf') format('truetype');
/*src: url('azoft-sans-webfont-webfont.eot');*/
src: url('azoft-sans-webfont-webfont.eot?#iefix') format('embedded-opentype'),
url('azoft-sans-webfont-webfont.woff') format('woff'),
url('azoft-sans-webfont-webfont.ttf') format('truetype'),
url('azoft-sans-webfont-webfont.svg#AzoftSansRegular') format('svg');
font-weight: normal;
font-style: normal;
}


/* NeoTech works in IE! */
@font-face {
    font-family: 'Neo';
    src: url('neo-tech/neotech_bgregular.eot');
    src: url('neo-tech/neotech_bgregular.eot?#iefix') format('embedded-opentype'),
         url('neo-tech/neotech_bgregular.woff') format('woff'),
         url('neo-tech/neotech_bgregular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* Azoft works in IE! */
@font-face {
    font-family: 'Azoft';
    src: url('azoft/azoft-sans.eot');
    src: url('azoft/azoft-sans.eot?#iefix') format('embedded-opentype'),
         url('azoft/azoft-sans.woff') format('woff'),
         url('azoft/azoft-sans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face{
font-family:Avanti;
src: url('AvantiB/AVA_TCUL.ttf'),
url('Azoft/AVANB.ttf');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'CodeBoldRegular';
	src: url('code_bold-webfont.eot');
	src: url('code_bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('code_bold-webfont.woff') format('woff'),
	url('code_bold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}


/* PF Din Display Pro Black works in IE! */
@font-face {
    font-family: 'DinPro';
    src: url('pf-din-display-pro/pfdindisplaypro-black.eot');
    src: url('pf-din-display-pro/pfdindisplaypro-black.eot?#iefix') format('embedded-opentype'),
         url('pf-din-display-pro/pfdindisplaypro-black.woff') format('woff'),
         url('pf-din-display-pro/pfdindisplaypro-black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


::selection{
color:#39444A;
background-color:#ffec81
}
::-moz-selection{
color:#39444A;
background-color:#ffec81
}
header{
width:100%;
display:block;
float:left;
clear:both;
}
.whitebg, #header {
-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
background:#fff;
width:100%;
margin-top:90px;
height:70px;
margin-bottom:60px;
}
.wrap{
position:relative;
width:1120px;
margin:0 auto;
}
section{
display:block;
position:relative;
float:left;
width:100%
}
h1,h2,h3,h4,h5,h6{
text-transform:uppercase;
}
#logo{
float:left;
display:inline-block;
width:196px;
height:180px;
position:relative;
top:-57px;
/*margin-bottom:-57px;*/
left:60px;
}
#logo>img{
width: 100%!important
}
nav {
font-family: Azoft, Neo, DinPro, verdana,tahoma,calibri, helvetica, arial, sans-serif;
line-height:60px;
float:right;
font-weight: bold;
display: block;
width: auto;
height:70px;
font-size:18px;
}

nav ul{
list-style: none;
float:right;
}
nav li {
display: inline-block;
float:left;
}
nav a {
display: inline-block;
color: #6d6e71;
padding: 5px;
word-spacing: -5px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
nav a:hover {
color:#ffc900;
}
nav a:active {
background: none;
}
nav select {
display: none;
}
.active {
color:#ffc900;
}
.lang {
color:#000;
font-weight:bold;
vertical-align:middle;
}
.lang:before{content: url(../img/sep.png)}
.logocont {
color: #fff;
text-align: center;
}
.intro{
text-align: center;
width:710px;
clear:both;
}
.intro h5{
margin-bottom:20px;
letter-spacing:-1.5px
}
h5{
font-family:Azoft, Neo, DinPro, verdana,tahoma,calibri, helvetica, arial, sans-serif;
color: #39444a;
line-height: 58px;
font-size:50px;
text-transform:uppercase;
padding: 0;
clear:both;
position:relative;
margin:10px auto 0;
}
h6{
font-family:Azoft, Neo, DinPro, verdana,tahoma,calibri, helvetica, arial, sans-serif;
color: #39444a;
font-size:30px;
position:relative;
margin: 20px 0;
}

.marked{
color:#ffc900;
font-style:normal;

-webkit-animation-name: shine;
-webkit-animation-duration: 15s;
-webkit-animation-iteration-count: 10000;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;

-moz-animation-name: shine;
-moz-animation-duration: 15s;
-moz-animation-iteration-count: 10000;
-moz-animation-direction: alternate;
-moz-animation-timing-function: ease-in-out;
}
@keyframes shine{
0% {color: #d05252}
30% {color: #ffc900}
60% {color: #66a341}
100% {color: #45c2e1}
}
@-moz-keyframes shine{
0% {color: #d05252}
30% {color: #ffc900}
60% {color: #66a341}
100% {color: #45c2e1}
}
@-webkit-keyframes shine{
0% {color: #d05252}
30% {color: #ffc900}
60% {color: #66a341}
100% {color: #45c2e1}
}
@-o-keyframes shine{
0% {color: #d05252}
30% {color: #ffc900}
60% {color: #66a341}
100% {color: #45c2e1}
}
.text {
font-family:Azoft, helvetica, arial, sans-serif;
color: #39444a;
line-height: 58px;
font-size:50px;
text-align: center;
margin: 0px 0px;
}
#steps{
display:block;
float: left;
margin-bottom: 15px;
}
.step{
list-style-type:none;
float:left;
padding:20px 22px 0;
}
.step a{
position:relative;
display:block;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.step a:active{
border:none;
}
.step span{
position:relative;
font-size:280%;
font-weight:bold;
font-family:Azoft, Neo, DinPro, verdana,tahoma,calibri,helvetica, arial, sans-serif;
display:block;
text-transform:uppercase;
text-align:center;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.up{}
.down{}
.up a{
margin-top:-40px;
color:transparent;
}
.up span{
visibility: hidden\9;
}
.up span{
margin-top:-10px;
color:transparent;
}
.down a, .down span{
margin-top:0;
color:#39444a
}
/*
.step:hover span{
display:block;
}
.step:hover span,.step:hover a{
color: #39444a;
margin-top:0
}*/
.process, .process2 {
color: #fff;
margin-top:10px;
text-align: center;
line-height: 0px;
color: transparent;
font-size: 280%;
font-family:Azoft,   helvetica, arial, sans-serif;
font-weight: 300;
text-transform: uppercase;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.process img, .process2 img {
margin-top:10px;
margin-bottom:15px;
}
.process:hover, .process2:hover {
line-height: 33px;
color: #39444a;
}
.colcont {
color: #39444a;
font-family:Azoft, Neo, DinPro,  helvetica, arial, sans-serif;
font-size:50px;
margin: 20px 0 0 0;
}
.info h3{
color: #39444a;
font-family:Azoft, Neo, DinPro, verdana,tahoma,calibri, helvetica, arial, sans-serif;
font-size:34px;
position:relative;
top:-22px;
left:-30px;
}
.colcont2 {
color: #39444a;
font-family:Azoft, Neo, DinPro, helvetica, arial, sans-serif;
font-size:36px;
margin: -20px 0 0 0;
}
.cont {
color: #6d6e71;
font-family: 'Droid Sans', sans-serif;
font-size:20px;
background: #fff;
margin-top:-30px;
margin-left:10px;
padding-top:40px;
padding-left:10px;
padding-bottom:10px;
-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
}
.container p {
color: #fff;
line-height: 100px;
background: #000;
text-align: center;
margin: 20px 0 0 0;
}
.info{
width:27%;
height:340px;
float:left;
margin:28px 0 28px 46px;
color: #6d6e71;
font-family: 'Droid Sans', sans-serif;
font-size:20px;
background: #fff;
padding:0 20px 10px;
-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
}
.info h2{
font-size:20px;
font-weight:normal;
text-transform:lowercase;
line-height:24px;
display:inline;
}
.cont ul, .info ul{
list-style: none;
margin-top:-20px;
}
.first-child{
margin-left:0;
}
.cont li, .info li {
display: block;
border-top:1px solid #6d6e71;
}
.cont li:first-child, .info li:first-child{
border-top:0px;
}
.cont a, .info a {
display: block;
color: #6d6e71;
padding: 5px 5px;
text-decoration: none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.cont a:hover, .info a:hover{
background:#f5f7fc;
}
.more a, .more{
font-family: 'Droid Sans', sans-serif;
font-size:14px;
float:right;
display: block;
width:100%;
margin-top:0px;
margin-right:-5px;
color: #6d6e71;
border-top:1px solid #6d6e71;
}
.more a:hover , .more:hover{
background:none!important;
text-decoration:none;
color: #FFC900;
}
.more {
text-align:right
}
.cont2{
background: #fff;
margin-top:-30px;
margin-left:10px;
padding-top:45px;
padding-left:20px;
padding-right:20px;
padding-bottom:14px;
-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
}
.info p{
color: #6d6e71;
overflow:hidden;
font-family: 'Droid Sans', sans-serif;
font-size:14px;
text-indent:20px;
padding-bottom:6px;
line-height:18px;
}
*+html .info p{
margin:-20px 0 4px;
}
.view{
float:left;
margin:10px 110px;
}
.services{
margin:20px 26px;
cursor: pointer
}

/*==	Annotation Overlay Effect Styles	==*/
.portfolio{
width:500px;
margin:0 auto;
position:relative;
}
.portfolio_item{
position:relative;
margin:30px 0 20px;
float:left;
clear:both;
}
.portfolio-image {
	float:left;
}
.image_wrap{
width:500px;
height:500px;
display:table-cell;
text-align:center;
vertical-align:middle;
position:relative;
float:left;
cursor:pointer;
}
.image_wrap400{
width:400px;
height:400px;
display:table-cell;
text-align:center;
vertical-align:middle;
position:relative;
float:left;
cursor:pointer;
}
.image_wrap300{
width:300px;
height:300px;
display:table-cell;
text-align:center;
vertical-align:middle;
position:relative;
float:left;
cursor:pointer;
}
.image_wrap > img{
vertical-align:middle;
margin:0 auto;
position:relative;
-moz-box-shadow:1px 1px 7px #000;
-webkit-box-shadow:1px 1px 7px #000;
box-shadow:1px 1px 7px #000;
}
.zoom_overlay{
width:0px;
height:0px;
margin:0 0 0 0;
background:transparent url(../images/overlay.png) repeat top left;
position:absolute;
display:none;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
cursor:pointer;
opacity:1;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.zoom_overlay{
top: 0\9;
left: 0\9;
margin:0\9;
}
span.reference{
font-family:Arial;
position:fixed;
left:10px;
bottom:10px;
font-size:12px;
}
span.reference a{
color:#333;
text-transform:uppercase;
text-decoration:none;
}
img.service-type{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
float: left;
border: 10px solid #fff;
margin: 0 20px 10px 0;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
opacity:0.8;
}
img.service-type:hover{
box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
opacity: 1;
}
article{
position:relative;
display:block;
float:right;
width:50%;
margin-top:13px
}
article.service-description{
position:relative;
display:block;
float:right;
width:100%;
margin-top:13px;
}
.service-description h4{
margin:0
}
article p{
margin-top:10px;
line-height:25px;
color:#6D6E71;
font-size:18px;
}
.site-link{
display:inline-block;
margin:20px 0;
border-bottom:1px dotted;
}
.site-link:hover{
background-color:#fbd323;
border-bottom:1px solid #fbd323;
}
.pages{
display:block;
width:170px;
margin:0 auto;
}
.pages li{
display:inline-block;
list-style-type:none;
float:left;
}
.pages a{
display:inline-block;
color:#39444A;
background-color:#fbd323;
margin: 10px 4px 0;
padding: 5px 9px;
border-radius:40px;
-moz-border-radius:100px;
-webkit-border-radius:100px;
filter:alpha(opacity=20);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.current{
background-color:#ffde4c!important;
box-shadow:-1px -1px #aaa, 2px 2px #fff;
}
.current:hover{
background-color:#39444A!important;
box-shadow:-1px -1px #fff, 1px 1px 2px #aaa;
}
.pages a:hover{
background-color:#39444A;
color:#fbd323;
padding:5px 12px;
margin:6px 1px 0;
}
/*==	Footer Styles	==*/

.yellowbg {
background:#fbd323 url('../img/bgyellow.png') repeat;
margin-top:60px;
height:260px;
}
footer{
width:100%;
height:330px;
}
#footer-info{
background:#fbd323 url('../img/bgyellow.png') repeat;
margin-top:60px;
}
#footer-info .wrap{
padding-bottom:40px;
background-image:url(../img/map.png);
background-position:center 20px;
background-repeat:no-repeat
}
.contact-info{
width:23%;
float:left
}
.contact-data{
vertical-align:middle;
display:inline-block;
padding:10px 0;
font-size:13px;
}
.contact-info ul{
position:relative;
top:-10px;
}
.contact-info li{
list-style-type:none;
line-height:25px;
padding:5px 0;
border-bottom:1px dotted white;
}
.addr,.mail,.mobile{
display:inline-block;
vertical-align:middle;
width:41px;
height:48px;
margin-right:10px;
position:relative;
background-image:url('../img/contacts.png');
background-repeat:no-repeat;
color:transparent;
font-size:0
}
.addr{
background-position:0 center;
top:10px;
}
.mail{
background-position:-41px center;
}
.mobile{
background-position:-82px center;
}
.social-networks{
width:24%;
float:right
}
#networks{
float:left;
clear:both;
display:block;
}
#networks li{
list-style-type:none;
float:left;
margin:0 6px;
}
#networks a{
display:inline-block;
width:40px;
height:40px;
color:transparent;
font-size:0;
background-image:url(../img/socials.png);
background-repeat:no-repeat;
opacity:0.6;
filter:alpha(opacity=60);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
#networks a[title="twitter"]{
background-position:0 0;
}
#networks a[title="facebook"]{
background-position:-40px 0;
}
#networks a[title="google+"]{
background-position:-80px 0;
}
#networks a[title="skype"]{
background-position:-120px 0;
}
#networks a:hover{
opacity:1;
filter:alpha(opacity=100);
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
}
h4{
color: #39444a;
font-family:  Azoft, Neo, DinPro, verdana,tahoma,calibri, helvetica, arial, sans-serif;
font-size:36px;
text-transform:uppercase;
margin: -20px 0 10px 0;
}
.contact-info h6{
left:-10px;
}
.social-networks h4, .contact-info h4, .project-description h4{
position:relative;
z-index: 10;
}
.address {
color: #333333;
font-family: 'Droid Sans', sans-serif;
font-size:13px;
text-indent:0px;
padding-bottom:6px;
margin-bottom:4px;
margin-top:6px;
line-height:30px;
border-bottom:1px solid #fff;
}
.address img {
float:left;
}
.phone {
color: #333333;
font-family: 'Droid Sans', sans-serif;
font-size:13px;
text-indent:0px;
padding-bottom:6px;
margin-bottom:4px;
line-height:50px;
border-bottom:1px solid #fff;
}
.phone img {
float:left;
}
.social {
margin-top:20px;
}
.social img {
height:40px;
width:40px;
opacity:0.6;
filter:alpha(opacity=60);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.social img:hover {
opacity:1;
filter:alpha(opacity=100);
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
}
.map iframe {
width:100%;
height:100%;
border:none;
margin:0;
}
.menu2, #nav {
float:right;
display: block;
width: auto;
font-size:18px;
font-family: Azoft, Neo, DinPro, verdana, tahoma, sans-serif;
margin-top:15px;
 }
 *+html #nav{
 margin:0!important;
 text-align: left!important;
 float: left!important;
 }
.menu2 ul, #nav ul {
list-style: none;
float:right;
}
.menu2 li {
display: inline-block;
}
#nav li {
display: inline-block;
float: left
}
.menu2 a, #nav a {
display: inline-block;
color: #333333;
padding: 5px 5px;
text-decoration: none;
text-transform:uppercase;
word-spacing: -5px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.menu2 a:hover, #nav a:hover {
color:#fff;
}
.menu2 a:active, #nav a:active {
background: none;
}
.menu2 select {
display: none;
}
#copy{
text-align:center;
}
#copy span{
font-family: 'Droid Sans', sans-serif;
font-size:16px;
display:inline-block;
margin-top:10px;
position:relative;
top:16px;
padding:0 55px;
background-image:url("../img/body-bg.png");
background-color: #EAECEE;
}
.copyright {
text-align:center;
font-family: 'Droid Sans', sans-serif;
font-size:16px;
margin-top:-9px;
margin-bottom:30px;
}
.line {
background:url('../img/linebg.png') repeat-x;
height:4px;
border:none;
position:relative;
width:100%;
clear: both
}
.title {
color: #39444a;
font-family:Azoft,   helvetica, arial, sans-serif;
font-size:50px;
margin-top:20px;
margin-bottom:5px;
line-height:40px;
}
.title2 {
color: #39444a;
font-family:Azoft,   helvetica, arial, sans-serif;
font-size:50px;
margin-top:20px;
margin-bottom:5px;
line-height:40px;
}
.title3 {
color: #39444a;
font-family:Azoft,   helvetica, arial, sans-serif;
font-size:30px;
margin-top:20px;
margin-bottom:5px;
}
.secondtitle {
color: #39444a;
font-family:Azoft,   helvetica, arial, sans-serif;
font-size:26px;
margin-top:-10px;
margin-bottom:0px;
}
.about{
color: #6d6e71;
font-family: 'Droid Sans', sans-serif;
font-size:20px;
line-height:30px;
margin-top:20px;
}
.about p{
margin:20px 0;
}
.about img{
float:right;
margin:-70px 40px 0;
opacity: 0.8;
border: 10px solid #eee;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
/*Transition*/
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
/*Reflection*/
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));
}
.about img:hover {
opacity: 1;
/*Reflection*/
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
/*Glow*/
-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
-moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
}

}
.aboutcont {
color: #6d6e71;
font-family: 'Droid Sans', sans-serif;
font-size:20px;
line-height:30px;
margin-top:20px;
margin-left:0px;
padding-top:0px;
padding-left:0px;
padding-bottom:0px;
}
.darkbg {
background: #c8cfd4 url('../img/darkbg.png') repeat;
width:100%;
padding:20px 0;
margin:-6px 0 2px;
font-size:18px;
}

*+html .darkbg {
margin: -6px 0 -3px
}
h6.sub-title{
margin:-10px 0 20px;
}
#ex5 {
margin: 0 auto;
min-height: 300px;
}
#ex5 img {
margin-top:25px;
opacity: 0.8;
border: 10px solid #eee;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
/*Transition*/
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
/*Reflection*/
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));
}
#ex5 img:hover {
opacity: 1;
/*Reflection*/
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
/*Glow*/
-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
-moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
}
label{
float:left;
clear:both;
}
.contact{
width:50%;
float:left
}
.map {
border: 10px solid #fff;
padding:0;
margin:-40px 0 10px;
height:350px;
width:45%;
float:right;
-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
}
.medium, textarea {
background: none repeat scroll 0 0 rgba(180, 180, 180, 0.2);
border: 1px solid #FFFFFF;
box-shadow: 0 0 3px #7A7A7A inset;
font-size: 13px !important;
font-weight: normal !important;
letter-spacing: normal;
outline-style: none;
padding: 6px !important;
width:96%;
}
textarea {
height:156px;
margin-right:10px;
}
.inputs{
width:48%;
float:left;
}
.msg{
float:right;
}
button.a-btn{
float:right;
clear:both;
position:relative;
margin-top:10px;
font-size:18px;
color:#446388;
text-shadow: 0 1px 0px rgba(255, 255, 255, 0.5);
white-space: nowrap;
line-height:36px;
padding:0 15px;
border:1px solid #5d81ab;
background-color:#e7bf17;
background-image: url(../img/btn.png);
background-repeat: repeat-x;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
-moz-box-shadow: 0 -1px 4px  rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 -1px 4px  rgba(0, 0, 0, 0.3);
box-shadow: 0 -1px 4px  rgba(0, 0, 0, 0.3);
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear;
cursor:pointer;
}
.a-btn #arrow{
display:inline-block;
display:none\9;
width:21px;
height:22px;
opacity:0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
vertical-align:text-bottom;
background-image: url(../img/arrow_right.png);
background-repeat: no-repeat;
background-position: right center ;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear;
}
button.a-btn #capsule-text{
margin:-12px 5px;
display:inline-block;
display:none\9;
width:0;
overflow:hidden;
border-left:1px solid #63707E;
border-right:1px solid rgba(255, 255, 255, 0.5);
position:relative;
background-color:#63707E;
color:#fff;
text-transform:uppercase;
text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
white-space: nowrap;
line-height:38px;
-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.5) inset;
-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.5) inset;
box-shadow:1px 1px 3px rgba(0,0,0,0.5) inset;
text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.5);
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear;
}
button.a-btn:hover{
color:#fff;
text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.4);
}
button.a-btn:hover #capsule-text{
width:120px;
padding:0 5px;
text-align:middle;
}
button.a-btn:hover #arrow{
opacity:1;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
/* IE hacks removing slide effects */
button.a-btn{
line-height:30px\9;
padding: 0 5px\9;
right: 5px\9
}
button.a-btn #capsule-text{
margin:-12px 0\9;
}
button.a-btn:hover #capsule-text{
width: auto\9;
padding:0\9;
}
/* end of hacks */

.contlabel {
font-size:18px;
line-height:36px;
color: #39444A;
}
.required{
color:red;
}
.wrapper{
margin:20px auto;
}
.item{
float:left;
width:100%;
clear:both;
margin:35px 0px;
}
.thumb_wrapper{
width:290px;
height:107px;
position:relative;
float:left;
margin:20px 40px 0px 0px;
}
.thumb_wrapper a.prev,
.thumb_wrapper a.next{
width:30px;
height:30px;
position:absolute;
top:50%;
margin-top:-15px;
outline:none;
cursor:pointer;
}
.thumb_wrapper a.prev{
left:0px;
background:transparent url(../images/fancy_nav_left.png) no-repeat top left;
}
.thumb_wrapper a.next{
right:0px;
background:transparent url(../images/fancy_nav_right.png) no-repeat top left;
}
.thumb_wrapper span{
display:block;
text-align:center;
font-size:11px;
font-style:italic;
margin-top:3px;
}
.thumb{
margin-left:40px;
width:210px;
height:107px;
overflow:hidden;
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:1px 1px 3px #555;
box-shadow:1px 1px 3px #555;
}
.thumb ul{
list-style:none;
width:800px;
height:107px;
}
.thumb ul li{
float:left;
}
.thumb ul li a img{
border:5px solid #fff;
}
.description{
width:60%;
float:right;
}
.description a {
line-height:40px;
}
.description a:hover {
color:#ffc900;
}
.click {
color: #39444a;
line-height:20px;
}
.menu2 .active, #nav .active {
color:#fff;
}