/*General*/
html, body {
  width: 100%;
	margin: 0;
	padding: 0;
}

body {
	font: 200 17px/1.7 "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #4c4c4c;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: 'Exo', sans-serif;
  line-height: 1;
	font-weight: 100;
	color: #0088cf;
}
	h1 {
    margin: 0 0 35px 0;
		font-size: 55px;
	}

	h2 {
    margin: 0 0 25px 0;
		font-size: 30px;e
	}

	h3 {
    margin: 0 0 2px 0;
		font-size: 20px;
    font-weight: 400;
	}
.common-page-content p, .common-page-content ol, .common-page-content table, .common-page-content .edys-gallery-area {
  margin: 0 0 20px 0;
}
.common-page-content ul, .element-content ul {
  margin: 0 0 20px 39px;
}
  .common-page-content ul li:before, .element-content ul li:before {
    content:'\2022';
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -17px;
    top: -4px;
    color: #0088cf;
    font-size: 20px;
  }
a {
  padding: 0 0 4px 0;
	text-decoration: none;
  color: #4b90cd;
  outline: none;
}

a img {
  border: none;
}

.hidden {
  display: none;
}

.common-page-content a:hover, .element-content a:hover, .footer-content a:hover {
    border-bottom: 1px solid #4b90cd;
}

.edys-gallery-area:hover img {
  opacity: 0.5;
}
  .edys-gallery-area a:hover {
    border: none;
  }
  .edys-gallery-area img:hover {
    opacity: 1;
  }

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul li {
  list-style: none;
}
.page-wrap {
	width: 100%;
}
.page-content-wrap {
	width: 925px;
	margin: 0 auto;
	padding: 50px 0 50px 0;
	border-bottom: 1px solid #e6e6e6;
}

/*Header*/
.site-header-wrap {
	width: 100%;
}
.header-content {
	width: 925px;
	margin: 0 auto;
	position: relative;
	clear: both;
}
	.common-page .header-content {
		margin-bottom: 25px;
	}
	.header-logo {
		padding: 29px 0 0 0;
	}
	.lang-menu {
		top: 0;
		right: 0;
		position: absolute;
	}
			.lang-menu-li {
        margin: 0 7px 0 0;
				display: inline-block;
			}
        .lang-menu-li:last-child {
          margin: 0;
        }
				.lang-menu-a {
					padding: 18px 0 0 0;
					display: block;
          font-family: 'roboto', sans-serif;
          font-size: 14px;
          font-weight: 300;
					color: #000;
					border-top: 9px solid #fff;
				}
				.lang-menu-a:hover, .lang-menu-active {
					border-top: 9px solid #0088cf;
				}
	.index-header-heading {
    margin: 38px 0 51px 0;
		font-family: 'Exo', sans-serif;
		font-size: 55px;
		font-weight: 100;
		line-height: 1.1;
		color: #0088cf;
	}

.main-nav-wrap {
	width: 100%;
	min-height: 427px;
	background: #002c42 url('../images/intro-nav-bg.png') center top no-repeat;
  background-size: cover;
}
	.common-page .main-nav-wrap {
		min-height: 65px;
		/*overflow: hidden;*/
	}
.main-nav {
	width: 1110px;
	margin: 0 auto;
}
  .main-nav-ul {
    text-align: center;
    font-size: 0;
  }
	.common-page .main-nav-ul {
		/*position: absolute;*/
	}
	.main-nav-li {
		width: 185px;
		height: 185px;
		/*float: left;*/
    list-style: none;
    display: inline-block;
	}
		.common-page .main-nav-li {
			height: 65px ;
			/*border-bottom: 10px solid #fff;*/
		}
    .main-nav-li {
      background: #0088cf;
    }
		.main-nav-li:nth-child(odd) {
			background: #0088cf;
		}
		.main-nav-li:nth-child(even) {
			background: #007bbb;
		}
  	.main-nav-li:nth-child(1) {
			background: #0088cf;
		}
    .main-nav-li:nth-child(2) {
			background: #007bbb;
		}
    .main-nav-li:nth-child(3) {
			background: #0088cf;
		}
    .main-nav-li:nth-child(4) {
			background: #0095e6;
		}
    .main-nav-li:nth-child(5) {
			background: #00a7ff;
		}
		.main-nav-a {
			width: 167px;
			height: 167px;
			padding: 18px 0 0 19px;
			display: block;
      font-family: 'Exo', sans-serif;
      font-size: 20px;
      font-weight: 200;
			color: #fff;
			text-align: left;
		}
		.common-page .main-nav-a {
			height: 47px;
			position: relative;
		}
		  .common-page .main-nav-li:hover a:after, .common-page .main-nav-active a:after {
				content: "";
				position: absolute;
				top: 100%;
				left: 0;
				width: 100%;
				height: 10px;
				background: #5fc8ff;
			}
		.main-nav-a:hover {
			background: url('../images/intro-nav-hover.png') center;
			background-size: cover;
		}
		.common-page .main-nav-a:hover {
			background: none;
		}

	.index-content-slogan {
		/*padding: 45px 0 45px 39px;*/
    padding: 45px 40px;
		clear: both;
		font-family: 'Exo', sans-serif;
		font-size: 17px;
		font-weight: 200;
		line-height: 1.5;
		color: #fff;
	}
    .index-content-slogan p {
      margin: 0 0 20px 0;
    }
		.slogan-author {
			position: absolute;
			right: 35px;
			bottom: 0;
			font-family: 'jellyka_gare_de_chambordRg', sans-serif;
			font-size: 55px;
      line-height: 1;
			color: #fff;
		}
		/*.index-content-slogan:before {
			content: "“";
			font-size: 72px;
			font-weight: 300;
			color: #00a7ff;
		}*/

/*Common page*/
.common-page-content {
	width: 610px;
	margin: 0 auto;
}
.content-author {
	font-family: 'jellyka_gare_de_chambordRg', sans-serif;
	font-size: 55px;
	color: #0088cf;
}

/*Element page*/
.element-nav {
	width: 157px;
	display: inline-block;
	vertical-align: top;
}
	.element-nav-ul {
	}
		.element-nav-li {
			width: 100%;
			height: 34px;
		}
			.element-nav-li:hover {
				background: rgba(0,136,207,0.9);
			}
      .element-nav-active {
        background: #0088cf;
      }
      .element-nav-active:hover {
        background: #0088cf;
      }
			.element-nav-a {
        height: 34px;
        padding: 3px 0 0 10px;
        display: block;
				color: #4c4c4c;
			}
				.element-nav-a:hover, .element-nav-active .element-nav-a {
					color: #fff;
				}
.element-content-wrap {
  width: 738px;
	display: inline-block;
	margin: 0 0 0 25px;
}
	.element-image-wrap {
		width: 739px;
    height: 473px;
	}
    .element-image-wrap-editmode {
      width: 703px;
      height: 165px;
      display: none;
    }
    .element-image-wrap img {
      width: 100%;
      height: auto;
    }
	.element-info-wrap {

	}
		.element-contacts {
      width: 187px;
      /*min-height: 136px;*/
      margin-top: -4px;
      padding: 24px 20px;
      position: relative;
      float: left;
      font-size: 14px;
      background: #f2f2f2;
		}
		.element-about {
			width: 437px;
			min-height: 500px;
			margin-top: -103px;
      padding: 0 37px;
			position: relative;
			float: left;
			background: #fff;
			background: rgba(255,255,255,0.85);
		}
      .element-about-title {
        margin: 32px 0 0 0;
        font-size: 40px;
        line-height: 1;
      }
      .job {
        margin: 0 0 20px 0;
      }
		.element-content h3 {
      margin: 12px 0 6px;
      font-weight: 200;
		}

/*Table*/
.common-page-content table {
  border-collapse: collapse;
}

.common-page-content td {
  padding: 10px;
  border-bottom: 1px solid #ededed;
}

/*Form field*/
.form_area {
  margin-bottom: 20px;
  padding: 25px 20px 25px 25px;
  background: #ededed;
}
.form_field label {
	display: block;
	line-height: 24px;
}
.form_field {
	margin-bottom: 10px;
}
.form_field_textfield, .form_field_textarea {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background: #fff;
	border-color: #bebebe #d9d9d9 #d9d9d9 #d9d9d9;
	border-style: solid;
	border-width: 1px;
	font-size: 14px;
	line-height: 13px;
	color: #505050;
	padding: 7px 4px;
	width: 31%;
}
.form_field_textarea {
	height: 100px;
	width: 70%
}
.form_field_textfield:focus, .form_field_textarea:focus {
	border: 1px solid #1295e0;
	outline: none
}
.form_submit input {
	background: #62C3FB;
	font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	border: none;
	padding: 6px 8px;
	color: #fff;
}
.form_submit input:hover, .form_submit input:focus {
	background: #42b5f8;
}
.form_notice {
	color: #3e9b00
}
.form_error, .form_field_error, .blog-errors {
	color: #cc0000
}
.form_notice, .form_error {
    font-size: 18px;
    margin: 13px 0
}
.form_field_with_errors input, .form_field_with_errors textarea {
    border: 1px solid #cc0000
}
.form_field_size_small {
	width: 24%
}
.form_field_size_medium {
	width: 46%
}
.form_field_size_large {
	width: 97%
}
.form_field_checkbox, .form_field_radio {
    margin: 0 6px 0 0
}

/*Site footer*/
.site-footer-wrap {
	width: 100%;
  padding: 0 0 50px 0;
}
	.footer-content {
		width: 925px;
		margin: 44px auto;
	}
/*Element image editor*/
  .thumbEditorWrapper {
    width: 738px;
    height: 395px;
    position: relative;
  }
  .thumbEditorWrapper .thumbAdditionalInfo { display: none; }
  .thumbEditorWrapper.active .thumbAdditionalInfo {
    display: block;
    font-style: italic;
    text-align: center;
    padding: 10px 0;
    font-size: 0.8em;
  }
  .thumbEditor {
    width: 100%;
    height: 395px;
    position: relative;
    overflow: hidden;
    border: 1px dashed #757575;
    text-align: center;
  }
  .jsAvatarEditor, .jsAvatarEditor .inner-image {
    width: 5.56em;
    height: 5.56em;
  }

  .thumbEditor .innerImage {
    position: absolute;
    width: auto;
    height: auto;
    left: 0;
    top: 0;
  }
  .thumbEditor img {
    width: 100%;
    height: auto;
  }

  .thumbEditor:hover, .thumbEditor.over { background-color: rgba(0,0,0,0.3); }
  .thumbEditor .thumbPlaceholder {
    line-height: 21;
    color: #757575;
  }
    .avatarPlaceHolder {
        top: 5% !important;
        padding: 5px !important;
    }
  .thumbEditor.active .thumbPlaceholder { display: none;}

  .thumbEditorWrapper .deleteBtn { display: none; }
  .thumbEditorWrapper.active .deleteBtn {
    display:block;
    width: 20px;
    height: 20px;
    font-weight: bold;
    font-size: 17px;
    line-height: 16px;
    background: rgb(243,243,243);
    background: -moz-linear-gradient(top,  rgba(243,243,243,1) 0%, rgba(215,215,215,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,243,243,1)), color-stop(100%,rgba(215,215,215,1)));
    background: -webkit-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(215,215,215,1) 100%);
    background: -o-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(215,215,215,1) 100%);
    background: -ms-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(215,215,215,1) 100%);
    background: linear-gradient(to bottom,  rgba(243,243,243,1) 0%,rgba(215,215,215,1) 100%);
    color: black;
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
    z-index: 100;
    box-shadow: 0 1px 5px #000);
    box-shadow: 0 1px 5px rgba(0,0,0,0.75);
  }
    .blogSubHeading {
      margin-top: 1em;
      text-transform: uppercase;
      font-size: 0.8em;
      font-weight: bolder;
      color: #fff;
      color: rgba(255,255,255,0.5);
    }
   .excText {
      width: 100%;
      min-height: 50px;
      border: none;
      background: none;
      font-family: "brandon-grotesque",sans-serif;
      font-size: 1em;
      font-weight: bolder;
      color: #fff;
      color: rgba(255,255,255,1);
      opacity: 1;
      resize: none;
      outline: none;
      padding: 0 !important;
      border: 1px dashed #363636;
      border: 1px dashed rgba(54, 54, 54, 1);
    }
    .excText:hover {
      border: 1px dashed #7fddf5;
      border: 1px dashed rgba(127, 221, 246, 1);
      padding: 0 !important;
    }

    .excText:focus {
      border: 1px dashed #0be;
      border: 1px dashed rgba(0, 187, 238, 1);
    }


/* VOOG MIGRATION ADDITIONS */
/* Image container styles */
.edy-positionable-container-center:first-child,
.edy-positionable-container-left-block:first-child,
.edy-positionable-container-right-block:first-child,
.edy-texteditor-container-wrapper-center:first-child,
.edy-texteditor-container-wrapper-left-block:first-child,
.edy-texteditor-container-wrapper-right-block:first-child {
  margin-top: 0;
}

.edy-positionable-container-center:last-child,
.edy-positionable-container-left-block:last-child,
.edy-positionable-container-right-block:last-child,
.edy-texteditor-container-wrapper-center:last-child,
.edy-texteditor-container-wrapper-left-block:last-child,
.edy-texteditor-container-wrapper-right-block:last-child {
  margin-bottom: 0;
}

.edy-positionable-container-center,
.edy-positionable-container-left-block,
.edy-positionable-container-right-block,
.edy-texteditor-container-wrapper-center,
.edy-texteditor-container-wrapper-left-block,
.edy-texteditor-container-wrapper-right-block {
  margin-top: 20px;
  margin-bottom: 20px;
}

.edy-positionable-container-left,
.edy-texteditor-container-wrapper-left {
  margin-right: 20px;
}

.edy-positionable-container-right,
.edy-texteditor-container-wrapper-right {
  margin-left: 20px;
}

.edy-image-container-with-title:after {
  display: block;
  padding: 4px;
  font-size: 12px;
  line-height: 1.3em;
  content: attr(data-title);
}

.teamMemberContent .edy-element-thumb-catcher {
  width: auto;
  min-height: 395px;
}

.teamMemberContent .edy-element-thumb-catcher .edy-element-thumb-catcher-image {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
}
