.loading .anim, #fancybox-loading div {
	-webkit-backface-visibility: hidden;
   	-moz-backface-visibility: hidden;
   	-ms-backface-visibility: hidden;
   	backface-visibility: hidden;
   	-webkit-perspective: 1000;
   	-moz-perspective: 1000;
   	-ms-perspective: 1000;
   	perspective: 1000;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -15px;
	cursor: wait;
  	background-color: rgba(0,0,0,0);
  	opacity: .8;
  	border-radius: 50px;
  	animation: loading .5s infinite linear;
  	-ms-animation: loading .5s infinite linear;
  	-moz-animation: loading .5s infinite linear;
  	-webkit-animation: loading .5s infinite linear;
	border: 6px solid #000;
  	border-top: 5px solid rgba(0,0,0,0) !important;
  	border-left: 5px solid rgba(0,0,0,0) !important;
  	width: 25px !important;
  	height: 25px !important;
	-webkit-transform: translateZ(0);
   	-moz-transform: translateZ(0);
   	-ms-transform: translateZ(0);
   	-o-transform: translateZ(0);
   	transform: translateZ(0);
	position: absolute;
    will-change: transform, perspective, animation, opacity;
}

.mobileheader .wrap.loading .anim {
        border: 6px solid #ffffff;
        margin-left: -20px;
        margin-top: -18px;
}

.colorbg .loading .anim, #contColor .loading .anim {
        border: 6px solid #ffffff;
        margin-top: -10px;
}

#fancybox-loading div {
	margin-left: 0px;
	border: 6px solid #ffffff;
	background-image: none !important;
}

@keyframes loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@-ms-keyframes loading { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); } }
@-moz-keyframes loading { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes loading { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }

img.lazy {
	opacity: 0;
	filter: alpha(opacity = 0);
}

html, body {
	padding: 0;
	margin: 0;
	background-color: #FFF;
        overflow-x: hidden;
}

html {
        overflow-y: scroll;
	-ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
}

.ie7 body, .ie8 body {
	min-width: 1200px !important;
}

.ie6 nav, .ie6 header, .ie6 section, .ie6 footer {
	display: none;
}

.ie6 body .ie6note {
	display: block;
        font-size: 400%;
        padding: 4em;
	line-height: 1.4em;
}

a {
    background: transparent;
}

b, strong {
  font-weight: bold;
}

*:active {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -moz-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0);
}

ol {
        list-style-type: none;
        list-style-type: decimal !ie; /*IE 7- hack*/
        margin: 0;
        padding: 0.5em 0 0.5em 0em !important;
        counter-reset: li-counter;
}

ol > li{
        position: relative;
        padding-left: 2em;
        margin-bottom: 0.7em;
        line-height: 1.4em;
}

ol > li:before {
	text-indent: 0;
        position: absolute;
        top: -2px;
        left: 0px;
        width: 1.85em;
        height: 1.8em;
        line-height: 1.8em;
        font-size: 85%;
        font-family: Arial;
        font-weight: bold;
        text-shadow: 0 1px 0 rgba(0,0,0,0.4);
        text-align: center;
        border-radius: 2px;
        content: counter(li-counter);
        counter-increment: li-counter;
        color: #fff;
}

ol.continous-list > li::before {
	content: counter(item);
    counter-increment: item;
}

ol.listcols2 li, ol.listcols3 li {
        text-indent: 1.9em;
}

.colorbg ul {
	padding-left: 20px;
}

.colorbg ul li {
	padding-left: 0px;
	list-style-type: square;
	background: none !important;
	}

table {
	border-collapse: collapse;
}

.editor iframe {
	width: 100% !important;
	height: 400px;
	border: 1px solid #000;
	z-index: 0;
}

.editor img {
	max-width: 100% !important;
	height: auto !important;
}

.editor h2, .editor h3, .editor h4, .editor h5, .editor h6 {
	margin-top: 1em;
	margin-bottom: 0.4em;
}


.code h4 {
	font-size: 100%;
}

/* FORM ELEMENTS  */

*:active, *:focus {
	outline: none;
}

dl.form {
	padding-top: 1em;
	width: 100%;
	margin: 0;
}

.box dl.form {
        padding: 0;
}

.formbox {
	font-size: 120%;
	padding: 1.5em;
}

.formbox label {
	font-size: 80%;
}

.formbox .button {
	padding: 0.4em 0.8em;
}

.formbox input, .formbox textarea, .formbox select, .formbox .select2-container .select2-choice, .formbox .select2-container-multi .select2-choices {
	padding: 0.65em 0.8em;
}

.formbox .select2-container .select2-choice .select2-arrow b {
	background-position: 0 0.5em;
}

.formbox .cell button { margin: 0; text-transform: uppercase; font-family: MemphisBold, Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif; }
.formbox .cell.title, .formbox .cell .title { font-size: 110%; white-space: nowrap; font-family: Metrophobic, Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif; }
.formbox .cell .title {display: inline-block; padding-bottom: 0.25em;}
.formrows .cell {padding-bottom: 0.7em; }
.formrows .cell.fifty {width:50%; }
.formrows .button {margin: 1em 0 !important;}

dl.form dt {
	padding: 5px 0 2px 0;
	margin: 0;
	clear: both;
	float: left;
	width: 100%;
	font-family: "Istok Web", Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	font-size: 120%;
}

dl.form dd {
	padding: 0 0 0.5em 0;
	margin: 0;
	float: left;
	width: 100%;
	position: relative;
}

dl.form dd br {
	display: none;
}

dl.nopadding dt, dl.nopadding dd {
	padding-bottom: 0;
}

.wrap.poll {
    text-align: center;
    padding-bottom: 3em;
}

.wrap.poll td {
	vertical-align: middle;
    	text-align: left;
	padding: 0.7em;
}

.pollChoice {
    font-size: 110%;
    padding-bottom: 0.6em;
}

.bar {
	height: 1.8em;
}

.barholder {
	border: 1px solid #ddd;
}

#newsletterBox dl.form dt {
	width: 16%;
}

#newsletterBox dl.form dd {
	width: 84%;
}

#newsletterBox .formEmailinput, #newsletterBox select {
	width: 60%;
}

.formCheckboxLabelHolder {
	font-size: 90%;
}

.commenting dl.form {
	margin: 0;
}

.commenting dl.form dt {
	width: 30%;
}

.commenting dl.form dd {
        width: 70%;
}

.comments .box h3, .comments .box p {
	margin: 0;
}

.comments .box h3 {
	margin-bottom: 0.3em;
}

.comments q {
	display: block;
	font-size: 90%;
	line-height: 1.5em;
	margin-bottom: 0.3em;
}

.comments .box .date {
	font-size: 80%;
	padding: 0.1em 0.6em;
}

.comments .box .date .icon {
	margin-left: -2px;
}

.comments .box {
	margin-bottom: 1em;
}

.comments .box .commenter {
	color: #666;
	font-size: 90%;
	line-height: 1.5em;
}

.comments .box .frame {
	width: 50px;
}

.comments .box .personimage {
	display: none;
}

label.big {
	font-size: 120%;
}

input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="url"], input[type="date"], input[type="tel"], textarea, select {
	border: 1px solid #ccc;
	font-family: Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	padding: 0.8em 0.9em;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05) inset;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05) inset;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
 	width: 100%;
	font-size: 90%;
	-moz-transition: border 0.2s linear 0s, background 0.2s linear 0s;
        -webkit-transition: border 0.2s linear 0s, background 0.2s linear 0s;
        -ms-transition: border 0.2s linear 0s, background 0.2s linear 0s;
        -o-transition: border 0.2s linear 0s, background 0.2s linear 0s;
        transition: border 0.2s linear 0s, background 0.2s linear 0s;
        border-radius: 2px;
	color: #000 !important;
	text-shadow: none !important;
}

input.searchinput {
	width: 290px;
	border-radius: 2px 0 0 2px;
	padding: 0.6em 0.9em;
}

textarea {
	height: 10em;
	resize: vertical;
	overflow: auto;
}

input:focus, textarea:focus, .formNotice, .formRequiredList, select:focus {
	background-color: #f5f5f5;
	border-style: solid;
	border-color: #bbb;
	border-width: 1px;
	-webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.required {
	color: #555;
	font-style: italic;
	vertical-align: middle;
	font-size: 70%;
        border-radius: 3px;
	z-index: 2;
	padding-left: 5px;
}

input[type=checkbox], input.formCheckbox, input[type=radio], input.formRadio, input.formradio {
	width: 1em;
    height: 1em;
}

input.formCheckbox:focus {
	background-color: transparent;
}

.checkbox input[type="checkbox"], .checkbox input[type="radio"] { display: none; }

.ie7 input[type="checkbox"], .ie8 input[type="checkbox"] { display: inline-block; margin-right: 9px; }

label {
	display: block;
    	padding: 5px 20px 5px 0;
    	cursor: pointer;
	line-height: 1;
}

.checkbox span {
    	display: inline-block;
    	width: 20px;
    	height: 20px;
    	margin: -2px 10px 0px 0px;
	vertical-align: middle;
    	border-radius: 1px;
    	border: 1px solid #d0d0d0;
    	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    	box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    	background: #efefef;
    	cursor: pointer;
}

.ie7 .checkbox span, .ie8 .checkbox span { display: none; }

.checkbox  input[type='checkbox']:checked + span, .checkbox  input[type='radio']:checked + span {
    	border-color: #B8B8B8;
    	-webkit-box-shadow: none;
    	box-shadow: none;
    	border-radius: 1px;
	background-color: #fff;
	-moz-transition: all 0.1s linear 0s;
	-webkit-transition: all 0.1s linear 0s;
	-ms-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
	transition: all 0.1s linear 0s;
}

.checkbox  input[type='checkbox']:checked + span:after, .checkbox  input[type='radio']:checked + span:after {
    	content: 'x';
	text-align: center;
    	color: #000;
    	text-shadow: 0 1px 0 #fff;
	font-weight: bold;
	font-family: Verdana;
	font-size: 16px;
	line-height: 14px;
    	width: 20px;
    	height: 20px;
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
	left: 1px;
	top: 2px;
}

.formbox .checkbox  input[type='checkbox']:checked + span:after, .formbox .checkbox  input[type='radio']:checked + span:after {
	left: 0px;
}

.formNotice {
	padding: 15px 20px 10px 20px;
	border-width: 1px 1px 0 1px;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0;
	font-size: 110%;
	color: #c32b11;
}

.formNotice br {
	display: none;
}

.formRequiredList {
	padding: 0 20px 15px 20px;
	margin: 0;
	border-width: 0 1px 1px 1px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.formRequiredList li {
	padding-bottom: 0;
}

/* BUTTONS */

.button {
	white-space: nowrap;
	position: relative;
 	-moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
}

.editor .button, .mobile .button {
	white-space: normal;
}

.button .tip {
 	display: block;
        border-style:solid;
        border-width:1em 0 1em 1em;
        width:0;
        height:0;
        position: absolute;
	top: 100%;
        right: 10px;
	font-size: 90%;
}

.mobilebutton {
	display: none;
}

.curPage {
	background: #fff !important;
	color: #000 !important;
	border: 1px solid #d8d7d7 !important;
 	-webkit-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2) !important;
        box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2) !important;
	text-shadow: none !important;
}


.page-962 #cont .pagination a {
	font-size: 140%;
}

#landingpage .button {
	font-size: 130%;
	padding: 0.45em 0.9em;
}

#landingpage .animation .button {
	padding: 0.55em 0.9em
}

#landingpage .animation .button .arr {
	display: none;
}

.ios #landingpage header .animation .button, .mac #landingpage header .animation .button {
	padding: 0.75em 0.9em 0.35em 0.9em;
}

.ios #landingpage .formbox .button, .mac #landingpage .formbox .button {
	padding: 0.65em 0.9em 0.25em 0.9em;
}


/* COLS */

.wrap {
	max-width: 1200px;
	padding: 0 10px;
	margin: 0 auto;
}

.wrap:after {
     	content:'';
     	display:block;
      	clear: both;
}

img {
	max-width: 100%;
}

.col .map img {
	max-width: none;
}

.cols2, .cols3, .cols4, .cols5 {
	padding-bottom: 1.5em;
}

.cols2 .col, .cols2 .second.left {
	float: left;
	width: 47%;
	margin-right: 6%;
	margin-top: 1em;
}

.cols2 .second {
	width: 47%;
	margin-right: 0;
}

.cols2 .first.right {
	float: right;
        width: 47%;
        margin-right: 0;
}

.cols2.coldivider .col {
	width: 47%;
        margin-right: 6%;
}

.cols2.coldivider .second {
	width: 47%;
	margin-right: 0;
}

#social.cols2 .col {
	width: 49%;
	margin-right: 2%;
}

#social.cols2 .second {
        width: 49%;
	margin-right: 0;
}

.cols3 .col {
	float: left;
	width: 32%;
	padding-right: 2%;
}

.cols3 .third {
	width: 32%;
	padding-right: 0;
}

.cols5 .col {
	float: left;
        width: 18%;
        margin-right: 2.5%;
        margin-top: 1em;
}

.cols5 .fifth {
        width: 18%;
	margin-right: 0;
}

.cols3images .col {
	width: 29%;
	padding-right: 6.5%;
}

.cols3images .third {
	padding-right: 0%;
}

.cleardiv.border {
	background: transparent url('/media/layout/img/hdivider.gif') left center repeat-x;
	height: 2px;
	margin: 0.5em 0 1em 0;
	float: left;
	width: 100%;
}

.cleardiv.border:last-child {
	background: none;
	margin: 0;
}

.cols3 .cleardiv {
	clear: both;
}

.cols3 .cleardiv.two {
	display: none;
}

.cols4 .col {
	float: left;
	width: 260px;
	position: relative;
	margin: 0 50px 25px 0;
}

.cols4 .fourth {
	margin-right: 0;
}

.cols4 .customer {
	height: 190px;
}

.col img.frame {
	max-width: none;
}


.leftcol {
	width: 840px;
	padding: 0 30px 2em 0;
	float: left;
}

.rightcol {
	width: 300px;
	padding: 0 0 2em 30px;
	float: right;
	font-size: 90%;
	line-height: 1.7em;
}

.rightcol .item {
	padding-bottom: 1em;
}

.rightcol .button {
	margin-top: 0.4em;
}

.coldivider {
	background: transparent url('/media/layout/img/vdivider.gif') repeat-y 880px top;
}

.cols2.coldivider {
	background: transparent url('/media/layout/img/vdivider.gif') repeat-y 50% top;
}

.vdivider {
	background: transparent url('/media/layout/img/vdivider.gif') repeat-y 50% center;
}

/*
.hdivider {
	background: transparent url('/media/layout/img/hdivider.gif') repeat-x center 50%;
}
*/

.bigbg, .mediumbg, .smallbg, .graybg, .bg, .marketing-header {
	clear: both;
}

/*
.bigbg, .errorbg, .successbg {
	background: transparent url('/media/layout/img/top-bg-big.png') no-repeat center top;
	height: 620px;
	position: relative;
}
*/

.errorbg, .successbg {
	height: auto;
}
/*
.mediumbg {
	background: transparent url('/media/layout/img/top-bg-big.png') no-repeat center top;
	height: 440px;
	position: relative;
}

.mediumbg .hdivider {
	background: transparent url('/media/layout/img/anim-hdivider.png') repeat-x center 50%;
}

.smallbg {
	background: transparent url('/media/layout/img/top-bg.png') no-repeat center top;
	height: 170px;
}
*/

.bigbg.animation h1 {
	margin-top: 1.5em;
}

.mediumbg.animation h1, .smallbg.animation h1 {
	margin-top: 1em;
}


.bigbg .hdivider {
	height: 100%;
        position: relative;
}

.mediumbg .hdivider {
	height: 100%;
        position: relative;
}


/* CIRCLE */

.circle {
	position: relative;
	background-color: #efefef;
	background-position: center center;
	background-attachment: fixed;
}

a.circlelink:hover {
	text-decoration: none;
}

a.circlelink:hover .icon {
	-ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
}

.circle img {
	width: 100%;
	display: block;
}

.circle img.icon {
	width: auto;
	width: 39%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
}

.circle img.show940 {
	display: none;
}

.circle-picture {
	border: 1px solid #ddd;
	border-radius: 1000px;
}

.colorbg .circle-picture {
	border: 0;
}

/* FEATURE */

a.featurelink:hover {
        text-decoration: none;
}

a.featurelink h3 {
	margin-bottom: 0;
}

a.featurelink p {
	color: #000;
}

a.featurelink .icon {
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
}

a.featurelink:hover .icon {
	-ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
}

/* FRAMEIMAGE */

.frameimage {
  	float: right;
        width: 400px;
        position: relative;
        margin: 5px -40px 0 0;
	text-align: center;
}

.frameimage .frame {
        width: 100%;
        height: auto;
        float: left;
}

.frameimage .img {
        position: absolute;
        top: 2px;
        left: 43px;
}

.overlayimage {
	position: relative;
	display: inline-block;
}

.frameimage .button, .overlayimage .button {
        position: absolute;
        top: -3.7em;
	left: 47%;
        font-size: 90%;
	font-weight: bold;
        margin-left: -10%;
	z-index: 1;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.image-overlay {
	display: inline-block;
	width: 43px;
	height: 42px;
	position: absolute;
	top: 34%;
	left:45%;
        border-radius: 100px;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
	z-index: 1;
	border: 1px solid #d7dede;
	filter: alpha(opacity = 80);
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
}

.tall .image-overlay {
	top: 40%;
}

.overlayimage .image-overlay {
	left: 34%;
}

.image-overlay {
	filter: none;
}

.image-overlay span {
	display: block;
	margin: 10px 0 0 11px;
	width: 24px;
	height: 24px;
	opacity: 0.7;
	filter: alpha(opacity = 70);
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
}

span.play-icon { background: transparent url('/media/layout/img/overlay-icons.png') center top no-repeat; }
span.zoom-icon { background: transparent url('/media/layout/img/overlay-icons.png') center bottom no-repeat; margin: 9px 0 0 10px;}

.phoneicon {
	z-index: 20;
	float: right;
	position: absolute;
	top: 15px;
	right: 10px;
	display: table;
	font-family: Metrophopic, "Istok Web", Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	font-size: 90%;
}

.phoneicon .picon {
	float: left;
	padding: 0.6em 1em;
	display: inline-block;
	border-radius: 3px 0 0 3px;
	background: #ddd url('/media/layout/img/icons/phoneicon.png') center center no-repeat;
	line-height: 1;
	vertical-align: middle;
	display: table-cell;
	border: 1px solid transparent;
}

.phoneicon .text {
	float: left;
	vertical-align: middle;
	padding: 0.6em 0.6em;
	color: #000;
	display: inline-block;
	border-radius: 0 3px 3px 0;
	border-top: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	background: #fff;
	line-height: 1;
	display: table-cell;
}

a:hover .image-overlay {
	-webkit-box-shadow: 0 2px 6px 3px rgba(0, 0, 0, 0.07);
	box-shadow: 0 2px 6px 3px rgba(0, 0, 0, 0.07);

}

a:hover .image-overlay, a:hover .image-overlay span {
	opacity: 1;
	filter: alpha(opacity = 100);
}

.cols3images .frameimage {
	margin-top: 1em;
	margin-bottom: -0.5em;
}

.cols3images .frameimage span.button {
	left: 47%;
}

.lang-en .frameimage .button, .EN .frameimage .button {
	left: 48%;
}

.lang-ru .frameimage .button, .RU .frameimage .button {
	left: 32%;
}

.lang-fr .frameimage .button, .FR .frameimage .button {
	left: 44%;
}

.lang-de .frameimage .button, .DE .frameimage .button {
	left: 45%;
}

.lang-cn .frameimage .button, .CN .frameimage .button {
	left: 52%;
}

.frameimage .button.hover {
	top: -5em;
	opacity: 1;
	filter: alpha(opacity = 100);
}

/* IMAGE */

.image {
        float: right;
        margin: 0 -40px 0 0;
        position: relative;
}

.image.imageleft {
	margin: 0 0 0 -40px;
}

/*
.image img {
        width: 100%;
	height: auto;
}
*/

/* QUOTE */

.quote .q {
	position: relative;
	bottom: -0.25em;
	display: inline-block;
	font-size: 350%;
	vertical-align: bottom;
	padding: 0 0.05em 0 0 ;
}

.quote-picture {
	display: table;
	margin: 0 auto;
	position: relative;
	top: -60px;
	margin-bottom: -122px;
}

.quoteonlyblock .quote {
	font-size: 130%;
	margin: 0;
}

.quoteonlyblock .wrap {
	padding: 2em 0 1em 0;
}

.quoteonlyblock .personsignature {
	font-size: 180%;
}

.singlequote .wrap {
	padding: 1.5em 0;
	max-width: 1000px;
}

/* BOX */
.social {
	opacity: 0;
	filter: alpha(opacity = 0);
	line-height: 1em;
	margin: 1em 0;
	padding: 0.4em 0.5em;
}

.social > span, .social a {
	display: inline-block;
	margin: 2px 0 0 2px;
}

.social table {
	margin: 0;
	width: auto !important;
}

#vkshare1 {
	width: auto !important;
}

.social table td {
	padding: 0;
}

.social .commentbutton {
	float: left;
	margin: 0;
	font-size: 70%;
	font-family: Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	font-weight: bold;
	padding: 0.1em 0.5em 0.2em 0.3em;
	border: 1px solid #cbcbcb;
        border-radius: 4px;
	color: #000;
	background: #f6f6f6;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f6f6f6 0%, #e4e4e4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e4e4e4));
	background: -webkit-linear-gradient(top,  #f6f6f6 0%,#e4e4e4 100%);
	background: -o-linear-gradient(top,  #f6f6f6 0%,#e4e4e4 100%);
	background: -ms-linear-gradient(top,  #f6f6f6 0%,#e4e4e4 100%);
	background: linear-gradient(to bottom,  #f6f6f6 0%,#e4e4e4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e4e4e4',GradientType=0 );
}

.social .commentbutton:hover {
	text-decoration: none;
}

.ie9 .social .commentbutton {
	filter: none;
}

.social .commentbutton span.icon {
	margin: -0.28em 0.3em -0.3em 0;
}

.fb-like.fb_iframe_widget span {
	vertical-align: inherit !important;
}

/* NEWSLIST */

.newslist {
        float: left;
        width: 100%;
}

.newslist h2 {
	float: left;
	width: 565px;
	white-space: -moz-pre-wrap;
        white-space: -o-pre-wrap;
        white-space: -pre-wrap;
        white-space: pre-wrap;
        white-space: pre-line;
        word-wrap: break-word;
}

.newslist .image {
	width: 360px;
	margin: 2em -40px 0 0;
}

.newslist .image img {
	float: right;
}

.newslist .text {
	float: left;
	width: 565px;
}

.newslist .buttons {
	margin-top: 0.8em;
	display: block;
}

.newslist .quote {
	float: right;
	width: 250px;
	margin-top: 5px;
}

.newslist .info {
	float: right;
	width: 270px;
    	font-size: 90%;
	padding-top: 0.8em;
}

.newslist .info table {
        width: 100%;
}

.newslist .info td {
        vertical-align: top;
}

/* NEWS */
.news h1 {
	margin: 0.5em 0;
 	white-space: -moz-pre-wrap;
        white-space: -o-pre-wrap;
        white-space: -pre-wrap;
        white-space: pre-wrap;
        white-space: pre-line;
        word-wrap: break-word;
	-webkit-hyphens: manual;
	-moz-hyphens: manual;
	hyphens: manual;
}

.news h1, .news .buttons {
	width: 490px;
	display: block;
}

.news .editor {
	padding-bottom: 1.5em;
}

.news .editor h1 {
	width: auto !important;
	float: none !important;
}

.news editor h1, .news h2 {
	font-size: 180%;
}

.RU .news h1 {
	font-size: 180%;
}

.RU .news editor h1, .RU .news h2 {
        font-size: 150%;
}

.ZH .news editor h1, .ZH .news h2 {
	font-size: 160%;
}

.news .left {
	float: left;
}

.news .right {
	float: right;
	width: 350px;
}

.news .quote {
	clear: both;
}

.news .right .quote, .news .box, .news .info {
	display: block;
	margin-left: 30px;
}

.news .editor .quote {
	margin: 0;
	clear: none;
}

.news .info {
	font-size: 90%;
}

.news .frameimage {
	margin-top: 1.8em;
}

.news .box span span {
	margin: 0;
}

.news .buttons {
	margin-bottom: 1em;
}

.news .quote {
	font-size: 110%;
}

.news .info .listTable .breakword {
	width: 220px;
}

.news .text .box, .news .personintroduction {
	margin-left: 0;
}

.news .text ul.box, .news .text ol.box {
	padding: 1em 1.4em 0.5em 1.4em;
}

.personintroduction .personimage {
	margin-right: 1em;
}

.personintroduction h1, .personintroduction h2, .personintroduction h3 {
	margin-top: 0;
	padding-top: 0;
}

/* QUOTEBLOCK */

.quoteblock {
	float: left;
	width: 100%;
}

.quoteblock h2 {
	width: 740px;
}

.quoteblock.frameimageblock h2 {
	width: 100%;
}

.quoteblock .personinfo {
	float: right;
	width: 340px;
	margin-right: -15px;
}

.quoteblock .text {
	float: left;
	width: 480px;
}

.quoteblock .frameimage {
	margin-top: 0;
}

.quoteblock .image {
	display: inline-block;
	width: 400px;
	min-height: 100px;
	margin-top: -3.5em;
}

.quoteblock .quote {
	display: block;
	font-size: 100%;
}

.quoteblock .persontext {
	width: 190px;
	margin-right: 10px;
	float: right;
}

.quoteblock .persontextleft {
	float: left;
}

/* CODEBLOCK */
.codeblock {
        float: left;
        width: 100%;
}

.codeblock h2, .codeblock .text {
        width: 800px;
        display: inline-block;
}

.codeblock .code {
	float: right;
	width: 350px;
	position: relative;
	margin-left: 40px;
}

.codeblock .codeleft {
	float: left;
	margin-left: 0;
	margin-right: 40px;
}

/* TEXTBLOCK */

.textblock {
        float: left;
        width: 100%;
}

.textblock h2, .textblock .text {
	width: 835px;
	display: inline-block;
}

.textblock h2 {
	margin-bottom: 0.5em;
}

.textblock h2.right {
	float: right;
}

.textblock h3 {
	margin: 0 0 1em 0;
}

.textblock .image {
	max-width: 400px;
	 margin-top: 2.5em;
}

.textblock .imageleft {
	float: left;
	margin: 2.2em 0 0 -40px;
}

.textblock .buttons .social {
	display: inline-block;
	position: relative;
	top: 4px;
	padding: 0.5em 0.7em;
}

/* BIG IMAGE BLOCK */
.bigimageblock {
        float: left;
        width: 100%;
	position: relative;
	padding-top: 1em;
	min-height: 288px;
	min-height: 347px;
	margin-bottom: -2em;
}

.bigimageblock h2, .bigimageblock .text {
        width: 620px;
        width: 577px;
        display: inline-block;
}

.bigimageblock h2 {
	float: left;
        width: 365px;
        padding-bottom: 0em;
}

.bigimageblock h3 {
	margin-top: 0.5em;
}

.bigimageblock.imageleft h2, .bigimageblock.imageleft .text {
	float: right;
}

.bigimageblock.imageleft h2 {
	float: right;
	margin-right: 255px;
	margin-right: 212px;
}

.bigimageblock .image {
	width: 530px;
	width: 575px;
	border: 1px solid #ddd;
	float: right;
	margin: 0;
	position: absolute;
	right: 0;
	bottom: -1px;
}

.bigimageblock .text {
	clear: both;
	float: left;
	padding-bottom: 0.5em;
}

.bigimageblock .image img {
	display: block;
}

.bigimageblock.imageleft .image {
	float: left;
	right: auto;
	left: 0;
}

.bigimageblock .statistics {
	float: right;
	width: 115px;
	text-align: center;
	margin: 0.5em 0em 2em 2em;
	border-radius: 5px;
}

.bigimageblock .statistics .big {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	font-weight: bold;
	font-size: 300%;
	padding: 0.3em 0 0.3em 0;
	display: block;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
	letter-spacing: -0.05em;
}

.bigimageblock .statistics .medium {
	width: auto;
	margin: 0;
        padding: 0;
	font-family: Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	font-weight: bold;
	font-size: 200%;
	padding: 0.3em 0 0.3em 0;
	display: block;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
	letter-spacing: -0.05em;
}

.bigimageblock .statistics p {
	margin: 0;
        padding: 0;
	line-height: 1.32em;
}

/* BLOCK */

.personimage {
	float: left;
	width: 124px;
	height: 170px;
	position: relative;
        overflow: hidden;
}

.personimageright {
	float: right;
}

.personimage .frame {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

.personimage .img {
	position: absolute;
	top: 12px;
	left: 12px;
}

.personsignature {
	display: block;
	padding-top: 0.5em;
	font-family: 'Yesteryear', "Istok Web", Tahoma, Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	font-size: 140%;
	line-height: 1em;
}

.persontitle {
	display: block;
	font-family: Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	font-size: 70%;
	line-height: 1.6em;
}

/* CONTACT */

.contact {
	padding: 0.8em 0;
}

.contact .persontext {
	float: right;
	font-size: 90%;
	width: 240px;
}

.contact .persontext table {
	margin-top: 1em;
	font-size: 90%;
}

.contact .persontext h3 {
	margin: 0;
}

.contact .persontext td {
	padding: 0.2em 0.5em 0.2em 0;
}

.contact .skype p, .contact .skype p img {
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: 0 !important;
}

.contact .skype ul {
	padding: 15px 20px !important;
	z-index: 10;
}

.contact .skype ul li {
	padding: 0px !important;
	background: none !important;
}

/* HEAD */

#head {
	font-family: "Istok Web", Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	padding: 0.6em 0;
	text-align: right;
	position: relative;
	z-index: 3;
	font-size: 90%;
}

#head ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

#head li {
	float: left;
	display: block;
	padding: 0;
	background-image: none;
}

#head a {
	white-space: nowrap;
	display: block;
	color: #FFF;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
	padding: 0.5em 0.7em;
	line-height: 1.3em;
}

#head #openSites {
	float: left;
	display: none;
	margin-right: 8px;
}

/* SITES AND LANGUAGES */

#sites, #lang {
	z-index: 3;
	text-align: left;
}

#lang {
	margin-left: 5px;
}

#lang ul {
	display: none;
	position: absolute;
	top: 2.3em;
}

#lang ul li {
	float: none;
	display: block;
	margin: 0;
}

#lang ul li a {
	display: block;
	white-space: nowrap;
}

#sites {
	float: left;
	position: relative;
}

#sites li {
	background: transparent url('/media/layout/img/sites-divider.png') no-repeat left center;
}

#sites li.current, #sites li.nobg, #sites li.first {
	background: none;
}

#sites a {
        border-radius: 2px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

#lang {
	position: relative;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
}

#lang ul {
	right: 0;
}

#lang li.current {
	display: inline-block;
        zoom: 1;
        *display: inline;
}

#lang a {
	min-width: 100px;
}

#tools {
	vertical-align: middle;
	display: inline-block;
        zoom: 1;
        *display: inline;
}

#tools a {
        border-radius: 2px;
}

#tools li {
	margin-left: 10px;
}

.FI #tools li.additional {
	display: none;
}

/* NAV */

.nav {
	width: 100%;
	position: relative;
	z-index: 2;
	margin-bottom: -125px;
	text-align: center;
}

.nav .wrap {
	width: 1220px;
	padding: 1.8em 0 0 0px;

}

.nav .top {
	border-bottom: 1px solid #f2f2f2;
	height: 100px;
	background-color: #fff;
}

.nav .bottom {
	height: 20px;
	background: transparent url('/media/layout/img/header-shadow.png') repeat-x center top;
	width: 100%;
}

#landingpage .nav {
	position: fixed;
}

.mobile #landingpage .nav {
	position: relative;
	margin-bottom: 0;
}

.mobile #landingpage header {
	margin-top: -20px;
	padding-top: 0 !important;
}

/* LOGO */

#logo {
	float: left;
	display: inline-block;
        zoom: 1;
        *display: inline;
	vertical-align: middle;
	background-repeat: no-repeat;
}

#logo:active  {
	position: relative;
	top: 1px;
}

#logo .sign {
	position: relative;
	-webkit-perspective: 800;
	-moz-perspective: 800;
}

#logo .face {
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-o-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-o-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

#logo .front {
	z-index: 900;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

#logo .sign.flip .front {
	z-index: 900;
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

#logo .sign .back {
	z-index: 800;
	-webkit-transform: rotateX(-180deg);
	-moz-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}

#logo .sign.flip .back {
	z-index: 1000;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.ie .sign .back, .ie .sign.flip .front {
	display: none;
}

.ie .sign.flip .back {
	display: block;
}


#landinglogo {
	margin-top: -1em;
	float: left;
}

/* MENU */

.menu {
	display: inline-block;
        zoom: 1;
        *display: inline;
	float: right;
	list-style-type: none;
	vertical-align: middle;
	text-align: left;
	padding: 0;
}

.menu ul {
	width: 100%;
	margin: 0;
	padding: 0;
	display: none;
}

.menu li {
	display: inline-block;
        zoom: 1;
        *display: inline;
	background-image: none;
	padding: 0;
	position: relative;
}

.menu li li {
	border-top: 1px solid #f2f2f2;
}

.menu li.additional {
	display: none;
}

.nav .phone {
	float: right;
	margin-top: -0.2em;
}

.nav .phone a {
	font-weight: bold;
	font-size: 120%;
	display: block;
	background-image: url('/media/layout/img/icons/phone-icon.png');
	background-position: 0.6em center;
	background-repeat:  no-repeat;
	padding: 0.6em 0.8em 0.6em 2.4em;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
	font-family: Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	margin-left: 1em;
	border-radius: 3px;
        -o-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
}

.nav .phone a:hover {
	text-decoration: none;
}

.menu a {
	float: left;
	display: block;
	font-family: "Istok Web", Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	color: #000;
	text-decoration: none;
	padding: 0.7em 0.75em 0.6em 0.75em;
	font-size: 120%;
	line-height: 1em;
        border-radius: 2px;
	position: relative;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s
}

#landingpage .menu a {
	padding: 0.7em 0.8em 0.7em 0.8em;
}

.menu a:active {
	position: relative;
	top: 1px;
}

.FI .menu a {
	padding: 0.7em 0.75em 0.6em 0.75em;
}

.AR .menu {
	float: left;
}

.DE .menu a {
	padding: 0.7em 0.5em 0.6em 0.5em;
}

.AR .menu a {
	font-size: 170%;
	padding: 0.3em 0.5em 0.2em 0.5em;
}

.menu .arr {
	float: right;
	display: none;
}

.menu li.current a {
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

.menu span.toggle {
	text-align: center;
	min-width: 0.5em;
	min-height: 0.5em;
	position: absolute;
	top: 0.32em;
	left: 0.6em;
	border: 1px solid #ddd;
	padding: 0.3em 0.5em 0.3em 0.5em;
	margin: 0 0.4em 0 0;
	line-height: 100%;
	font-size: 120%;
	border-radius: 2px;
	cursor: pointer;
}

h3.toggle a span {
	float: left;
	text-align: center;
	min-width: 0.6em;
        min-height: 0.5em;
	border: 1px solid #ddd;
	padding: 0.2em 0.4em 0.2em 0.4em;
        margin: 0 0.5em 0 0;
        line-height: 100%;
        border-radius: 2px;
        cursor: pointer;
}

.menu span.toggle:hover,  h3.toggle a:hover span {
	background-color: #fff;
}


/* OPEN MENU */

.openMenu {
	font-family: "Istok Web", Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	padding-right: 30px;
	padding-left: 15px;
	position: relative;
	float: right;
	margin: 0.6em 0 0 0;
	font-size: 110%;
}

.AR .openMenu {
	float: left;
}

.openMenu .arrd, .openMenu .arru {
	float: right;
	position: absolute;
	right: 10px;
	top: 6px;
	line-height: 20px;
}

.openMenu .arru {
	padding-bottom: 3px;
	padding-left: 6px;
}

#openNav {
	display: none;
	width: 2.5em;
	height: 2.5em;
	border-radius: 3px;
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 999;
	text-align: center;
	margin: 0;
	background-image: url('/media/layout/img/menu-icon.png');
	background-repeat: no-repeat;
	background-position: center center;
}

/* SUBMENU */

.subMenu {
	text-align: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #000;
	background: black url('/media/layout/img/footer-bg.jpg') repeat-x center top;
	border-radius: 3px;
	position: relative;
	z-index: 0;
	width: 100%;
	float: left;
}

.subMenu li {
	display: inline-block;
        zoom: 1;
        *display: inline;
	padding: 5px 7px;
	background: transparent url('/media/layout/img/submenu-divider.gif') no-repeat right center;
	line-height: 1.4em;
	position: relative;
	z-index: 2;
}

.subMenu a {
	display: inline-block;
        zoom: 1;
        *display: inline;
	padding: 0.7em 0.55em 0.5em 0.55em;
	color: #fff;
	font-family: "Istok Web", Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	font-size: 100%;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
	border-radius: 1px;
}

.subMenu a:hover, .subMenu a:active, .subMenu a:focus {
	background: transparent url('/media/layout/img/submenu-hover.png') repeat center center;
}

.subMenu a:active {
	position: relative;
	top: 1px;
	background: #000;
}

.subMenu li.current a:hover {
	background-image: none;
}

.subMenu li.current li a {
        background-color: #000;
}

.subMenu .submenu {
	display: none;
	position: absolute;
	left: 0;
	min-width: 100%;
	opacity: 0;
}

.subMenu li ul {
	display: block;
	margin: 5px 0 0 0;
	border-radius: 0 0 5px 5px;
	padding-bottom: 10px;
}

.subMenu li ul li {
	display: block;
	padding: 0 12px;
}

.subMenu li ul li a, .subMenu li ul li a:hover, .subMenu li.current ul li a:hover {
	display: block;
	background-image: url('/media/layout/img/submenu-divider-h.gif');
	background-repeat: repeat-x;
	background-position: left top;
	padding: 5px;
	font-size: 90%;
}

.subMenu li ul li a:hover, .subMenu li ul li a:active, .subMenu li ul li a:focus {
	background-color: #232323;
}

.subMenu li.last {
	padding-right: 0;
	background: none;
}

/* HEADER */

header.mobileheader {
	width: 100%;
	text-align: center;
	display: none;
	width: 100%;
	background-repeat: no-repeat;
        background-position: center center;
}

header.mobileheader .wrap {
	position: relative;
	padding-bottom: 10px;
}

header.mobileheader h1 {
	font-family: MemphisBold, Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
        color: #FFF;
        padding: 1.3em 0 1.2em 0;
	text-transform: uppercase;
	font-size: 260%;
	margin: 0;
	line-height: 1.4em;
	widht: 100%;
	-webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
}

header.mobileheader h1 {
	opacity: 0;
	filter: alpha(opacity = 0);
}

header.mobileheader .button {
        font-size: 140%;
	font-weight: bold;
	font-family: MemphisBold, Arial,  Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	opacity: 0;
	border-radius: 3px;
	padding: 0.4em 0.8em;
	margin: 25px 0 0 0;
	width: 94%;
	text-transform: uppercase;
}

.ios header.mobileheader .button, .ios .button.memphis, .ios .button.memphisbold, .ios .formbox .button,
.mac header.mobileheader .button, .mac .button.memphis, .mac .button.memphisbold, .mac .formbox .button,
.ios #fixed .button, .mac #fixed .button {
	padding: 0.5em 0.8em 0.2em 0.8em;
}

.mac #fixed .button {
	font-size: 105%;
}

.mac #habla_window_div #habla_topbar_div {
	font-size: 110%;
}

.ios header.mobileheader .button .arr, .ios .button.memphis .arr, .ios .button.memphisbold .arr, .ios .formbox .button .arr,
.mac header.mobileheader .button .arr, .mac .button.memphis .arr, .mac .button.memphisbold .arr, .mac .formbox .button .arr {
	vertical-align: top;
}

header.mobileheader .image {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	filter: alpha(opacity = 0);
	opacity: 0;
}

header.mobileheader p {
	margin: -3em 0 2em 0;
}

header {
	padding-top: 105px;
}

#landingpage header {
	padding-top: 100px;
}

table.searchtable {
	width: auto !important;
	font-size: 110%;
}

table.searchtable td {
	padding: 0;
	vertical-align: middle;
}

table.searchtable td.title {
	padding-right: 10px;
	font-family: Metrophopic, "Istok Web", Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	font-size: 110%;
}

.ie table.searchtable td.title {
	font-family: Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
}

table.searchtable .button {
	margin: 0;
	border-top: 0;
	font-size: 100% !important;
	line-height: 1.45em;
	padding: 0.4em 0.6em;
	border-radius: 0px 2px 2px 0px;
}


/* CUSTOMER */

#customers {
	padding: 5em 0 4em 0;
}

.customergrid {
}

.customers {
	height: 210px;
	padding: 1em 0 !important;
	-webkit-backface-visibility: hidden;
}

.customers .elem {
	width: 100%;
}


.customers h2.center {
	padding-bottom: 0.5em;
}

.customer {
	cursor: default;
}

.customer .frameimage {
	text-align: center;
	position: static;
}

.customer .frame {
	display: block;
	width: 332px;
	width: 343px;
	position: absolute;
	top: -2px;
	left: -45px;
	margin-left: 7px;
	border: 0;
}

.customer .img {
	width: 100% !important;
	position: absolute;
	left: 0px;
	top: 22px;
}

.customer .holder {
	width: 260px;
	height: 173px;
	position: absolute;
	overflow: hidden;
}

.customer .holder h3 {
	font-size: 110%;
	font-weight: bold;
	text-shadow: none;
	position: static;
	margin-top: 0.1em;
	margin-bottom: 0.3em;
        font-family: Metrophobic, Tahoma, Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
}

.customer .text {
	position: absolute;
	height: 173px;
	padding: 3% 5%;
        top: 10px;
        width: 90%;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity = 0);
	background: rgba(255, 255, 255, 0.9);
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.customer .text h3, .customer .text p {
	color: #000;
	text-shadow: none;
}

.customer.hover .text {
	top: 0;
	opacity: 1;
	filter: alpha(opacity = 100);
}

.customer.hover img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    	filter: gray; /* IE6-9 */
    	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.customer .text p {
	line-height: 1.4em;
	font-size: 80%;
	text-shadow: 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 0px 0px 3px rgba(255,255,255,1), 0px 0px 5px rgba(255,255,255,1), 0px 0px 5px rgba(255,255,255,1), 0px 0px 7px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 15px rgba(255,255,255,1), 0px 0px 17px rgba(255,255,255,1), 0px 0px 20px rgba(255,255,255,1), 0px 0px 25px rgba(255,255,255,1), 0px 0px 30px rgba(255,255,255,1);
}

.customers.animation .pagination {
	bottom: -20px;
}
.colorbg .pagination a, #contColor .pagination a {
	border: 1px solid rgba(0,0,0,0.2) !important;
}

.colorbg .pagination a.curPage, #contColor .pagination a.curPage {
	 border: 1px solid #ffffff !important;
}

/* INSTAGRAM */

.customer.instagram .img {
	top: 0;
	left: -1px;
	width: 270px !important;
	max-width: none;
	height: 180px;
}

/* PAGINATION */

.pagination {
	clear: both;
	padding: 1em 0;
	text-align: center;
}

.pagination a .arr {
	margin: 0;
}

.pagination a, .pagination .curPage {
	margin: 0.22em 0.2em 0.22em 0;
}

.pagination p {
	padding: 0;
	margin: 0;
}

.animation .pagination {
	padding: 0;
	display: none;
	text-align: center;
	position: absolute;
	bottom: 0px;
	right: 8px;
	z-index: 200;
}

.animation.bigbg .pagination, .animation.mediumbg .pagination {
	bottom: 20px;
}

#cont .animation .prevslide:active, #cont .animation .nextslide:active {
	top: 50%;
}

.AR .animation .pagination {
	right: auto;
	left: 8px;
}

.mobile .animation .pagination, .tablet .animation .pagination {
	display: block;
}

#contColor .animation .pagination {
	 bottom: -40px;
}

.animation .pagination li {
	display: inline-block;
	background-image: none;
	padding: 0px;
}

.animation .pagination li a {
	padding: 8px !important;
	margin: 0 0 0 0.3em !important;
	border-radius: 100px;
}

/* TABS */

.tabpagination {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1em;
	height: auto !important;
}

.tabs {
	width: auto !important;
	margin: 0;
}

.tabs td {
	padding: 0;
}

.tabs td a.button {
	top: 0 !important;
	margin: 0 8px 0 0 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.tabs td a.button.curPage {
	background: #ffffff !important;
	border-bottom: 1px solid #fff !important;
/*
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)) !important;
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%) !important;
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%) !important;
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%) !important;
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ) !important;
	border-bottom: 1px solid #f1f1f1 !important;
*/
}

.ie9 .tabs td a.button.curPage {
	filter: none !important;
}

.animation .adjustheight img {
	width: auto;
}

/* BREADCRUMBS */

#breadcrumbs {
	font-size: 120%;
	padding: 0 0 0.2em 0;
}

#breadcrumbs a {
	text-decoration: none;
	font-family: "Istok Web", Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
}

#breadcrumbs a:hover {
	text-decoration: underline;
}

#breadcrumbs .arr {
	margin: 0 0.1em;
}

#mobiletrail {
	clear: both;
	display: none;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
}

#mobiletrail #breadcrumbs {
	border-bottom: 0;
	padding: 10px 10px 10px 15px;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	color: #fff !important;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4) !important;
}

#mobiletrail a {
	font-size: 80% !important;
	font-family: Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sanas-serif !important;
}

#mobiletrail a, #mobiletrail span {
	color: #fff !important;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4) !important;
}

#mobiletrail span.arr {
	margin: 0 0.2em !important;
}

/* COLOR CONTENT */

#contColor {
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

#contColor .prevslide, #contColor .nextslide {
	top: 52.5%;
}

/* TESTIMONIALS */

.bubble {
	font-size: 95%;
	line-height: 1.6em;
	position: relative;
	padding: 20px 20px 25px 20px;
        z-index: 0;
	color: #FFF;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

.bubble .tip {
 	display: block;
        border-style:solid;
        border-width:1em 0 1em 1em;
        width:0;
        height:0;
        position: absolute;
	top: 100%;
        right: 40px;
	font-size: 300%;
}

.bubble h3 {
	color: #fff;
	margin-top: 0;
}

.bubble .persontext {
	width: 385px;
	float: right;
	font-family: Memphis, Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	font-size: 105%;
}

.testimonial h2 {
	font-size: 200%;
}

.testimonial .personsignature, .testimonial .persontitle {
	padding-left: 20px;
}

.testimonial .personsignature {
	color: #fff;
	font-size: 140%;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

.testimonial .persontitle {
	color: #fff;
	font-size: 80%;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

/* HISTORY */

.history .image {
	float: right;
	margin: 2em 0 0 2em !important;
}

.history h2, .history .text {
	float: left;
	width: 640px;
}

.history .year {
	margin: 0.5em 0 3.5em 0;
        display: inline-block;
        zoom: 1;
        *display: inline;
        position: relative;
        z-index: 0;
        float: left;
	width: 230px;
	margin-right: 40px;
}

.history .year .text {
        display: inline-block;
        zoom: 1;
        *display: inline;
        font-size: 440%;
        padding: 0.6em;
        font-family: MemphisBold, Arial, Verdan, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
        color: #FFF;
        text-shadow: 0 1px 0 rgba(0,0,0,0.4);
        text-transform: uppercase;
        white-space: nowrap;
}

.lang-ru .history .year .text, .RU .history .year .text {
        font-weight: bold;
}

.history .year .text {
	width: auto;
}

.history .year .tip {
        display: block;
        border-style:solid;
        border-width: 1em 0 1em 1em;
        width:0;
        height:0;
        position: absolute;
        right: 50px;
        top: 97%;
        z-index: 1;
	font-size: 200%;
}

.history .year .shadow {
        width: 100%;
        position: absolute;
        top: 130%;
	left: 0px;
        z-index: 0;
}

.year .shadow img {
	width: 100%;
}

/* FOOTER */

footer {
	background: #000 url('/media/layout/img/footer-bg.jpg') repeat-x center top;
	color: #aaaaaa;
	padding: 3em 0;
        font-size: 80%;
	float: left;
	width: 100%;
}

footer, footer a {
	color: #aaaaaa;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,1);
}

footer a {
	display: block;
}

footer a:hover {
	text-decoration: none;
	color: #fff;
}

footer .white {
	color: #fff;
}

footer .col .col {
	margin-top: 0.8em;
        padding-bottom: 1em;
        border-bottom: 1px dotted rgba(172,172,172,0.25);
}

footer .col .col p {
        margin: 0;
        min-height: 100px;
}

#footerMenu, #footerMenu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
}

#footerMenu {
        display: inline-block;
        zoom: 1;
        *display: inline;
        width: 100%;
}

#footerMenu ul {
        margin: 0.5em 0 2em 0;
}

#footerMenu li {
        float: left;
        display: inline-block;
        zoom: 1;
        *display: inline;
        width: 10.7%;
        background-image: none;
        padding: 0 2% 0 0;
        line-height: 1.2em;
}

#footerMenu li.level3 {
	display: none;
}

#footerMenu li.col7 {
        width: 11.1%;
        padding-right: 0%;
}

#footerMenu li a {
        display: block;
        color: #fff;
        font-size: 122%;
        font-family: Metrophobic, Tahoma, Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
        padding: 0.6em 0;
	line-height: 1.4em;
}

#footerMenu li.level1 a:hover, #footerMenu li.level1 a:active {
        color: #aaaaaa;
}

#footerMenu li ul {
        border-top: 1px dotted rgba(172,172,172,0.25);
        padding: 0;
}

#footerMenu li li {
        float: none;
        display: block;
        width: 100%;
        padding: 0;
        border-bottom: 1px dotted rgba(172,172,172,0.25);
}

#footerMenu li li a {
        color: #aaaaaa;
        font-size: 95%;
        font-family: Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
}

#footerMenu li.level1 li a:hover, #footerMenu li.level1 li a:active {
        text-decoration: none;
        background-color: rgba(255,255,255,0.05);
        color: #fff;
}

#footerMenu .arr {
	opacity: 0;
	filter: alpha(opacity = 0);
        display: inline-block;
        zoom: 1;
        *display: inline;
        float: right;
        color: #555;
        margin: 3px;
}

#footerMenu li a:hover .arr, #footerMenu li a:focus .arr {
        color: #fff;
	opacity: 1;
	filter: alpha(opacity = 100);
}

#landingpage footer .wrap {
	padding: 2em 0;
}

#landingpage footer ul {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#landingpage footer ul li {
	display: inline-block;
	background: none;
	border-left: 1px solid #555;
	padding: 0;
}

#landingpage footer ul li:first-child {
	border: 0;
}

#landingpage footer ul li a {
	display: inline-block;
	padding: 0 1.5em;
}

.copyright {
	color: #fff;
	font-weight: bold;
}

.copyright img {
	float: left;
	margin-right: 1em;
	margin-top: 0.15em;
}

#social {
	padding-bottom: 3em;
}

#social a.all:hover {
	text-decoration: underline;
}

#social .col {
	min-height: 30px;
}

#logos {
        border-top: 1px dotted rgba(172,172,172,0.25);
	padding: 20px 0;
}

.logosonwhite {
	float: left;
	width: 100%;
	padding-bottom: 1em;
}

#epressi, #twitter, #facebookButton, #twitterButton, #vkontakteButton, #weibo {
	background-image: url('/media/layout/img/social.png');
	display: inline-block;
        zoom: 1;
        *display: inline;
	text-indent: -9999px;
}

#weibo {
	background-image: url('/media/layout/img/weibo-logo.png');
}

#facebookButton, #twitterButton, #vkontakteButton {
	margin-top: 1em;
}

#epressi {
	height: 30px;
	width: 178px;
	background-position: 0px 0px;
}

#twitter {
	height: 30px;
	width: 124px;
	background-position: 0px -30px;
}

#weibo {
	height: 30px;
	width: 134px;
	background-position: 0px 0px;
}

#facebookButton {
	float: right;
	height: 40px;
	width: 103px;
	background-position: 0px -60px;
	margin-right: 0px;
}

#facebookButton:hover {
	background-position: 0px -100px;
}

#twitterButton {
	float: right;
	height: 40px;
	width: 103px;
	background-position: 0px -140px;
}

#twitterButton:hover {
	background-position: 0px -180px;
}

#vkontakteButton {
	float: right;
	height: 40px;
	width: 103px;
	background-position: 0px -260px;
}

#vkontakteButton:hover {
	background-position: 0px -220px;
}

#logos .avainlippu-logo, #logos .aaa-logo, #logos .eba-logo, #logos .suomenyrittajat-logo, #logos .deloitte-logo, #logos .iab-logo, #logos .svkk-logo, #logos .mostpp-logo {
	background-image: url('/media/layout/img/logos.png');

}

#logos .avainlippu-logo:hover { background-position: 0px -60px; }
#logos .aaa-logo:hover { background-position: -60px -60px; }
#logos .eba-logo:hover { background-position: -140px -60px; }
#logos .suomenyrittajat-logo:hover { background-position: -225px -60px; }
#logos .deloitte-logo:hover { background-position: -425px -60px; }
#logos .iab-logo:hover { background-position: -550px -60px; }
#logos .svkk-logo:hover { background-position: -612px -60px; }
#logos .mostpp-logo:hover { background-position: -774px -60px; }

/* FIXED BUTTONS */

#fixed {
	position: fixed;
	bottom: -1px;
	right: 10px;
	z-index: 1;
	font-size: 90%;
}

#fixed .button {
	font-family: MemphisBold, Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	text-transform: uppercase;
	float: left;
	margin: 0px 5px 0px 0;
	font-weight: bold !important;
	border-bottom: 0;
	height: 39px !important;
}

#toTop span.arru {
	margin: 0.15em 0.2em 0em 0.05em;
	font-size: 160%;
}

.ie7 #toTop, .ie8 #toTop {
	display: none !important;
}

#habla_window_div #habla_oplink_a {
	font-family: MemphisBold, Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif !important;
        text-transform: uppercase;
}

#landingpage .olrk-state-compressed #habla_window_div, #landingpage .olrk-state-compressed #habla_panel_div {
	right: 0px;
}

.olrk-state-compressed #habla_window_div, .olrk-state-compressed #habla_panel_div {
	margin-right: 1.2em;
}

/* MAPS */


.map {
	width: 515px;
	height: 400px;
	margin-left: -10px;
}

.map {
	width: 100%;
	position: relative;
	margin-bottom: 3em;
}



.map img {
	width: 100%;
	height: 112%;
}

.map span.mapwrap {
	position: absolute;
	top: 22px;
	left: 22px;
	right: 22px;
	display: block;
	height: 98%;
}

.map span.mapwrap span {
	display: block;
	height: 100%;
	width: 100%;
}

.gm-style {
	font-family: Arial, verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
}

.gm-style-iw {
	overflow: hidden !important;
}

.ie7 .map span.mapwrap span  {
	width: 495px;
	height: 390px;
}


/* ARROWS */

.arr, .arrd, .arru {
	font-weight: 400;
	display: inline-block;
	zoom: 1;
	*display: inline;
	font-family: Arial, verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	font-size: 140%;
	line-height: 72%;
	margin: 0 0 0 0.2em;
}

.arrd {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.arru {
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.togglebox .content {
	display: none;
}

.ie7 .arr {
	margin-top: -0.35em;
	line-height: 100%;
}

.ie7 .arrd, .ie7 .arru, .ie8 .arrd, .ie8 .arru {
	display: none;
}

.scrollarrow {
	text-align: center;
	font-size: 320%;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #ffffff 0%, #fafafa 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#fafafa));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fafafa 50%);
	background: -o-linear-gradient(top,  #ffffff 0%,#fafafa 50%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#fafafa 50%);
	background: linear-gradient(to bottom,  #ffffff 0%,#fafafa 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 );
	border-radius: 100px;
	width: 68px;
	height: 68px;
	margin:-35px auto -35px auto;
	overflow: hidden;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.07);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.07);
	display: table;
	position: relative;
	z-index: 1;
	border: 1px solid #ddd;
}

.scrollarrow:hover {
	background: #fff;

}

.scrollarrow:active {
	-webkit-box-shadow: none;
	box-shadow: none;
        -o-transition: none;
        -ms-transition: none;
        -moz-transition: none;
        -webkit-transition: none;
        transition: none;
}

.scrollarrow .arrd {
	margin-top: 0.18em;
}

.ie7 .scrollarrow, .ie8 .scrollarrow {
	display: none;
}

/* ICONS */

span.icon {
	width: 20px;
	height: 20px;
	display: inline-block;
        zoom: 1;
        *display: inline;
	margin: -0.5em 0.3em -0.4em 0;
	vertical-align: middle;
}

#head span.icon {
	margin: -0.44em 0.3em -0.4em 0;
}

span.icon {
        background-image: url('/media/layout/img/icons.png');
}

.kv .icon { background-position: 0px 0px; }
.pv .icon { background-position: -20px 0px; }
.vs .icon { background-position: -40px 0px; }
.sv .icon { background-position: -60px 0px; }
.cem .icon { background-position: -80px 0px; }
.ep .icon { background-position: -100px 0px; }
.wnm .icon { background-position: -120px 0px; }
.sm .icon { background-position: -140px 0px; }
.lp .icon { background-position: -160px 0px; }
.nl .icon { background-position: 0px -40px; }
.date .icon { background-position: -20px -40px; }
.comment .icon, .commentbutton .icon { background-position: -40px -40px; }

.fi .icon { background-position: 0px -20px; }
.se .icon { background-position: -20px -20px; }
#lang .sv .icon { background-position: -20px -20px; }
.en .icon { background-position: -40px -20px; }
.fr .icon { background-position: -120px -20px; }
.de .icon { background-position: -140px -20px; }
.ru .icon { background-position: -60px -20px; }
.cn .icon { background-position: -80px -20px; }
.ar .icon { background-position: -100px -20px; }
.hk .icon { background-position: -60px -40px; }

/* CSS TABLE */

.table { display: table; width: 100%;}
.table .table { width: auto;}
.table.rows .cell { padding: 0 10px 15px 10px; }
.row { display: table-row; }
.cell { display: table-cell; vertical-align: middle; padding: 0 10px; }
.cell .cell { padding: 0 !important; }
.flat { width: 1%; }
.flat img { width: auto; max-width: none; }

/* MISC */

.date, .comment {
	display: inline-block;
        zoom: 1;
        *display: inline;
	padding: 0.5em 0.9em;
	font-size: 90%;
	font-family: Tahoma, Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
   	background: #fff;
        border: 1px solid #d4d4d4;
        -webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
        border-radius: 2px;
	vertical-align: middle;
	margin-top: -3px;
}

.date .icon {
	margin: -3px 5px  0 -4px;
}

.zoom {
	opacity: 1;
	filter: alpha(opacity = 100);
	-ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}

.zoom.zoomed {
	opacity: 0 !important;
	filter: alpha(opacity = 0) !important;
	-ms-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-o-transform: scale(0.8);
	-moz-transform: scale(0.8);
}

.rotate {
	-ms-transform:rotate(7deg);
	-moz-transform:rotate(7deg);
	-webkit-transform:rotate(7deg);
	-o-transform:rotate(7deg);
	transform:rotate(7deg);
}

#fixedButton {
	position: fixed;
        top: -5em;
        right: 0;
        left: 0;
        z-index: 11;
}

#fixedButton .top {
	height: auto;
}

#fixedButton p {
	padding: 0;
	margin: 0;
}

#fixedButton .button {
	margin: 1em 0 1.2em 0;
}

#fixedNav {
	position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 10;
}

#fixedNav .top {
	background: #fff;
}


#fixedNav nav.wrap {
	padding-top: 0;
	margin-top: -20px;
}

#fixedNav .top, #fixedNav .bottom, #fixedNav nav.wrap {
	display: none;
}

.fixednav {
	position: fixed !important;
	top: 0;
	right: 0;
	left: 0;
	z-index: 10;
}

.absolutenav {
	position: absolute !important;
	top: 0;
	right: 0;
	left: 0;
}

.fixedsubnav {
	width: 1100px !important;
	position: fixed !important;
	z-index: 11;
}

.disabled {
	opacity: 0.4;
	filter: alpha(opacity = 40);
}

a.disabled {
	cursor: default;
}

.breakword {
	white-space: -moz-pre-wrap;
        white-space: -o-pre-wrap;
        white-space: -pre-wrap;
        white-space: pre-wrap;
        white-space: pre-line;
        word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.trademark {font-family: Arial; font-weight: bold; font-size: 70%; vertical-align: top; display: inline-block; margin-top: -0.1em; }

.hidden, .showmobile, .show940 {display: none;}
.mobilewrap {display: none; width: 96%; padding: 0 2%; float: left;}
.relative {position: relative;}
.absolute {position: absolute;}
.error {color: #c32b11;}
.nowrap {white-space: nowrap;}

.wrap:before, .wrap:after, .clear:before, .clear:after { content: ""; display: table; }
.wrap:after, .clear:after { clear: both; }
.wrap, .clear { zoom: 1; }

/* SELECT2 */

.select2-container {
        width: 100%;
}

.select2-container .select2-choice, .select2-container-multi .select2-choices {
	height: auto;
	border-radius: 2px;
	background: #fff !important;
  	border: 1px solid #ccc !important;
        font-family: Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
        padding: 0.45em 0.7em;
        background-color: #fff !important;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07) inset;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07) inset;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        font-size: 90%;
        -moz-transition: border 0.2s linear 0s, background 0.2s linear 0s;
        -webkit-transition: border 0.2s linear 0s, background 0.2s linear 0s;
        -ms-transition: border 0.2s linear 0s, background 0.2s linear 0s;
        -o-transition: border 0.2s linear 0s, background 0.2s linear 0s;
        transition: border 0.2s linear 0s, background 0.2s linear 0s;
}

.select2-container-multi .select2-choices {
        padding: 0.3em 0.7em;
}

.select2-container-multi .select2-choices .select2-search-field input {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
}

.select2-container-multi .select2-choices .select2-search-choice {
        display: none;
}

.select2-container .select2-choice > .select2-chosen {
	color: #000;
	text-shadow: none;
}

.select2-results::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
.select2-results::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border: 2px solid #eee;
}

.select2-results::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
}

.select2-results li {
	padding: 0;
}

.select2-results .select2-highlighted {
	background: #efefef;
	color: #000;
}

.select2-drop {
	border-radius: 0 !important;
	border: 1px solid #ccc !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.select2-drop-active {
	border: 0;
}

.select2-container .select2-choice .select2-arrow {
	background: none;
	width: 30px;
	border: 0;
}

.select2-container .select2-choice .select2-arrow b {
	background-position: 0 0.2em;
	margin: 5px 7px;
	width: auto;
}

/* FANCYBOX */

.fancybox[href$=gif], .fancybox[href$=jpg], .fancybox[href$=png] {
	cursor: zoom-in;
}

.fancybox-overlay {
	background: rgba(0, 0, 0, 0.94);
}

.fancybox-inner {
  	border-radius: 3px;
}

.fancybox-skin {
	background: rgba(255, 255, 255, 1);
}

.fancybox-inner .bg {
	border-radius: 3px 3px 0 0;
	background: none;
	padding: 0;
}

.fancybox-wrap h1 {
	margin-bottom: 0.5em;
}

.fancybox-wrap h2, .fancybox-wrap h3 {
	margin-top: 0;
	width: auto !important;
}

.fancybox-wrap ul li {
	padding-bottom: 0;
}

.fancybox-close.button, .fancybox-close.button:active, .fancybox-close.button:hover:active {
	position: absolute !important;
	top: -9px !important;
	right: -9px !important;
	padding: 7px 0 0 2px !important;
	text-align: center;
	font-size: 28px !important;
	border-radius: 2px;
}

.fancybox-wrap .winpadding {
	padding: 1.5em;
}

.fancybox-nav span {
 	visibility: visible;
}

.fancybox-type-ajax .fancybox-inner {
	height: auto !important;
	overflow: visible !important;
}

.fancybox-prev {
	position: absolute;
	left: -2.5em;
}

.fancybox-prev .button {
	border-radius: 4px 0 0 4px;
	border-right: 0;
	left: 0px;
}

.fancybox-next {
	position: absolute;
	right: -2.5em;
	text-align: right;
}

.fancybox-next .button {
	border-radius: 0 4px 4px 0;
	border-left: 0;
	right: 0px;
}

.fancybox-nav .button, .fancybox-nav .button:active, .fancybox-nav .button:hover:active {
	margin: 0px !important;
	margin-top: -1em !important;
	position: absolute !important;
	top: 50% !important;
	font-size: 160% !important;
	padding: 0.35em 0.55em !important;
}

.fancybox-nav .arr {
	margin: 0;
}

/* GOOGLE SEARCH */

.gsc-control-cse input, .gsc-control-cse input:focus {
	-webkit-box-shadow: none;
        box-shadow: none;

}

.gs-title {
	text-align: left;
}

.gsc-modal-background-image {
	background-color: #000 !important;
}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
	background-color: #000 !important;
}

h1.search {
	margin: 0 0 0.6em 0;
}

#searchResults div {
	padding: 1em 0 0.2em 0;
	border-bottom: 1px solid #ddd;
}

#searchResults h2 {
	margin-bottom: 0.5em;
}


#searchResults p {
	margin-top: -0.5em;
}

/* TOOLTIP */
#tooltip {
	text-align: center;
	display: none;
	opacity: 0;
	filter: alpha(opacity = 0);
	position: absolute;
	border: 1px solid #e6e6e6;
	padding: 0.2em 0.6em;
	min-width: 15px;
	z-index: 200;
	background: #fff;
	font-size: 80%;
	border-radius: 3px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.07);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.07);
}

#tooltip .text {
	white-space: nowrap;
}

#tooltip .tip {
	bottom: -8px;
	position: absolute;
	right: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background: transparent url('/media/layout/img/tooltip-tip.gif') center center no-repeat;
}

/* VIDEO */

.videoHolder {
	max-width: 100% !important;
}

#css-poster {
	background-color: transparent !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 100% !important;
}

.flowplayer.is-splash .fp-ui, .flowplayer.is-paused .fp-ui {
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

.flowplayer .fp-waiting {
	margin: 26.3% auto !important;
}

object, .flowplayer .fp-engine, .flowplayer .fp-ui, .flowplayer .fp-message {
	z-index: 9999;
}

.flowplayer .fp-controls {
	background-color: #376e1d !important;
}

.flowplayer .fp-timeline, .flowplayer .fp-volumeslider {
	background-color: #4c8c2f !important;
}

.flowplayer .fp-progress, .flowplayer .fp-volumelevel {
	background-color: #fff !important;
}

.flowplayer .fp-buffer {
	display: none !important;
}

.flowplayer .fp-time em  {
	color: #fff !important;
}

.flowplayer1024x768 {
}

#errorbox {
	padding: 340px 0 50px 0;
	background: transparent url('/media/layout/img/error.png') center 60px no-repeat;
	text-align: center;
}

#successbox {
	padding: 340px 0 50px 0;
	background: transparent url('/media/layout/img/success.png') center 60px no-repeat;
	text-align: center;
}

.fancybox-inner #successbox {
	padding: 300px 0 50px 0;
	background: transparent url('/media/layout/img/success.png') center 0px no-repeat;
	text-align: center;
}

#errorbox h1, #successbox h1 {
	margin-bottom: 0.5em;
}

#skypedetectionswf {
	display: none;
}

#habla_window_div * {
        font-family: Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif !important;
}

#habla_window_div #habla_wcsend_input {
	width: 93% !important;
}

#habla_window_div .habla_conversation_p_item {
	margin-left: 5px !important;
}

#habla_window_div .habla_conversation_p_item {
	text-indent: 0px !important;
}

#habla_window_div .habla_conversation_person2 {
	padding: 0 !important;
}

.AR #habla_window_div {
   	direction: rtl !important;
      	text-align: right !important;
}

.AR #habla_window_div #habla_input_div {
      	margin-left: 0px !important;
      	margin-right: -10px !important;
}

#cont > .bg:first-child:not(.colorbg), #cont .bg.first:not(.colorbg), #cont .graybg + .bg {
	background: #fff url('/media/layout/img/part-bg.jpg') no-repeat center top !important;
}

#cont > .graybg + .bg:first-child, #cont > .graybg + .bg.first {
	background: none !important;
}

#cont .graybg, #cont .bg.graybg, #cont .bg.graybg:first-child, #cont .bg.graybg.first {
	background: #eeeeee !important;
}

/* BACKGROUNDS */

.bg {
	background: #fff url('/media/layout/img/part-bg2.jpg') no-repeat center top;
	padding: 3em 0 2em 0;
}

.imagebg {
	background-attachment: fixed !important;
}

.bg.smalltoppadding {
	padding: 2em 0 2em 0;
}

.colorbg + .colorbg, .bg + .nobg {
	padding-top: 0;
}

.colorbg + .nobg {
	padding-top: 3em;
}

.nobg {
	background: transparent;
	padding: 3em 0 2em 0;
}

.colorbg * {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

.colorbg input, .colorbg textarea, .colorbg select, .colorbg .select2-container .select2-choice {
	border: 0px !important;
}
