/* ==============================================
COOK ISLANDS - Vo2
================================================= */
/*
1. GLOBAL STYLES
2. TYPOGRAPHY
3. FORMS
4. BUTTONS
5. HEADER
     5.1 MOBILE NAVIGATION
     5.2 SLIDER
6. PAGES
     6.1 HOMEPAGE
     6.2 RELATED LINKS PAGE
     6.3 VIDEO PAGE
     6.4 VIDEO PROJECT PAGE
     6.5 TEAM PAGE
     6.6 TEAM MEMBER
     6.7 RESEARCH PAGE
     6.8 RESEARCH SINGLE
     6.9 NEWS & EVENTS PAGE
     7.0 CONTACT PAGE
7. SIDEBAR
8.FOOTER
*/

/* --------------------------------------
1. GLOBAL STYLES
-----------------------------------------*/
html {
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	-webkit-font-smoothing: antialiased;
	font: 14px "Open Sans", Helvetica;
	color: #4f4f4f;
	background: #fff;
	font-weight: 600;
}
::-moz-selection {
	text-shadow: none;
	background: #424242;
	color: #fff;
 }
::selection {
	text-shadow: none;
	background: #424242;
	color: #fff;
}
.container-fluid {
	max-width: 1200px;
}
a,
.app *,
.header .app-logo,
.search .input-group,
.search .input-group .input-description {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
a {
	color: #0ea6cf;
}
a:hover,
a:focus {
	text-decoration: underline;
	color: #0ea6cf;
}
ol {
	counter-reset: item;
	padding: 0;
}
ol li {
	display: block;
}
ol li:before {
	content: counter(item) ". ";
	counter-increment: item;
	color: #0ea6cf;
}
.blockquote {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  border-left: 0;
}
.table th,
.table td {
	padding: 0.4rem 0.75rem;
  border-top: 0;
}
.table thead th {
	font-family: 'BodoniSvtyTwoITCTT-Bold',Times,Arial,sans-serif;
	text-transform: uppercase;
	border-bottom: 1px solid #cdcdcd;
	color: #000000;
}
tbody tr:nth-of-type(odd) {
  background-color: rgba(14, 166, 207, 0.09);
}
.form-control::-webkit-input-placeholder {
	color: #b5b5b5;
}
.form-control::-moz-placeholder {
	color: #b5b5b5;
}
.form-control:-ms-input-placeholder {
	color: #b5b5b5;
}
.form-control::placeholder {
	color: #b5b5b5;
}
/* --------------------------------------
2. TYPOGRAPHY
-----------------------------------------*/
@font-face {
	font-family: 'BodoniSvtyTwoITCTT-Bold';
	src: url('font/BodoniSvtyTwoITCTTBold.eot');
	src: url('font/BodoniSvtyTwoITCTTBold.eot?#iefix') format('embedded-opentype'),
		url('font/BodoniSvtyTwoITCTTBold.woff') format('woff'),
		url('font/BodoniSvtyTwoITCTTBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
  font-family: 'BodoniSvtyTwoITCTT-Book';
  src: url('font/BodoniSvtyTwoITCTT-Book.eot');
  src: url('font/BodoniSvtyTwoITCTT-Book.woff2') format('woff2'),
       url('font/BodoniSvtyTwoITCTT-Book.woff') format('woff'),
       url('font/BodoniSvtyTwoITCTT-Book.ttf') format('truetype'),
       url('font/BodoniSvtyTwoITCTT-Book.svg#BodoniSvtyTwoITCTT-Book') format('svg'),
       url('font/BodoniSvtyTwoITCTT-Book.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BodoniSvtyTwoITCTT-BookIta';
  src: url('font/BodoniSvtyTwoITCTT-BookIta.eot');
  src: url('font/BodoniSvtyTwoITCTT-BookIta.woff2') format('woff2'),
       url('font/BodoniSvtyTwoITCTT-BookIta.woff') format('woff'),
       url('font/BodoniSvtyTwoITCTT-BookIta.ttf') format('truetype'),
       url('font/BodoniSvtyTwoITCTT-BookIta.svg#BodoniSvtyTwoITCTT-BookIta') format('svg'),
       url('font/BodoniSvtyTwoITCTT-BookIta.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

h1,
h2,
h3,
h4 {
margin: 0 0 18px;
font-family: "Open Sans", Helvetica;
color: #303030;
font-weight: 600;
}
h3 {
	padding-top: 10px;
}
.post h1,
.post h2,
.post h3,
.post h4 {
	margin: 0 0 18px;
	font-family: "Open Sans", Helvetica;
	color: #303030;
	font-weight: 600;
}
.post {
	position: relative;
	padding: 0 8% 6% 6%;
}
.post header, .post div {

}
.post .inner, .post .deco-divider {
	width: auto;
}
@media screen and (max-width: 543px){
	.post {
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.post h2,
	.post .inner div:first-of-type {

	}
	.post .deco-divider {
		margin-top: 40px;
		margin-bottom: 10px;
	}
}
.post h2 {
	margin: 0 0 5px;
}
.post h2 small {
	font-size: 18px;
}

.post .inner div:first-of-type {
	font-size: 16px;
	color: #828282;
	margin-bottom: 16px;
}
.post .lead {
	font-size: 18px;
}
.post p {
	margin-bottom: 26px;
}
.post strong {
	font-weight: 700;
}
.post em {
	font-size: 14px;
	color: #434343;
}
.content .container-fluid {
	max-width: 1020px;
}


.filters {
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 40px;
	/*margin-right: 20%;*/
}

.post .definition {
	position: relative;
	/*min-height: 150px;*/
}

.post .preview {
	position: absolute;
	top: 0px;
	right: -70px;
}

.header {
	position: relative;
	z-index: 9000;
	background: #0ea6cf;
}
.header .container-fluid {
	position: relative;
}
.header .app-logo {
	position: absolute;
	width: 42px;
	margin-top: 14px;
	left: 50%;
	margin-left: -21px;
}
.header .navbar {
	border: 0;
	border-radius: 0;
    padding: 0;
	/*border-top: 30px solid #313131;
	height: 105px;*/
	height: 75px;
	border-bottom: 0;
}

.header .navbar-back {
	border: 0;
	border-radius: 0;
    padding: 0;
	border-top: 0px solid #313131;
	height: 75px;
	border-bottom: 0;
	content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity : 0.1;
}

.header .navbar-brand {
	color: #fff;
	font-size: 15px;
	padding: 0;
	line-height: 58px;
	top: -45px;
}
.header .navbar-brand span {
  transition: all 0.5s;
	display: block;
	font: 40px 'BodoniSvtyTwoITCTT-Bold',Times,Arial,sans-serif;
	min-width: 130px;
}
.header .navbar-nav .nav-item {
	margin-right: 1rem;
	margin-left: 1rem;
}
.header .navbar-nav .nav-item.dropdown {
  margin-left: 1rem;
	margin-right: 1rem;
}
.header .navbar-nav a.nav-link {
  display: block;
	color: #fff;
	padding: 1.6rem 0 1.5rem;
	font-weight: 600;
	font-size: 14px;
}
.header .navbar-nav li.nav-item.dropdown a.nav-link,
.header .navbar-nav li.nav-item.dropdown a.nav-link:hover {
	background-image:none;
}
.header .navbar-nav li a {
	background: url(../assets/nav-bg.png) center 70px no-repeat;
	background-size: 140px 5px;
}
.header .navbar-nav li a:hover {
	background: url(../assets/nav-bg.png) center 45px no-repeat;
	background-size: 140px 5px;
}
.header .navbar-nav li.active a {
	background: url(../assets/nav-bg.png) center 45px no-repeat;
	background-size: 140px 5px;
}
.header .navbar-nav .dropdown li a {
	padding: 0;
		padding-left: 0px;

}
.header .navbar-nav .dropdown .dropdown-item.active,
.header .navbar-nav .dropdown .dropdown-item.active:focus,
.header .navbar-nav .dropdown .dropdown-item.active:hover {
  color: #5e5e5e;
}
.header .navbar-nav a.dropdown-item:hover {
	text-indent: 8px;
}
.header .navbar-nav .dropdown-item:focus,
.header .navbar-nav .dropdown-item:hover {
  color: #fff;
  text-decoration: none;
	background-color: #0ea6cf;
}
.header .navbar-nav .dropdown .dropdown-menu a.dropdown-item {
	line-height: normal;
	padding: 11px 14px;
	font-size: 14px;
	border-radius: 3px;
}
.header .navbar-nav .dropdown .dropdown-menu {
	min-width: 190px;
	padding: 10px;
	margin: 0;
	border: 0;
	border-radius: 3px;
	display: block;
	visibility: hidden;
	opacity: 0;
	transition:         all 0.25s;
	-moz-transition:    all 0.25s;
	-webkit-transition: all 0.25s;
	-o-transition:      all 0.25s;
	-ms-transition:     all 0.25s;
	-webkit-transform:translate(0,-5%) scale(0.9);
	-moz-transform:translate(0,-5%) scale(0.9);
	transform:translate(0,-5%) scale(0.9);
}
.header .navbar-nav .dropdown:hover .dropdown-menu {
	-webkit-transform:translate(0,0) scale(1);
	-moz-transform:translate(0,0) scale(1);
	transform:translate(0,0) scale(1);
	visibility: visible;
	opacity: 1;
}
.header .navbar-nav .dropdown-menu:after {
	position: absolute;
	top: -8px;
	border-right: 8px solid transparent;
	border-bottom:8px solid #fff;
	border-left: 8px solid transparent;
	content: '';
	left: 10px;
}

#nav-toggler,
.nav-toggler {
	display: none;
}

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

	.header {
		z-index: 9000;
	}

	.header .navbar-nav {
		position: absolute;
		left: 0;
		right: 0;
		top: 70px;
		display: none;
		height: 100vh;
		padding: 80px 0;
		background: #0ea6cf;
		text-align: center;
		overflow: hidden;
	}

	.header .navbar-nav a.nav-link {
		font-size: 18px;
	}

	.header .navbar-nav li a {
		background: url(../assets/nav-bg.png) center 70px no-repeat;
		background-size: 90px 5px;
	}

	.header .navbar-nav li a:hover {
		background: url(../assets/nav-bg.png) center 45px no-repeat;
		background-size: 90px 5px;
	}

	.header .navbar-nav li.active a {
		background: url(../assets/nav-bg.png) center 45px no-repeat;
		background-size: 90px 5px;
	}

	.nav-toggler {
		position: absolute;
		z-index: 8000;
		right: 20px;
		top: 30px;
		display: block;
		width: 27px;
		height: 19px;
		background: url(../images/nav-toggler.png) no-repeat center center;
	}

	.header #nav-toggler:checked ~ .nav-toggler {
		background-image: url(../images/nav-toggler-close.png);
	}

	.header #nav-toggler:checked ~ .navbar-nav {
		display: block;
	}


	.header .navbar-nav .nav-item {
		float: none;
	}

	.header .navbar-nav a.nav-link {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
}

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

	.header .navbar-brand {
		padding-right: 0;
	}
}

/* --------------------------------------
4. BUTTONS
-----------------------------------------*/
.btn {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	border-radius: 2px;
	font-weight: 900;
	font-size: 14px;
	padding: 14px 20px;
	border-width: 1px;
	text-transform: capitalize;
}
.btn:hover,
.btn:focus,
.btn:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-primary {
	color: #fff;
	background: #0ea6cf;
	border-color: #0ea6cf;
	position: relative;
	overflow: hidden;
	z-index: 1;
	min-width: 180px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus {
  color: #fff;
	background: #0ea6cf;
	border-color: #0ea6cf;
}
.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
  outline: 0;
  outline-offset: 0;
}
.search {
	z-index: 1;
}

.search .input-group {
	position: relative;
}

.search .input-group:before {
	content: 'Choose your language';
	position: absolute;
	right: 40px;
	bottom: 100%;
	display: block;
	margin-bottom: 10px;
	color: white;
}

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

	.search .input-group:before {
		display: none;
	}
}

.search.page-header {
	position: relative;
	background-color: #efefef;
	background-image: url("../images/CID_bg_taro.jpg");
	padding-top: 100px;
	padding-bottom: 100px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.search.page-header .input-group {
	position: relative;
	top: auto;
	left: auto;
	-moz-transform: none;
	-webkit-transform: none;
	transform: none;
	margin-right: auto;
	margin-left: auto;
}
.search .input-group {
	background: #fff;
	position: absolute;
	top: 45%;
	left: 50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	color: #fff;
	width: 45%;
	height: 50px;
	z-index: 1;
	/*border-radius: 4px;*/
}

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

	.search .input-group {
		width: 70%;
	}
}

.search .form-control {
	padding: 0.8rem 1rem;
	color: #55595c;
	border: 0;
	border-radius: 0;
	border: 1px solid #ffffff;
	height: 50px;
	z-index: 5;
	position: relative;
}

.search .input-group-addon {
	padding: 0.5rem 1.1rem;
	background-color: #fff;
  border: 0;
	color: #0ea6cf;
}
.search .dropdown-toggle {
	border-radius:0;
	border: 0;
	position: relative;
}
.search .dropdown-toggle::after {
  content: '\f078';
  font: 15px FontAwesome;
  position: absolute;
  border:0;
	top: 18px;
	right: 31px;
}

.search > .input-group {
	margin-right: 60px;
}

.search .input-group-btn {
	position: static;
}

.search .btn {
	border-radius: 3px;
	font-weight: 600;
	font-size: 14px;
	border: 0;
	height: 50px;
	padding-right: 20px;
	padding-left: 20px;
	min-width: 12px;
}

.search .btn-primary {
	position: absolute;
	left: 100%;
	top: 0;
	margin-left: 5px !important;
	border-top-right-radius: 3px !important;
	border-bottom-right-radius: 3px !important;
}

.search .btn .fa {
	position: relative;
	overflow: hidden;
	text-indent: -100px;
	display: inline-block;
	width: 22px;
	height: 23px;
}

.search .btn .fa:before,
.search .btn .fa:after {
	content: '';
	position: absolute;
	display: block;
}

.search .btn .fa:before {
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #fff;
	border-radius: 50%;
}

.search .btn .fa:after {
	right: -10px;
	bottom: 0;
	width: 20px;
	height: 1px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.search .btn:hover .fa:before {
	border-color: white;
}


.search .btn:hover .fa:after {
	background: white;
}

.search input.form-control {
	font-weight: 400;
}

 .dropdown .dropdown-item.active,
 .dropdown .dropdown-item.active:focus,
.dropdown .dropdown-item.active:hover {
  color: #5e5e5e;
}
 .dropdown-item:hover {
	text-indent: 8px;
}
.dropdown-item:focus,
 .dropdown-item:hover {
  color: #fff;
  text-decoration: none;
	background-color: #0ea6cf;
}
  a.dropdown-item {
	line-height: normal;
	padding: 10px 14px;
	font-size: 14px;
	border-radius: 3px;
	font-weight: 600;
}
 .dropdown-menu {
	padding: 0;
	border: 0;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.14);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.14);
 }
 .open > .dropdown-menu {
  animation-name: slidenavAnimation;
  animation-duration:.3s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;

  -webkit-animation-name: slidenavAnimation;
  -webkit-animation-duration:.3s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;

  -moz-animation-name: slidenavAnimation;
  -moz-animation-duration:.3s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}
@keyframes slidenavAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes slidenavAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
   }
}

#hero .bx-viewport .slider img {
	min-height: 375px;
}


#hero-small .bx-viewport .slider img {
	min-height: 255px;
}

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

	#hero .bx-viewport .slider li {
		width: 803px !;
	}

    #hero-small .bx-viewport .slider li {
		width: 803px !;
	}

}

#hero-small .overlay{
	bottom:0;
	left:0;
	position:absolute;
	right:0;
	top:0;
	z-index:6000;
	background-color: rgba(0, 0, 0, 0.4);
}

#hero-small {position:relative}

#hero-small .bx-viewport {
	max-height: 255px;
}

#hero {position:relative}
.slider {
	padding: 0;
}
.slider img {
	width: 100%;
}
#content {
	overflow-x:hidden
}
#hero .overlay{
	bottom:0;
	left:0;
	position:absolute;
	right:0;
	top:0;
	z-index:6000;
	background-color: rgba(0, 0, 0, 0.4);
}
#hero .bx-viewport {
	max-height: 600px;
}

.deco-overlay {
    height: 15px;
    width: 100%;
    position:absolute;
    bottom:0;
    margin:0;
    padding:0;
    z-index: 0;
}

.page-title {
	padding: 0 5px;
}

.page-title h1 {
    margin: 0 0 18px;
    font-family: 'BodoniSvtyTwoITCTT-Bold',Times,Arial,sans-serif;
    color: #303030;
	margin: 0;
	padding-top: 40px;
	padding-bottom: 70px;
	font-size: 68px;
	color: #0ea6cf;
	text-shadow: none !important;
}
.content {
	margin-bottom: 120px;
	padding: 0 5px;
}
.content .container-fluid {
	max-width: 1020px;
}

.firstletter:first-letter {
	float: left;
	color: #0ea6cf;
	font-size: 70px;
	line-height: 52px;
	padding-top: 4px;
	padding-right: 8px;
	padding-left: 3px;
   font-family: 'BodoniSvtyTwoITCTT-Bold',Times,Arial,sans-serif;
}


.content p {
	line-height: 24px;
	margin-bottom: 26px;
}
.content p span {
	font-size: 120%;
	font-family: 'BodoniSvtyTwoITCTT-Bold',Times,Arial,sans-serif;
	color: #303030;
}
.content .bigger {
	font-size: 20px;
	line-height: 28px;
}
.centered-nav {
	text-align: center;
}
.centered-nav ul {
	list-style: none;
	margin: 0;
	padding:0;
}
.centered-nav li {
	display: inline-block;
	margin: 0px 16px;
}
.contact-form {
	max-width: 560px;
	margin-right: auto;
	margin-left: auto;
}

.contact-form .form-control {
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #55595c;
  background-color: #fff;
  border-radius: 0;
	border-style: none;
	border-bottom: 1px solid #b4b4b4;
}

.contact-form .form-control  + label > span {
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #55595c;
  top: 0px;
  left: 0px;
  opacity: 0.6;
  z-index: -1;
  -webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
  transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
}


.contact-form .form-control:focus {
  color: #55595c;
	border-bottom: 1px solid #0ea6cf;
}
.contact-form .form-group {
  margin-bottom: 2.5rem;
}
.contact-form .form-control-warning {
	border-bottom: 1px solid #db3939;
}
.contact-form .has-warning .form-control-feedback {
  color: #db3939;
	float: right;
	position: relative;
	top: -27px;
}
.contact-form .has-warning .form-control-warning {
	background-image: none;
}
.contact-form .alert-success {
	border-radius: 0px;
  background-color: #dbf2f8;
	border-bottom: 1px solid #0ea6cf;
  color: #0ea6cf;
	border-top: 1px solid #0ea6cf;
}
.contact-form .alert-success i{
	padding-right: 5px;
}
.app {
	position: relative;
	min-height: 20%;
	background:#b3e5f0;
	margin-top:50px;
}
.app .download-widget {
	position: relative;
	z-index: 1000;
}
.app .download-widget h4 {
	padding-right: 150px;
	font-family: 'BodoniSvtyTwoITCTT-Bold',Times,Arial,sans-serif;
	color: #303030;
	position: relative;
	font-size: 68px;
	top: -45px;
	white-space: nowrap;
}
@media screen and (max-width: 610px){
	.app .download-widget h4 {
		white-space: normal;
	}
}
@media screen and (max-width: 400px){
	.app .download-widget h4 {
		padding-right: 0;
	}
}
.app .download-widget p {
	/*padding-top: 9%;*/
	padding-left: 11%;
	margin-bottom: 24px;
	font-size: 14px;
}
.app .download-widget .nav {
	padding-left: 19%;
}
.app .app-widget {
	position: relative;
	min-height:300px;
	overflow: hidden;
	margin-top: -80px;
	z-index: 1;
}



.app .app-widget img {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	position: absolute;
	top: 40px;
}
.app:hover .app-widget img {
	top: 0px;
}
.app .tag {
	position: absolute;
	top: 0px;
	right: 88px;
	background-color: #e12222;
	padding: 10px 19px 16px 20px;
	background: #0ea6cf;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	border-radius: 0;
}

.app .tag:after {
	background: linear-gradient(-45deg, #b3e5f0 6px, transparent 0), linear-gradient(45deg, #b3e5f0 6px, transparent 0);
	background-position: left-bottom;
	background-repeat: repeat-x;
	background-size: 12px 12px;
	content: " ";
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 11px;
}
.footer {
	background: #313131;
	padding-top: 70px;
	padding-bottom: 10px;
}
.footer p {
	color: #fff;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 0;
}
.credit-footer {
	padding-top: 20px;
	padding-bottom: 20px;
}
.logo {
	transition: all 0.5s;
	display: block;
	position: absolute;
	left: 20px;
	top: -45px;
	z-index: 7000;
	float: none !important;
	padding-right: 60px;
}
@media screen and (max-width: 580px){
	.logo {
		/*right: 20px;*/
	}
}
.dictionaries {
	display: none;
	top: 120px;
	width: 100%;
	position: absolute;
	left: -15px;
}
.dictionaries:after {
	position: absolute;
	top: -9px;
	border-right: 9px solid transparent;
	border-bottom:9px solid #313131;
	border-left: 9px solid transparent;
	content: '';
	right: 20px;
}
.dictionaries ul  {
	border-radius: 3px;
	overflow: hidden;
	background: #313131;
}
.dictionaries  ul li:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.1);
}
.dictionaries ul li a {
	display: block;
	padding: 15px 10px;
	color: #e8e8e8;
}
.dictionaries ul li a:hover {
	background-color: rgba(0, 0, 0, 0.4);
	text-indent: 10px;
}
.dictionary-toggle {
  transition: all 0.5s;
	cursor: pointer;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	background-color: transparent;
	right: 30px;
	position: absolute;
	border: 2px solid #ffffff;
	top: 70px;
	overflow: hidden;
}
.dictionary-toggle:hover{

}
.dictionary-toggle:hover .trait,
.dictionary-toggle.active .trait {
	background-color: #0ea6cf;
}

.dictionary-toggle:before {
	content: '\f078';
	position: absolute;
	left: 50%;
	top: 50%;
	color: white;
	font-family: FontAwesome;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.dictionary-toggle.active:before {
	content: '\f00d';
	font-size: 15px;
}

.trait{
  position: absolute;
  height:8px;
  width:2px;
  background-color:white;
  top: 9px;
	left: 11px;
	display: none;
}
.active .trait{
  height:12px;
  width:2px;
  top: 6px;
}
#trait1{
transform:translateX(-3px) rotate(-45deg);
}
#trait2{
transform:translateX(1px) rotate(45deg);
}

.arrowToCross1{
animation: anim1 1s ease both;
}

@keyframes anim1 {
50% { transform:translateY(20px);}
100% { transform:translateY(0px) rotate(-45deg);}
}
.arrowToCross2{
animation: anim2 1s ease both;
}

@keyframes anim2 {
50% { transform:translateY(20px);}
100% { transform:translateY(0px) rotate(45deg);}
}
.sp {
  width: 32px;
  height: 32px;
  clear: both;
  margin: 20px auto;
}

/* Spinner Circle Rotation */
.sp-circle {
  border: 4px rgba(0, 0, 0, 0.25) solid;
  border-top: 4px black solid;
  border-radius: 50%;
  -webkit-animation: spCircRot .6s infinite linear;
  animation: spCircRot .6s infinite linear;
	right: 115px;
	position: relative;
}

@-webkit-keyframes spCircRot {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spCircRot {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.search .form-control {
	position: relative !important;
}
.search .btn-group .btn:before {
	content: " ";
	width: 1px;
	height: 34px;
	background-color: #0ea6cf;
	position: absolute;
	top: 9px;
	left: 0;
}
.search .input-group-addon {
	padding: 0.5rem 1.1rem;
	background-color: #fff;
	border: 0;
	color: #0ea6cf;
}
.multiselect-native-select a {
		font-weight: 300;
}
.multiselect-native-select .active a {
	font-weight: 600;
}
.multiselect-native-select a:hover {
	background-color: #f3f3f3;
}
.multiselect-native-select .btn {
	font-family: "Open Sans", Helvetica;
	background: #fff;
	color: #4e4e4e;
	text-align: left;
	font-weight: 600;
	min-width:200px;
	padding-right: 60px;
    text-transform: none;
}
span.multiselect-native-select{position:relative}span.multiselect-native-select select{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px -1px -1px -3px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;left:50%;top:30px}.multiselect-container{
	position:absolute;
	list-style-type:none;
	margin: 1px 0 0;
}.multiselect-container .input-group{margin:5px}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:600}.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px 3px 20px;height:100%;font-weight:700}.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}
.multiselect-container>li.active{

padding:0}
.multiselect-container>li>a{
outline: 0;
display: block;
	color: #4e4e4e;
	font-size: 14px;
}

.filters .multiselect-container {
	left: -60px;
}

.number {
  position: absolute;
  top: 2.1875rem;
  left: -1.25rem;
  color: #16a085;
  font-size: 2rem;
  font-family: Helvetiva, Arial, sans-serif;
	padding: .5rem;
}

.list {
	padding: 0;
	margin: 1px 0 0;
}

.list__item {
  margin: 0;
  padding: 0;
}
.list__item.active {
 	background-color: #efefef;

}
.label--checkbox,
.label--radio,
label.checkbox {
	width: 100%;
	position: relative;
	margin: 0;
	font-size: 14px;
	line-height: 100%;
	cursor: pointer;
	padding: 5px 4px 5px 8px;
}
.filters {
	border-bottom: 1px solid #e4e4e4;
	/*margin-right: 20%;*/
	margin-bottom: 60px;
}
.filters .dropdown-menu {
			width:100%;
}
.filters li {
	font: 20px 'BodoniSvtyTwoITCTT-Bold',Times,Arial,sans-serif;
	color: #0ea6cf;
}
.filters .multiselect-native-select .btn {
	min-width: 100%;
	padding-left: 0;
	padding-right: 0;
}
.filters .nav-inline .nav-item + .nav-item,
.filters .nav-inline .nav-link + .nav-link {
  margin-left: 40px;
}
.filters .dropdown-menu {
	border-radius: 0;
}.filters .list li {
		font: 14px "Open Sans", Helvetica;

}
.filters .list li a label {
	padding: 12px 12px 12px 26px;
	white-space: nowrap;
}
.filters ul ,
.dropdown-menu {
	width: 100% !important;
}
.checkbox {
  position: absolute;
  left: 8px;
  display: inline-block;
	margin: 0 .4rem 0 0;
	background: transparent;
	cursor: pointer;
	border: 0;
	-webkit-appearance: none;
}
.label--checkbox {
	position: relative;
	padding-left: 30px;
}

.checkbox:before {
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
-moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0);
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 0.75rem;
height: 0.75rem;
background: #02c0d1;
border-radius: 50%;
}
.checkbox:checked:before {
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform:  scale(0, 1);
  -o-transform: scale(1, 1);
  transform:  scale(1, 1);
}
.checkbox:after {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 50%;
	border: 2px solid #9d9d9d;
	cursor: pointer;
	top: -2px;
	left: -2px;
}
.checkbox:checked:after {
	border-color: #02c0d1;
}
#preloader {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #2a2a2a
}
.loader {
	position: absolute;
	top: 50%;
	left:  50%;
}

.book {
  border: 4px solid #FFFFFF;
  width: 60px;
  height: 45px;
  position: relative;
  perspective: 150px;
	margin-top: -20px;
}

.book .page {
  display: block;
  width: 30px;
  height: 45px;
  border: 4px solid #FFFFFF;
  border-left: 1px solid #2a2a2a;
  margin: 0;
  position: absolute;
  right: -4px;
  top: -4px;
  overflow: hidden;
  background: #2a2a2a;
  transform-style: preserve-3d;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.book .page:nth-child(1) {
  -webkit-animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1.6s infinite;
  animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1.6s infinite;
}

.book .page:nth-child(2) {
  -webkit-animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1.45s infinite;
  animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1.45s infinite;
}

.book .page:nth-child(3) {
  -webkit-animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1.2s infinite;
  animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1.2s infinite;
}


/* Page turn */

@-webkit-keyframes pageTurn {
  0% {
    -webkit-transform: rotateY( 0deg);
    transform: rotateY( 0deg);
  }
  20% {
    background: #181818;
  }
  40% {
    background: #2a2a2a;
    -webkit-transform: rotateY( -180deg);
    transform: rotateY( -180deg);
  }
  100% {
    background: #2a2a2a;
    -webkit-transform: rotateY( -180deg);
    transform: rotateY( -180deg);
  }
}

@keyframes pageTurn {
  0% {
    transform: rotateY( 0deg);
  }
  20% {
    background: #181818;
  }
  40% {
    background: #2a2a2a;
    transform: rotateY( -180deg);
  }
  100% {
    background: #2a2a2a;
    transform: rotateY( -180deg);
  }
}


.preview li {
	padding-top: 5px;
	padding-bottom: 5px;
}
.preview li i {
}
.preview li a {
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: block;
	text-align: center;
	line-height: 37px;
	background: #fff;
	color: #555555;
	border: 2px solid #0ea6cf;
	font-size: 16px;
}
.preview li a:hover {
color: #fff;
background: #0ea6cf;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #242424;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}


.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../assets/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../assets/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../assets/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}
.customHTML {
 position: absolute;
 z-index: 99999; /* this place the content over the fancybox */
 bottom: 0px;
 right: 0;
 background: #f2f2f2;
 width: 200px;
 height: 100px;
 display: block;
}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../assets/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
	width: 100%;
	text-align: center;
}
.fancybox-opened .fancybox-title {
	visibility: visible;
}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent;
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}
.fancybox-title-inside-wrap {
	padding-top: 10px;
}
.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    font: bold 14px/20px "Roboto",sans-serif;
    left: 0;
    color: #fff;
    padding: 10px 54px;
    right: 0;
    background: #000;
    background: rgba(0,0,0,0.6);
    text-align: center;
	}
.fancybox-title-over-wrap span.sml {
    color: #ccc;
	font-size: 11px;
	line-height: 16px;
	font-style: normal;
}
#fancybox-loading div {
	background-image: url('../assets/fancybox_loading@2x.gif');
	background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
.audiojs {
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	width: 100%;
	height: 60px; background: #000000;
	bottom: 0;
	position: absolute;
	padding: 0;
 }
.audiojs .play-pause {
 	width: 10%;
	height: 60px;
	padding: 17px 0 0 25px;
}
.audiojs p { width: 35px; height: 25px; margin: 0; }
.audiojs .scrubber { background: #5a5a5a; width: 70%; height: 8px; margin: 0;
padding: 0;
top: 26px;
}
.audiojs .progress {
height: 10px;
width: 0px;
background: #ccc;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));
background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); }
.audiojs .loaded {
	height: 10px;
	background: #000;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
	background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%);
}
.audiojs .time {
	float: right;
	height: 25px;
	width: 20%;
	line-height: 25px;
	margin: 0;
	padding: 18px 25px 0 0;
	text-align: right;
}
.audiojs .error-message {
	height: 24px;
	line-height: 24px;
}
.track-details {
	clear: both;
	height: 20px;
	color: #cfcfcf;
	font-family: monospace;
	font-size: 11px;
	line-height: 20px;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15);
	text-align: center;
	padding: 10px;
}
.track-details:before {
	content: '♬ ';
}
.track-details em {
	font-style: normal;
	color: #999;
}
.sp {
  width: 32px;
  height: 32px;
  clear: both;
  margin: 20px auto;
}

/* Spinner Circle Rotation */
.sp-circle {
  border: 4px rgba(0, 0, 0, 0.25) solid;
  border-top: 4px black solid;
  border-radius: 50%;
  -webkit-animation: spCircRot .6s infinite linear;
  animation: spCircRot .6s infinite linear;
	right: 115px;
	position: relative;
	top: -40px;
}

@-webkit-keyframes spCircRot {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spCircRot {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* -------------------------------------------------------
9.1 EXTRA SMALL DEVICES (PORTRAIT PHONES, LESS THAN 544PX)
-----------------------------------------------------------*/
@media (max-width: 543px) {



.app .download-widget h4 {
	font-size:60px;
	top: -17px;
}

	.app .tag {
		top: 70px !important;
	}

	.contact-form .btn {
		width: 100%;
	}
	.header .navbar-brand {
		font-size: 14px;
		line-height: 68px;
		top: -50px;
	}
	.logo {

	}
	.header .navbar-brand span {
		font-size: 22px;
	}
	.dictionary-toggle {
		width: 26px;
		height: 26px;
		right: 35px;
	}
	.search .input-group {
		top: 50%;
		width: 70%;
		margin-left: -30px;
	}
	.search .form-control {

	}
	.search .multiselect-selected-text {
		display: none;
	}
	.multiselect-native-select .btn {
		padding-right: 0px;
		min-width: 50px;
	}
	.dropdown-menu {
		min-width: 200px;
		left: -150px;
	}
	.page-title h1 {
		font-size: 56px;
	}
	.app .app-widget {
		min-height:280px;
	}
	.app .app-widget img {
		top: 90px;
		left: 50%;
		margin-left: -140px;
	}
	.footer .centered-nav li {
		display: block;
	}
}
/* ------------------------------------------
9.2 MEDIUM DEVICES (TABLETS, LESS THAN 992PX)
---------------------------------------------*/
@media (max-width: 991px) {


}

/* ------------------------------------------
9.3 CUSTOM MEDIA DEVICE (LESS THAN 1100PX)
---------------------------------------------*/
@media (max-width: 1100px) {
	.app .app-widget {

	}
	.app .app-widget img {
		top: 90px;
	}
	.app:hover .app-widget img {
		top: 50px;
	}
	.app .download-widget p {
		/*padding-top: 14%;*/
		padding-left: 0;
		margin-bottom: 16px;
		font-size: 14px;
	}
	.app .tag {
		position: absolute;
		top: 0;
		right: 20px;
	}
	.app .download-widget .nav {
		padding-left: 0;
	}
	.app .download-widget .nav li{
		margin-left: 0;
	}
}



/* --------------------------------------
9.3 MEDIUM DEVICES (TABLETS, 768PX AND UP)
-----------------------------------------*/
@media (min-width: 768px) {
.app .download-widget h4 {
	font-size: 80px;
	top: -47px;
}
}

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

	.app .download-widget .nav img {
		height: 40px;
	}
}


.contact-form .form-group {
    display: block;
    height: 55px;
}


.contact-form .form-control {
    align-self: flex-end;
}

.control-label {
    font-size: 1rem;
    opacity: 0.4;
    pointer-events: none;
    top: -1.20em;
    left: 1.23em;
    position: absolute;
    transform: translate3d(0, 22px, 0) scale(1);
    transform-origin: left top;
    transition: 240ms;
}

.form-group.focused .control-label {
    opacity: 1;
    transform: scale(0.80);
}


.inner .text-muted a.pronounce {
    color: #999;
    background: transparent url('/responsive/assets/icon-pronounce.png') no-repeat left center;
    padding-left: 20px;
    margin: 8px 0;
}

.inner .text-muted a.pronounce:hover {
    color: #666;
}

.inner .text-muted a.pronounce-vid {
    color: #999;
    background: transparent url('/responsive/assets/icon-pronounce-vid.png') no-repeat left center;
    padding-left: 20px;
    margin: 0 0 3px 0;
}

.inner .text-muted a.pronounce-vid:hover {
    color: #666;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.inner .text-muted {
	text-decoration: none;
}

.deco-footer {
    height: 15px;
    width: 100%;
    position:absolute;
    bottom:0;
    z-index: 7000;
}

.deco-divider {
	border-bottom: 1px solid #e4e4e4;
}


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

	.nav-inline .nav-item {
		display: block;
	}

	.download-widget .nav-inline .nav-item {
		display: inline-block;
	}

	.filters .nav-inline .nav-item {
		padding-top: 20px;
		border-bottom: 1px solid #afafaf;
	}

	.filters .nav-inline .nav-item:after {
		content: "";
		display: table;
		clear: both;
	}

	.filters .nav-inline .nav-item + .nav-item {
		margin-left: 0;
	}

	.filters .multiselect-native-select {
		float: right;
	}

	.filters .multiselect-native-select .btn {
		padding-top: 0;
	}

	.filters .dropdown-menu {
		left: auto;
		right: 0;
	}
}

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

	.app:hover .app-widget img {
		top: 90px;
	}
}

.header-divider {
	width: 2px;
}

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

    #hero .bx-viewport .slider img {
        width: 730px;
    }
}

.grecaptcha-badge {
    visibility: hidden;
}