.icons-sprite, .lang .arrow, .flag.en, .social .fb, .social .tw, .social .yo, .social .fl, .social .gp, .subchapters_num, .centered_list .sep, .arrow_green, .members article h3:after, .members article h3:before, .members_count, .sort .arrow, .basic .cycle-next, .basic .cycle-prev, .cycle-pager .active_arrow, .activities .cycle-next, .activities .cycle-prev, .ar .members article h3:after, .ar .members article h3:before, .ar .basic .cycle-next, .ar .basic .cycle-prev, .ar .activities .cycle-next, .ar .activities .cycle-prev, .ar .arrow_green {
  background: url('../images/icons-s20b85e4019.png') no-repeat;
}

.structures-sprite, .nuclear, .nac, .subordinate, .secretary h6, .military h5, .operations, .transformation {
  background: url('../images/structures-sb83f763dda.png') no-repeat;
}

@font-face {
  font-family: 'GeoSlabMedium';
  src: url("fonts/Geometric_Slabserif_703_Medium_BT.eot");
  src: url("fonts/Geometric_Slabserif_703_Medium_BT.eot?#iefix") format("embedded-opentype"), url("fonts/Geometric_Slabserif_703_Medium_BT.woff") format("woff"), url("fonts/Geometric_Slabserif_703_Medium_BT.ttf") format("truetype"), url("fonts/Geometric_Slabserif_703_Medium_BT.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GeoSlabBold';
  src: url("fonts/Geometric_Slabserif_703_Bold_BT.eot");
  src: url("fonts/Geometric_Slabserif_703_Bold_BT.eot?#iefix") format("embedded-opentype"), url("fonts/Geometric_Slabserif_703_Bold_BT.woff") format("woff"), url("fonts/Geometric_Slabserif_703_Bold_BT.ttf") format("truetype"), url("fonts/Geometric_Slabserif_703_Bold_BT.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GeoSlabXBold';
  src: url("fonts/geoslab703-xbd-bt.eot");
  src: url("fonts/geoslab703-xbd-bt.eot?#iefix") format("embedded-opentype"), url("fonts/geoslab703-xbd-bt.woff") format("woff"), url("fonts/geoslab703-xbd-bt.ttf") format("truetype"), url("fonts/geoslab703-xbd-bt.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TrajanProBold';
  src: url("fonts/TrajanPro-Bold.eot");
  src: url("fonts/TrajanPro-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/TrajanPro-Bold.woff") format("woff"), url("fonts/TrajanPro-Bold.ttf") format("truetype"), url("fonts/TrajanPro-Bold.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

.row {
  width: 940px;
  margin: 0 auto;
}
.row.small {
  width: 780px;
}

#page {
  overflow: hidden;
  position: relative;
  min-width: 960px;
}

body > header {
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  background: #fbfbfb;
  width: 100%;
  height: 56px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 499;
}

.logo {
  float: left;
}
.logo a, .logo img {
  display: block;
}
.logo img {
  height: 80px;
  width: auto;
}
.logo span {
  display: none;
}

.main_nav {
  float: left;
  margin-top: 15px;
}
.main_nav li {
  float: left;
  background: transparent url("../images/slash-grey.png") no-repeat left center;
  padding-left: 20px;
}


.main_nav li:first-child {
  background: none;
}
.main_nav a {
  font: normal 11px/13px "GeoSlabMedium", Helvetica, Arial, sans-serif;
  display: block;
  min-height: 26px;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  color: #686868;
}
.main_nav a strong {
  font-family: "GeoSlabXBold", Helvetica, Arial, sans-serif;
}
.main_nav a:hover, .main_nav a:active, .main_nav a:focus {
  color: #0b89c6;
  text-decoration: none;
}
.main_nav a.active {
  color: #0b89c6;
}

.lang, .checklist {
  float: right;
}

.lang {
  margin: 12px 20px 0;
  position: relative;
}
.lang .active, .lang .lang_choice a {
  font: bold 10px/29px Helvetica, Arial, sans-serif;
  color: #7B7B7B;
  display: block;
  position: relative;
  padding-left: 10px;
}
.lang .active {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  width: 109px;
  height: 31px;
}
.lang .active.open {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.lang .arrow {
  background-position: 0 -772px;
  display: block;
  position: absolute;
  top: 12px;
  right: 10px;
  width: 9px;
  height: 5px;
  text-indent: -999px;
  overflow: hidden;
}

.lang_choice {
  border: 1px solid #CCCCCC;
  background-color: #FFF;
  position: absolute;
  top: 30px;
  left: 0;
  width: 100px;
}

.flag {
  display: block;
  position: absolute;
  top: 6px;
  left: 8px;
  width: 22px;
  height: 16px;
  text-indent: -999px;
  overflow: hidden;
}
.flag.en {
  background-position: 0 -666px;
}

.checklist {
  background: transparent url("../images/dot-line-vertical-grey.png") repeat-y left top;
  font: bold 12px/12px Helvetica, Arial, sans-serif;
  width: 139px;
  height: 56px;
  padding-left: 1px;
}
.checklist a {
  background: transparent url("../images/checked-circle.png") no-repeat 11px 14px;
  padding-top: 16px;
  padding-left: 45px;
  width: 95px;
  height: 40px;
  display: block;
  color: #0b89c6;
}

.intro {
  background-color: #FFF;
  margin-top: 56px;
  height: 597px;
  overflow: hidden;
  position: relative;
}
.intro nav, .intro header {
  position: relative;
  z-index: 2;
}
.intro header {
  text-align: center;
}
.intro h2 {
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
  font: normal 64px/64px "GeoSlabXBold", Helvetica, Arial, sans-serif;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
}
.intro .subtitle {
  font: normal 12px "TrajanProBold", "Trajan Pro", Georgia, Palatino, "Times New Roman", Times, serif;
  text-transform: uppercase;
  color: #FFF;
  display: inline-block;
  position: relative;
  padding: 0 10px;
  margin-bottom: 45px;
  letter-spacing: 2px;
}
.intro .subtitle:after, .intro .subtitle:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 40%;
  top: 50%;
  right: 100%;
  margin-top: -3px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}
.intro .subtitle:after {
  left: 100%;
}

.main_menu_circle {
  margin: 0 auto;
  width: 836px;
  height: 141px;
}
.main_menu_circle li {
  background: transparent url("../images/bg-topic-menu.png") no-repeat left top;
  margin-left: 19px;
  float: left;
}
.main_menu_circle li:first-child {
  margin-left: 0;
}
.main_menu_circle li.color_2 {
  background-position: -172px top;
}
.main_menu_circle li.color_3 {
  background-position: -342px top;
}
.main_menu_circle li.color_4 {
  background-position: -512px top;
}
.main_menu_circle li.color_5 {
  background-position: -681px top;
}
.main_menu_circle a {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font: normal 13px/14px "GeoSlabXBold", Helvetica, Arial, sans-serif;
  display: block;
  width: 114px;
  height: 91px;
  text-align: center;
  text-transform: uppercase;
  padding: 56px 18px 0;
  color: #FFF;
}
.main_menu_circle a:hover, .main_menu_circle a:active, .main_menu_circle a:focus {
  color: #60dbff;
  text-decoration: none;
}
.main_menu_circle a:hover strong, .main_menu_circle a:active strong, .main_menu_circle a:focus strong {
  color: #60dbff;
}
.main_menu_circle strong {
  font: normal 13px/14px "GeoSlabXBold", Helvetica, Arial, sans-serif;
  color: #0b89c6;
}

.slide_bg_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 597px;
  z-index: 1;
}

.slide_bg {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
}
.slide_bg img {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
}

.cycle-slideshow img.no_fullscreen {
  width: auto;
}

.nato_logo {
  display: block;
  margin: 100px auto 20px;
}

footer {
  background: transparent url("../images/bg-footer.png") repeat-x left top;
  height: 36px;
  margin-bottom: 25px;
  padding-bottom: 20px;
  font: normal 14px/36px "TrajanProBold", "Trajan Pro", Georgia, Palatino, "Times New Roman", Times, serif;
  text-align: center;
  color: #FFF;
  position: relative;
}

.social {
  text-align: center;
  width: 445px;
  height: 32px;
  margin: 1px auto 0;
}
.social li {
  float: left;
  border-left: 1px solid #141414;
  border-right: 1px solid #434343;
}
.social li:first-child {
  border-left: 0;
}
.social li.last {
  border-right: 0;
}
.social a {
  display: block;
  text-indent: -999px;
  overflow: hidden;
  height: 32px;
}
.social .fb {
  background-position: 0 -494px;
  width: 110px;
}
.social .tw {
  background-position: 0 -682px;
  width: 61px;
}
.social .yo {
  background-position: 0 -570px;
  width: 85px;
}
.social .fl {
  background-position: 0 -602px;
  width: 80px;
}
.social .gp {
  background-position: 0 -634px;
  width: 81px;
}

html, body {
  background: #fbfbfb;
}

body {
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 110%;
  line-height: 1.4;
}

a {
  color: #24b8ff;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  color: #0b89c6;
  text-decoration: underline;
}
a.u {
  text-decoration: underline;
}
a.u:hover, a.u:active, a.u:focus {
  text-decoration: none;
}

header {
  position: relative;
  z-index: 100;
}

.chapter_headers h2 {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 0 #cdcdcd, 0 2px 0 rgba(0, 0, 0, 0.3);
  background: transparent url("../images/bg-title-header.png") repeat-x left top;
  font: normal 22px/22px "GeoSlabXBold", Helvetica, Arial, sans-serif;
  color: #252525;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 4px;
  padding-top: 35px;
  height: 53px;
}

.chapters_num {
  background: transparent url("../images/bg-chapter.png") no-repeat left top;
  font: normal 19px/19px "GeoSlabXBold", Helvetica, Arial, sans-serif;
  color: #c8c8c8;
  text-align: center;
  position: absolute;
  top: -20px;
  left: 50%;
  z-index: 99;
  display: block;
  width: 240px;
  height: 30px;
  padding-top: 12px;
  margin-left: -117px;
}

.subchapters_num {
  background-position: 0 -526px;
  display: block;
  position: absolute;
  top: -22px;
  left: 50%;
  width: 44px;
  height: 44px;
  margin-left: -22px;
  font: normal 14px/48px "TrajanProBold", "Trajan Pro", Georgia, Palatino, "Times New Roman", Times, serif;
  color: #FFF;
  text-align: center;
}

span.highlighted {
  color: #18a1e3;
  text-decoration: underline;
}

p.highlighted {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #7cd9d0;
  padding: 10px;
  text-align: center;
}

.centered_list {
  margin-bottom: 30px;
}
.centered_list li {
  background: transparent url("../images/line-full-gradient.png") no-repeat center top;
  padding: 10px 0;
  font: italic 18px/20px "Times New Roman", Times, serif;
  text-align: center;
  color: #25887E;
}
.centered_list li:first-child {
  background: none;
}
.centered_list .sep {
  background-position: 0 -476px;
  display: inline-block;
  width: 7px;
  height: 7px;
  vertical-align: middle;
  margin: 0 10px;
}

.shadow_block {
  background: transparent url("../images/bg-greybordertop-shadow.png") no-repeat left top;
  display: block;
  width: 347px;
  min-height: 45px;
  margin: 30px auto;
  padding: 13px 15px 0;
  font: normal 14px/17px "TrajanProBold", "Trajan Pro", Georgia, Palatino, "Times New Roman", Times, serif;
  color: #31998D;
  text-align: center;
  text-transform: uppercase;
}

.icon {
  display: inline-block;
}

.arrow_green {
  background-position: 0 -754px;
  width: 15px;
  height: 11px;
  margin-right: 10px;
  vertical-align: middle;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clearfix {
  display: block;
}
.clearfix:after {
  content: '';
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
}

.opacity_mask {
  position: absolute;
  height: 100%;
  z-index: 2;
  top: 0;
}
.opacity_mask.left {
  left: 0;
}
.opacity_mask.right {
  right: 0;
}

.members header {
  text-align: center;
}
.members header h3 {
  font: normal 17px/17px "TrajanProBold", "Trajan Pro", Georgia, Palatino, "Times New Roman", Times, serif;
  color: #151515;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  padding: 0 15px;
  margin: 30px 0 15px;
  letter-spacing: 2px;
}
.members header h3:after, .members header h3:before {
  content: "";
  background: transparent url("../images/bg-title-ornament.png") no-repeat left top;
  position: absolute;
  top: 50%;
  right: 100%;
  height: 14px;
  width: 375px;
  margin-top: -7px;
}
.members header h3:after {
  background-position: right top;
  left: 100%;
}
.members header p {
  font: italic 24px/30px "Times New Roman", Times, serif;
  color: #404040;
  width: 710px;
  margin: 0 auto 130px;
}
.members article {
  border-top: 1px solid #2c6379;
  background-color: #2395C3;
  position: relative;
  height: 846px;
  text-align: center;
}
.members article h3 {
  font: normal 17px/17px "TrajanProBold", "Trajan Pro", Georgia, Palatino, "Times New Roman", Times, serif;
  color: #24b8ff;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  padding: 0 8px;
  margin-bottom: 20px;
}
.members article h3:after, .members article h3:before {
  content: "";
  background-position: 0 -726px;
  position: absolute;
  top: 50%;
  right: 100%;
  height: 14px;
  width: 25px;
  margin-top: -10px;
}
.members article h3:after {
  background-position: 0 -740px;
  left: 100%;
}
.members .row {
  background: transparent url("../images/pattern-gradient-line-bl.png") repeat left top;
  position: relative;
  z-index: 2;
  height: 100%;
}

.light_shadow {
  background: transparent url("../images/bg-light-top-members.png") no-repeat left top;
  width: 786px;
  height: 300px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 3;
  margin-left: -393px;
  text-indent: -9999px;
  overflow: hidden;
}

.bg_meeting {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  overflow: hidden;
}
.bg_meeting img {
  display: block;
  min-width: 1600px;
  min-height: 846px;
  width: 100%;
}

.members_count {
  background-position: 0 0;
  width: 118px;
  height: 158px;
  position: absolute;
  z-index: 4;
  top: -120px;
  left: 50%;
  margin-left: -94px;
  font: normal 12px/13px "TrajanProBold", "Trajan Pro", Georgia, Palatino, "Times New Roman", Times, serif;
  color: #FFF;
  padding: 30px 35px 0;
  text-transform: uppercase;
}
.members_count strong {
  text-shadow: 0 3px 0 rgba(94, 94, 94, 0.5);
  font: normal 89px/89px "GeoSlabXBold", Helvetica, Arial, sans-serif;
  margin-top: -7px;
  display: block;
}

.sort, .members_list {
  position: relative;
  z-index: 4;
}

.sort {
  font: bold 14px/30px Helvetica, Arial, sans-serif;
  padding-top: 80px;
}
.sort small {
  display: inline-block;
  margin: 0 8px;
  font: italic 14px/30px "Times New Roman", Times, serif;
  color: #C4C4C4;
}
.sort a {
  -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  min-width: 130px;
  position: relative;
  padding: 0 10px;
  border: 1px solid #1585c5;
  background-color: #18a1e3;
  color: #FFF;
}
.sort a.active .arrow {
  display: block;
}
.sort a.active, .sort a:hover, .sort a:active, .sort a:focus {
  background-color: #60dbff;
  text-decoration: none;
  color: #000;
}
.sort .arrow {
  background-position: 0 -765px;
  display: none;
  width: 13px;
  height: 7px;
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -6px;
}

.members_list_container {
  width: 620px;
  margin: 30px auto 45px;
  overflow: hidden;
}

.members_list {
  float: left;
  width: 190px;
  margin-left: 25px;
}
.members_list:first-child {
  margin-left: 0;
}
.members_list li {
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.75);
  height: 32px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #3E3E3E;
  font: normal 13px/32px "Times New Roman", Times, serif;
  color: #FFF;
  text-transform: uppercase;
}
.members_list li:first-child {
  border-top: 0;
}
.members_list .last {
  border-bottom: 0;
}

.enlargement {
  width: 520px;
  margin: 0 auto;
}
.enlargement p {
  margin: 25px 0 0;
  font: italic 17px/23px "Times New Roman", Times, serif;
  color: #FFF;
}

.stitch {
  background: transparent url("../images/dot-line-vertical-bl-shad.png") repeat-y left top;
  position: absolute;
  top: 0;
  height: 100%;
  width: 3px;
  text-indent: -999px;
  overflow: hidden;
}
.stitch.left {
  left: 20px;
}
.stitch.right {
  right: 20px;
}

.skip_to_content {
  height: 0;
}

.basic {
  background: #4ecddd;
  position: relative;
  z-index: 2;
}
.basic .cycle-pager-active a {
  color: #4ecddd;
}
.basic .cycle-pager a:hover, .basic .cycle-pager a:active, .basic .cycle-pager a:focus {
  color: #4ecddd;
}
.basic .slide {
  min-height: 666px;
  float: left;
}
.basic h3 {
  color: #4ecddd;
}
.basic .cycle-next {
  background-position: 0 -404px;
}
.basic .cycle-prev {
  background-position: 0 -332px;
}
.basic .opacity_mask {
  background-color: rgba(78, 205, 221, 0.7);
}

#slide_basic {
  min-height: 660px;
}

.cycle-pager {
  background-color: whitesmoke;
  overflow: hidden;
  font: normal 12px/14px "TrajanProBold", "Trajan Pro", Georgia, Palatino, "Times New Roman", Times, serif;
  text-align: center;
  text-transform: uppercase;
}
.cycle-pager a {
  display: block;
  min-height: 92px;
  position: relative;
  color: #959595;
}
.cycle-pager a:hover, .cycle-pager a:active, .cycle-pager a:focus {
  text-decoration: none;
}
.cycle-pager .active_arrow {
  background-position: 0 -714px;
  display: none;
  width: 23px;
  height: 12px;
  position: absolute;
  bottom: -3px;
  left: 50%;
  margin-left: -12px;
}
.cycle-pager li {
  display: block !important;
  float: left;
  padding: 0 20px;
  width: 155px;
  border-bottom: 2px solid #EBEBEB;
}
.cycle-pager .num {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  line-height: 36px;
}

.cycle-carousel-wrap {
  width: 3500px;
}

.slide {
  white-space: normal;
  vertical-align: top;
  width: 780px;
}
.slide .txt, .slide .title {
  margin: 0 80px;
}
.slide .title {
  position: relative;
  text-align: center;
  padding-bottom: 1px;
  margin-bottom: 20px;
}
.slide .title, .slide .title h3 {
  border-bottom: 1px solid #e1e1e1;
}
.slide .title h3 {
  font: normal 20px/20px "TrajanProBold", "Trajan Pro", Georgia, Palatino, "Times New Roman", Times, serif;
  text-transform: uppercase;
  padding: 35px 0 10px;
}
.slide .title strong {
  font-size: 22px;
}
.slide .illu {
  position: relative;
  height: 230px;
  width: 778px;
}
.slide .txt {
  font: italic 17px/23px "Times New Roman", Times, serif;
  color: #404040;
}
.slide .txt p {
  margin-bottom: 15px;
}
.slide .txt strong {
  font-family: "GeoSlabBold", Helvetica, Arial, sans-serif;
  font-style: normal;
}

.cycle-prev, .cycle-next {
  display: block;
  position: absolute;
  top: 50%;
  z-index: 99;
  margin-top: -36px;
  width: 72px;
  height: 72px;
  text-indent: -999px;
  overflow: hidden;
}
.cycle-prev.disabled, .cycle-next.disabled {
  display: none;
}

.cycle-next {
  right: -36px;
}

.cycle-prev {
  left: -36px;
}

.cycle-pager-active .active_arrow {
  display: block;
}

.cycle_light {
  background: transparent url("../images/pattern-gradient-line-wh.png") repeat left top;
  position: relative;
}

.cycle-carousel-wrap {
  z-index: 1 !important;
}

.basic article, .activities article {
  overflow: hidden;
  position: relative;
}

#spritesheet_political_military_alliance {
  margin: 0 149px;
}

#spritesheet_collective_defence {
  margin: 0 152px;
}

#spritesheet_transatlantic_link {
  margin: 0 157px;
}

#spritesheet_strategic_concept {
  margin: 0 180px 0 181px;
}

.activities {
  background: #4cd2c4;
  position: relative;
  z-index: 3;
}
.activities .cycle-pager-active a {
  color: #4cd2c4;
}
.activities .cycle-pager a:hover, .activities .cycle-pager a:active, .activities .cycle-pager a:focus {
  color: #4cd2c4;
}
.activities .slide {
  min-height: 910px;
  float: left;
}
.activities .slide .illu {
  margin-bottom: 30px;
}
.activities h3 {
  color: #4cd2c4;
}
.activities .cycle-next {
  background-position: 0 -260px;
  top: 454px;
}
.activities .cycle-prev {
  background-position: 0 -188px;
  top: 454px;
}
.activities .opacity_mask {
  background-color: rgba(76, 210, 196, 0.7);
}

#slide_activities {
  min-height: 910px;
}

.gallery {
  margin-top: 40px;
  padding: 0;
  overflow: hidden;
}
.gallery li {
  float: left;
  margin-left: 25px;
  padding: 0;
}
.gallery li:first-child {
  margin-left: 0;
}

.operations_missions {
  text-align: center;
}
.operations_missions p.highlighted {
  margin-top: 40px;
}

.radar_icons {
  position: absolute;
  top: 75px;
  left: 50%;
  margin-left: -308px;
}

#spritesheet_decisions_and_consultations {
  margin: 0 243px;
}

#spritesheet_operations_and_missions {
  margin: 0 330px;
}

#spritesheet_partnerships {
  margin: 0 212px 0 213px;
}

#spritesheet_radar {
  margin: 0 293px;
}

.events {
  position: relative;
  width: 100%;
  z-index: 4;
}
.events header {
  z-index: 199;
}
.events .row {
  position: relative;
  min-height: 700px!important;
  height: 700px;
  padding-bottom: 50px;
}

.events_nav {
  width: 699px;
  height: 541px;
  margin: 0 auto;
  background: transparent url("../images/bg-events-timeline.png") no-repeat center top;
}
.events_nav li {
  position: absolute;
  z-index: 400;
}
.events_nav li.event_date_1949 {
  top: 58px;
  left: 35px;
}
.events_nav li.event_date_1989 {
  top: 290px;
  left: 35px;
}
.events_nav li.event_date_1991 {
  top: 477px;
  left: 169px;
}
.events_nav li.event_date_1995 {
  top: 551px;
  left: 390px;
}
.events_nav li.event_date_2001 {
  top: 477px;
  right: 169px;
}
.events_nav li.event_date_2003 {
  top: 290px;
  right: 35px;
}
.events_nav li.event_date_2010 {
  top: 58px;
  right: 35px;
}
.events_nav li.active a {
  color: #393939;
}
.events_nav li.active .bullet {
  background-position: right center;
}
.events_nav a {
  font: 28px "GeoSlabXBold", Helvetica, Arial, sans-serif;
  color: #a7a7a7;
}
.events_nav a.hover, .events_nav a:hover {
  color: #6f6f6f;
  text-decoration: none;
}
.events_nav .bullet {
  display: inline-block;
  margin: -3px 2px 0;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background: transparent url("../images/bullet-event-date.png") no-repeat left center;
}

.events_content {
  background: transparent url("../images/bg-video-mask-bottom.jpg") no-repeat center 52px;
  width: 350px;
  height: 530px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 197;
  margin-left: -175px;
  overflow: hidden;
}

.event_content {
  display: none;
}
.event_content .date {
  margin: 0 auto;
  width: 118px;
  height: 45px;
  background: transparent url("../images/bg-event-date.png") repeat-y;
  font: 28px/53px "GeoSlabBold", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #6f6f6f;
}
.event_content .illu {
  display: block;
  margin: 0 auto 10px;
  height: 300px;
  overflow: hidden;
  position: absolute;
  top: 45px;
  left: 25px;
}
.event_content .illu img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.event_content .txt {
  width: 350px;
  margin: 0 auto;
  padding-top: 300px;
  font: italic 17px/20px "Times New Roman", Times, serif;
  text-align: center;
  color: #404040;
  position: relative;
  z-index: 201;
}
.event_content .event_play_video {
  position: relative;
  display: block;
  width: 300px;
  height: 300px;
  margin: 0 auto;
}

.icone_play_video {
  position: absolute;
  width: 300px;
  height: 300px;
  top: 0;
  left: 0;
  background: transparent url("../images/play-video.png") no-repeat 130px 115px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.video_mask {
  width: 400px;
  height: 300px;
  position: absolute;
  top: 45px;
  left: 270px;
  z-index: 198;
}

.video_link_area {
  background: transparent url("../images/bg-fixer.gif") repeat left top;
  display: block;
  width: 285px;
  height: 285px;
  overflow: hidden;
  position: absolute;
  top: 52px;
  left: 329px;
  z-index: 597;
  cursor: pointer;
}

.events_timeline {
  position: absolute;
  width: 680px;
  height: 680px;
  top: -148px;
  left: 130px;
  z-index: 196;
}

.events_timeline_drag {
  position: absolute;
  top: 206px;
  left: -11px;
  z-index: 300;
  cursor: move;
}

.events_timeline_txt {
  width: 680px;
  height: 530px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -340px;
  z-index: 193;
}

.go_to_history_module {
  background: transparent url("../images/bg-greybordertop-shadow.png") no-repeat center center;
  font: 14px/58px "TrajanProBold", "Trajan Pro", Georgia, Palatino, "Times New Roman", Times, serif;
  color: #31998d;
  position: relative;
  display: block;
  margin: 93px auto 0;
  width: 378px;
  text-align: center;
  clear: both;
}
.go_to_history_module:hover {
  color: #31998d;
}

.icone_go_to_history_module {
  display: inline-block;
  width: 15px;
  height: 11px;
  background: transparent url("../images/arrow-green.png") no-repeat center center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.content_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 598;
}

.bg_overlay {
  background: transparent url("../images/bg-opacity-60bl.png") repeat left top;
  width: 100%;
  height: 100%;
  margin-top: 88px;
}

.date_content {
  position: absolute;
  width: 480px;
  min-height: 400px;
  top: 50%;
  left: 50%;
  margin: -200px 0 0 -240px;
  z-index: 599;
}

.date_content_modal {
  width: 480px;
  height: 360px;
}

.content_close {
  font: bold 17px/20px Helvetica, Arial, sans-serif;
  color: #FFF;
  display: block;
  margin-top: 10px;
  padding: 5px 0;
  text-transform: uppercase;
  text-align: right;
}

.events_active_line {
  background-color: #39b6f2;
  width: 30px;
  height: 4px;
  display: none;
  position: absolute;
  top: 61px;
  left: 0;
}

.animated_thumbs_leave {
  -webkit-animation: rotate_leave 0.5s ease-in-out;
  -moz-animation: rotate_leave 0.5s ease-in-out;
  -ms-animation: rotate_leave 0.5s ease-in-out;
  -o-animation: rotate_leave 0.5s ease-in-out;
  animation: rotate_leave 0.5s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: 50% -30%;
  -moz-transform-origin: 50% -30%;
  -ms-transform-origin: 50% -30%;
  -o-transform-origin: 50% -30%;
  transform-origin: 50% -30%;
}

.animated_thumbs_enter {
  -webkit-animation: rotate_enter 0.5s ease-in-out;
  -moz-animation: rotate_enter 0.5s ease-in-out;
  -ms-animation: rotate_enter 0.5s ease-in-out;
  -o-animation: rotate_enter 0.5s ease-in-out;
  animation: rotate_enter 0.5s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: 50% -30%;
  -moz-transform-origin: 50% -30%;
  -ms-transform-origin: 50% -30%;
  -o-transform-origin: 50% -30%;
  transform-origin: 50% -30%;
}

@-webkit-keyframes rotate_leave {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(180deg);
  }
}

@-moz-keyframes rotate_leave {
  from {
    -moz-transform: rotate(0deg);
  }

  to {
    -moz-transform: rotate(180deg);
  }
}

@-ms-keyframes rotate_leave {
  from {
    -ms-transform: rotate(0deg);
  }

  to {
    -ms-transform: rotate(180deg);
  }
}

@-o-keyframes rotate_leave {
  from {
    -o-transform: rotate(0deg);
  }

  to {
    -o-transform: rotate(180deg);
  }
}

@keyframes rotate_leave {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(180deg);
  }
}

@-webkit-keyframes rotate_enter {
  from {
    -webkit-transform: rotate(-180deg);
  }

  to {
    -webkit-transform: rotate(0deg);
  }
}

@-moz-keyframes rotate_enter {
  from {
    -moz-transform: rotate(-180deg);
  }

  to {
    -moz-transform: rotate(0deg);
  }
}

@-ms-keyframes rotate_enter {
  from {
    -ms-transform: rotate(-180deg);
  }

  to {
    -ms-transform: rotate(0deg);
  }
}

@-o-keyframes rotate_enter {
  from {
    -o-transform: rotate(-180deg);
  }

  to {
    -o-transform: rotate(0deg);
  }
}

@keyframes rotate_enter {
  from {
    transform: rotate(-180deg);
  }

  to {
    transform: rotate(0deg);
  }
}

.modal_container {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  display: none;
  border: 1px solid #e7e7e7;
  background-color: whitesmoke;
  position: absolute;
  width: 540px;
  padding: 9px;
  top: 250px;
  left: 50%;
  margin-left: -282px;
  z-index: 299;
}
.modal_container li {
  background-color: #EFEFEF;
  position: relative;
}
.modal_container .close {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  border-top: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  background-color: whitesmoke;
  position: absolute;
  top: -30px;
  right: -10px;
  padding: 6px 15px 3px;
  font: bold 11px/11px Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #d0d0d0;
  cursor: pointer;
}
.modal_container .title {
  background-color: #E6E6E6;
  text-transform: uppercase;
  border-bottom: 1px solid #DDD;
}
.modal_container h4 {
  font: normal 18px/18px "GeoSlabXBold", Helvetica, Arial, sans-serif;
  color: #595959;
  padding: 20px;
  border-bottom: 1px solid #FFF;
}
.modal_container .txt {
  padding: 15px 15px 30px;
}
.modal_container .txt p {
  font: italic 17px/23px "Times New Roman", Times, serif;
  text-align: center;
  color: #797979;
}

.structures {
  position: relative;
  z-index: 5;
}
.structures article {
  background: transparent url("../images/bg-structures-tree.png") no-repeat center top;
  height: 960px;
  position: relative;
  z-index: 2;
}
.structures h3, .structures h4, .structures h5, .structures h6 {
  text-transform: uppercase;
  text-align: center;
  color: #FFF;
}
.structures h3 {
  font: normal 26px/28px "GeoSlabXBold", Helvetica, Arial, sans-serif;
  margin: 0 auto;
  padding-top: 15px;
  width: 210px;
}
.structures .modal_container h4 {
  font: normal 18px/18px "GeoSlabXBold", Helvetica, Arial, sans-serif;
  color: #595959;
}
.structures h5 {
  font: normal 17px/17px "GeoSlabXBold", Helvetica, Arial, sans-serif;
}
.structures h6 {
  font: normal 12px/15px "GeoSlabXBold", Helvetica, Arial, sans-serif;
}
.structures p {
  font: italic 20px/24px "Times New Roman", Times, serif;
  color: #777777;
  padding: 2px 0;
}
.structures .first_level {
  height: 200px;
}
.structures .title_container {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  border: 4px solid #F0F0F0;
  width: 400px;
  margin-bottom: 30px;
}
.structures .title_container.right {
  margin-bottom: 165px;
}
.structures .red {
  background: transparent url("../images/pattern-waves-red.png") repeat left top;
  border: 2px solid #ac1746;
}
.structures .green {
  background: transparent url("../images/pattern-waves-green.png") repeat left top;
  border: 2px solid #1a8662;
}

.branch {
  position: relative;
}
.branch.left {
  width: 470px;
}
.branch.right {
  width: 470px;
}
.branch h4 {
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font: normal 20px/20px "TrajanProBold", "Trajan Pro", Georgia, Palatino, "Times New Roman", Times, serif;
}
.branch h4 a {
  padding: 20px 0 0;
  height: 33px;
}
.branch a {
  display: block;
  color: #FFF;
}
.branch a.disabled {
  cursor: default;
  text-decoration: none;
}

.nuclear {
  background-position: 0 -386px;
  margin: 15px 25px 0 0;
}
.nuclear a {
  width: 139px;
  height: 143px;
  padding: 35px 20px 0;
}

.nac {
  background-position: 0 0;
}
.nac a {
  font-size: 20px;
  line-height: 20px;
  width: 137px;
  height: 138px;
  padding: 70px 35px 0;
}

.subordinate {
  background-position: 0 -742px;
  margin: 95px 0 0 130px;
}
.subordinate a {
  width: 113px;
  height: 108px;
  padding: 35px 15px 0;
}


.agencies {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #D0D0D0;
  background-color: whitesmoke;
  margin: 105px 0 0 0;
  clear: both;
}
.agencies a {
  font: italic 20px/20px "Times New Roman", Times, serif;
  text-transform: none;
  color: #777777;
  display: block;
  padding: 15px 40px;
}

.secretary {
  position: absolute;
  top: 370px;
  right: -89px;
  z-index: 199;
  width: 179px;
}
.secretary p {
  text-align: center;
}
.secretary h6 {
  background-position: 0 -564px;
}
.secretary a {
  width: 129px;
  height: 128px;
  padding: 50px 25px 0;
  font-size: 15px;
  color: #24b8ff;
}

.military h5 {
  background-position: 0 -208px;
  margin: 0 130px 0 20px;
}
.military a {
  font-size: 15px;
  width: 119px;
  height: 105px;
  padding: 73px 30px 0;
}

.allied {
  margin-top: 55px;
  clear: both;
}
.allied p {
  text-align: center;
  width: 175px;
  margin: 10px auto 0;
  padding-left: 20px;
}

.operations {
  background-position: 0 -1028px;
  margin-left: 90px;
}
.operations a {
  width: 90px;
  height: 123px;
  padding: 20px 30px 0;
}

.transformation {
  background-position: 0 -885px;
  margin-left: 15px;
}
.transformation a {
  width: 133px;
  height: 123px;
  padding: 20px 8px 0;
}

.dash_bg {
  background: transparent url("../images/pattern-grid-grey.png") repeat left top;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: 1;
  border-left: 1px solid #DFDFDF;
}

.view_org {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-color: #ffffff;
  display: inline-block;
  font: normal 18px/18px "GeoSlabXBold", Helvetica, Arial, sans-serif;
  color: #18a1e3;
  text-transform: uppercase;
  padding: 14px 30px;
  text-align: center;
  margin: 0 auto 100px;
  max-width: 250px;
  border: 1px solid #e7e7e7;
}

/* Common matter */
body.ru .main_nav a, body.ru .slide .txt strong, body.uk .main_nav a, body.uk .slide .txt strong {
  font-family: "GeoSlabXBold", Helvetica, Arial, sans-serif;
}
body.ru .main_nav a strong, body.ru .slide .txt strong, body.uk .main_nav a strong, body.uk .slide .txt strong {
  font-weight: bold;
}

body.fr .logo img, body.ru .logo img {
  height: 56px;
}
body.fr .main_nav li, body.ru .main_nav li {
  background: transparent url("../images/slash-grey-vertical.png") no-repeat 2px center;
  padding-left: 8px;
}
body.fr .main_nav li:first-child, body.ru .main_nav li:first-child {
  background: none;
}

/* Languages */
body.en .main_menu_circle a, body.en .main_menu_circle strong {
  font-size: 14px;
}

body.fr .main_menu_circle .color_5 a {
  padding-left: 17px;
  padding-right: 17px;
  width: 118px;
  font-size: 11px;
}
body.fr .main_menu_circle .color_5 a strong {
  font-size: 13px;
}
body.fr .members_list li small {
  font-size: 11px;
}
body.fr .go_to_history_module {
  line-height: 17px;
  height: 45px;
  padding-top: 13px;
}
body.fr .transformation a {
  width: 125px;
  padding-left: 10px;
}
body.fr .operations a {
  width: 115px;
  padding-left: 20px;
}
body.fr .operations a, body.fr .transformation a {
  padding-top: 40px;
  padding-right: 15px;
  height: 103px;
  font-size: 11px;
}

body.ru .main_nav a {
  font-size: 10px;
}
body.ru .color_3 strong {
  font-size: 10px;
}
body.ru .members article h3 {
  margin-bottom: 0;
}
body.ru #slide_basic {
  min-height: 700px;
}
body.ru .branch.left h4 {
  font-size: 15px;
}
body.ru .nac a {
  padding: 85px 5px 0;
  width: 197px;
  height: 123px;
  font-size: 14px;
}
body.ru .operations a {
  font-size: 10px;
  padding: 30px 23px 0 27px;
  height: 113px;
  width: 100px;
}
body.ru .members_list li.smaller {
  font-size: 11px;
}

body.uk .main_nav a {
  padding: 0 8px;
}
body.uk .lang .active {
  font-size: 11px;
  width: 95px;
}
body.uk .lang_choice {
  width: 105px;
}
body.uk .nac a {
  padding-left: 10px;
  padding-right: 10px;
  width: 187px;
  font-size: 16px;
  padding-top: 85px;
  height: 123px;
}
body.uk .operations {
  font-size: 11px;
}
body.uk .operations a {
  padding-top: 28px;
  height: 115px;
  padding-left: 22px;
  padding-right: 22px;
  width: 110px;
}
body.uk .transformation {
  font-size: 11px;
}
body.uk .transformation a {
  padding-top: 28px;
  height: 115px;
}

/*
VideoJS Default Styles (http://videojs.com)
Version 3.2.0
*/
/*
REQUIRED STYLES (be careful overriding)
================================================================================ */
/* When loading the player, the video tag is replaced with a DIV,
   that will hold the video tag or object tag for other playback methods.
   The div contains the video playback element (Flash or HTML5) and controls, and sets the width and height of the video.

   ** If you want to add some kind of border/padding (e.g. a frame), or special positioning, use another containing element.
   Otherwise you risk messing up control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and easily calculable. */
  font-size: 10px;
  /* Allow poster to be vertially aligned. */
  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/
}

/* Playback technology elements expand to the width/height of the containing div. <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute;
}

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
}

.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  _position: absolute;
  /* IE6 Full-window (underscore hack) */
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

/* Poster Styles */
.vjs-poster {
  margin: 0 auto;
  padding: 0;
  cursor: pointer;
  /* Scale with the size of the player div. Works when poster is vertically shorter, but stretches when it's less wide. */
  position: relative;
  width: 100%;
  max-height: 100%;
}

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  left: 1em;
  right: 1em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  color: #fff;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (IE6) */
  background: black;
  background: rgba(0, 0, 0, 0.5);
}

.video-js .vjs-subtitles {
  color: #fff;
}

.video-js .vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

/* Fading sytles, used to fade control bar. */
.vjs-fade-in {
  visibility: visible !important;
  /* Needed to make sure things hide in older browsers too. */
  opacity: 1 !important;
  -webkit-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -ms-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -o-transition: visibility 0s linear 0s, opacity 0.3s linear;
  transition: visibility 0s linear 0s, opacity 0.3s linear;
}

.vjs-fade-out {
  visibility: hidden !important;
  opacity: 0 !important;
  -webkit-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  -moz-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  -ms-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  -o-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  transition: visibility 0s linear 1.5s,opacity 1.5s linear;
}

/* DEFAULT SKIN (override in another file to create new skins)
================================================================================
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. You can remove all these styles by removing the 'vjs-default-skin' class from the tag. */
/* The default control bar. Created by bar.js */
.vjs-default-skin .vjs-controls {
  position: absolute;
  bottom: 0;
  /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  left: 0;
  right: 0;
  /* 100% width of div */
  margin: 0;
  padding: 0;
  /* Controls are absolutely position, so no padding necessary */
  height: 2.6em;
  /* Including any margin you want above or below control items */
  color: #fff;
  border-top: 1px solid #404040;
  /* CSS Gradient */
  /* Can use the Ultimate CSS Gradient Generator: http://www.colorzilla.com/gradient-editor/ */
  background: #242424;
  /* Old browsers */
  background: -moz-linear-gradient(top, #242424 50%, #1f1f1f 50%, #171717 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(50%, #242424), color-stop(50%, #1f1f1f), color-stop(100%, #171717));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #242424 50%, #1f1f1f 50%, #171717 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #242424 50%, #1f1f1f 50%, #171717 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #242424 50%, #1f1f1f 50%, #171717 100%);
  /* IE10+ */
  /* Filter was causing a lot of weird issues in IE. Elements would stop showing up, or other styles would break. */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#171717',GradientType=0 );*/
  /* IE6-9 */
  background: linear-gradient(top, #242424 50%, #1f1f1f 50%, #171717 100%);
  /* W3C */
  /* Start hidden and with 0 opacity. Opacity is used to fade in modern browsers. */
  /* Can't use display block to hide initially because widths of slider handles aren't calculated and avaialbe for positioning correctly. */
  visibility: hidden;
  opacity: 0;
}

/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 2.6em;
  width: 2.6em;
}

.vjs-default-skin .vjs-control:focus {
  outline: 0;
  /*  background-color: #555;*/
}

/* Hide control text visually, but have it available for screenreaders: h5bp.com/v */
.vjs-default-skin .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer !important;
}

/* Play Icon */
.vjs-default-skin.vjs-paused .vjs-play-control div {
  width: 15px;
  height: 17px;
  background: url("../images/videos/video-js.png");
  margin: 0.5em auto 0;
}

.vjs-default-skin.vjs-playing .vjs-play-control div {
  width: 15px;
  height: 17px;
  background: url("../images/videos/video-js.png") -25px 0;
  margin: 0.5em auto 0;
}

/* Rewind
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-rewind-control {
  width: 5em;
  cursor: pointer !important;
}

.vjs-default-skin .vjs-rewind-control div {
  width: 19px;
  height: 16px;
  background: url("../images/videos/video-js.png");
  margin: 0.5em auto 0;
}

/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control {
  width: 3.8em;
  cursor: pointer !important;
  float: right;
}

.vjs-default-skin .vjs-mute-control div {
  width: 22px;
  height: 16px;
  background: url("../images/videos/video-js.png") -75px -25px;
  margin: 0.5em auto 0;
}

.vjs-default-skin .vjs-mute-control.vjs-vol-0 div {
  background: url("../images/videos/video-js.png") 0 -25px;
}

.vjs-default-skin .vjs-mute-control.vjs-vol-1 div {
  background: url("../images/videos/video-js.png") -25px -25px;
}

.vjs-default-skin .vjs-mute-control.vjs-vol-2 div {
  background: url("../images/videos/video-js.png") -50px -25px;
}

.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}

.vjs-default-skin .vjs-volume-bar {
  position: relative;
  width: 5em;
  height: 0.6em;
  margin: 1em auto 0;
  cursor: pointer !important;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  background: #666;
  background: -moz-linear-gradient(top, #333333, #666666);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#666666));
  background: -webkit-linear-gradient(top, #333333, #666666);
  background: -o-linear-gradient(top, #333333, #666666);
  background: -ms-linear-gradient(top, #333333, #666666);
  background: linear-gradient(top, #333333, #666666);
}

.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.6em;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  background: #fff;
  background: -moz-linear-gradient(top, white, #cccccc);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#cccccc));
  background: -webkit-linear-gradient(top, white, #cccccc);
  background: -o-linear-gradient(top, white, #cccccc);
  background: -ms-linear-gradient(top, white, #cccccc);
  background: linear-gradient(top, #ffffff, #cccccc);
}

.vjs-default-skin .vjs-volume-handle {
  position: absolute;
  top: -0.2em;
  width: 0.8em;
  height: 0.8em;
  background: #ccc;
  left: 0;
  border: 1px solid #fff;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
}

/* Progress
-------------------------------------------------------------------------------- */
.vjs-default-skin div.vjs-progress-control {
  position: absolute;
  left: 4.8em;
  right: 4.8em;
  /* Leave room for time displays. */
  height: 1.0em;
  width: auto;
  top: -1.3em;
  /* Set above the rest of the controls. And leave room for 2px of borders (progress bottom and controls top). */
  border-bottom: 1px solid #1F1F1F;
  border-top: 1px solid #222;
  /* CSS Gradient */
  background: #333;
  background: -moz-linear-gradient(top, #222222, #333333);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222222), to(#333333));
  background: -webkit-linear-gradient(top, #222222, #333333);
  background: -o-linear-gradient(top, #333333, #222222);
  background: -ms-linear-gradient(top, #333333, #222222);
  background: linear-gradient(top, #333333, #222222);
  /* 1px top shadow */
  /*  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15);*/
}

/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  position: relative;
  cursor: pointer !important;
  /*overflow: hidden;*/
  padding: 0;
  margin: 0;
  /* Placement within the progress control item */
  height: 1.0em;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
  /* CSS Gradient */
  background: #111;
  background: -moz-linear-gradient(top, #111111, #262626);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#262626));
  background: -webkit-linear-gradient(top, #111111, #262626);
  background: -o-linear-gradient(top, #111111, #262626);
  background: -ms-linear-gradient(top, #111111, #262626);
  background: linear-gradient(top, #111111, #262626);
}

.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  /* Progress Bars */
  position: absolute;
  display: block;
  height: 1.0em;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  /*Needed for IE6*/
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
  /*width: 0;*/
}

.vjs-default-skin .vjs-play-progress {
  /* CSS Gradient. */
  background: #fff;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, #d6d6d6 50%, white 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, white), color-stop(50%, #d6d6d6), color-stop(100%, white));
  background: -webkit-linear-gradient(top, white 0%, #d6d6d6 50%, white 100%);
  background: -o-linear-gradient(top, white 0%, #d6d6d6 50%, white 100%);
  background: -ms-linear-gradient(top, white 0%, #d6d6d6 50%, white 100%);
  background: linear-gradient(top, #ffffff 0%, #d6d6d6 50%, #ffffff 100%);
  background: #efefef;
  background: -moz-linear-gradient(top, #efefef 0%, whitesmoke 50%, #dbdbdb 50%, #f1f1f1 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #efefef), color-stop(50%, whitesmoke), color-stop(50%, #dbdbdb), color-stop(100%, #f1f1f1));
  background: -webkit-linear-gradient(top, #efefef 0%, whitesmoke 50%, #dbdbdb 50%, #f1f1f1 100%);
  background: -o-linear-gradient(top, #efefef 0%, whitesmoke 50%, #dbdbdb 50%, #f1f1f1 100%);
  background: -ms-linear-gradient(top, #efefef 0%, whitesmoke 50%, #dbdbdb 50%, #f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f1f1f1',GradientType=0 );
  background: linear-gradient(top, #efefef 0%, #f5f5f5 50%, #dbdbdb 50%, #f1f1f1 100%);
}

.vjs-default-skin .vjs-load-progress {
  opacity: 0.8;
  /* CSS Gradient */
  background: #666;
  background: -moz-linear-gradient(top, #666666, #333333);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#333333));
  background: -webkit-linear-gradient(top, #666666, #333333);
  background: -o-linear-gradient(top, #666666, #333333);
  background: -ms-linear-gradient(top, #666666, #333333);
  background: linear-gradient(top, #666666, #333333);
}

.vjs-default-skin div.vjs-seek-handle {
  position: absolute;
  width: 16px;
  height: 16px;
  /* Match img pixles */
  margin-top: -0.3em;
  left: 0;
  top: 0;
  /*Needed for IE6*/
  background: url("../images/videos/video-js.png") 0 -50px;
  /* CSS Curved Corners. Needed to make shadows curved. */
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  border-radius: 0.8em;
  /* CSS Shadows */
  -webkit-box-shadow: 0 2px 4px 0 #000;
  -moz-box-shadow: 0 2px 4px 0 #000;
  box-shadow: 0 2px 4px 0 #000;
}

/* Time Display
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-time-controls {
  position: absolute;
  right: 0;
  height: 1.0em;
  width: 4.8em;
  top: -1.3em;
  border-bottom: 1px solid #1F1F1F;
  border-top: 1px solid #222;
  background-color: #333;
  font-size: 1em;
  line-height: 1.0em;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
  background: #333;
  background: -moz-linear-gradient(top, #222222, #333333);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222222), to(#333333));
  background: -webkit-linear-gradient(top, #222222, #333333);
  background: -o-linear-gradient(top, #333333, #222222);
  background: -ms-linear-gradient(top, #333333, #222222);
  background: linear-gradient(top, #333333, #222222);
  /* 1px top shadow */
  /*  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15);*/
}

.vjs-default-skin .vjs-current-time {
  left: 0;
}

.vjs-default-skin .vjs-duration {
  right: 0;
  display: none;
}

.vjs-default-skin .vjs-remaining-time {
  right: 0;
}

.vjs-time-divider {
  display: none;
}

.vjs-default-skin .vjs-time-control {
  font-size: 1em;
  line-height: 1;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
}

.vjs-default-skin .vjs-time-control span {
  line-height: 25px;
  /* Centering vertically */
}

/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-secondary-controls {
  float: right;
}

.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer !important;
  float: right;
}

.vjs-default-skin .vjs-fullscreen-control div {
  width: 16px;
  height: 16px;
  background: url("../images/videos/video-js.png") -50px 0;
  margin: 0.5em auto 0;
}

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control div {
  background: url("../images/videos/video-js.png") -75px 0;
}

/* Big Play Button (at start)
---------------------------------------------------------*/
.vjs-default-skin .vjs-big-play-button {
  display: block;
  /* Start hidden */
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8.0em;
  height: 8.0em;
  margin: -42px 0 0 -42px;
  text-align: center;
  vertical-align: center;
  cursor: pointer !important;
  border: 0.2em solid #fff;
  opacity: 0.95;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background: #454545;
  background: -moz-linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #454545), color-stop(50%, #232323), color-stop(50%, #161616), color-stop(100%, #3f3f3f));
  background: -webkit-linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);
  background: -o-linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);
  background: -ms-linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#3f3f3f',GradientType=0 );
  background: linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);
  /* CSS Shadows */
  -webkit-box-shadow: 4px 4px 8px #000;
  -moz-box-shadow: 4px 4px 8px #000;
  box-shadow: 4px 4px 8px #000;
}

.vjs-default-skin div.vjs-big-play-button:hover {
  -webkit-box-shadow: 0 0 80px #fff;
  -moz-box-shadow: 0 0 80px #fff;
  box-shadow: 0 0 80px #fff;
}

.vjs-default-skin div.vjs-big-play-button span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 35px;
  height: 42px;
  margin: -20px 0 0 -15px;
  /* Using negative margin to center image. */
  background: url("../images/videos/video-js.png") -100px 0;
}

/* Loading Spinner
---------------------------------------------------------*/
/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 55px;
  height: 55px;
  margin: -28px 0 0 -28px;
  -webkit-animation-name: rotatethis;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotatethis;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
}

@-webkit-keyframes rotatethis {
  0% {
    -webkit-transform: scale(0.6) rotate(0deg);
  }

  12.5% {
    -webkit-transform: scale(0.6) rotate(0deg);
  }

  12.51% {
    -webkit-transform: scale(0.6) rotate(45deg);
  }

  25% {
    -webkit-transform: scale(0.6) rotate(45deg);
  }

  25.01% {
    -webkit-transform: scale(0.6) rotate(90deg);
  }

  37.5% {
    -webkit-transform: scale(0.6) rotate(90deg);
  }

  37.51% {
    -webkit-transform: scale(0.6) rotate(135deg);
  }

  50% {
    -webkit-transform: scale(0.6) rotate(135deg);
  }

  50.01% {
    -webkit-transform: scale(0.6) rotate(180deg);
  }

  62.5% {
    -webkit-transform: scale(0.6) rotate(180deg);
  }

  62.51% {
    -webkit-transform: scale(0.6) rotate(225deg);
  }

  75% {
    -webkit-transform: scale(0.6) rotate(225deg);
  }

  75.01% {
    -webkit-transform: scale(0.6) rotate(270deg);
  }

  87.5% {
    -webkit-transform: scale(0.6) rotate(270deg);
  }

  87.51% {
    -webkit-transform: scale(0.6) rotate(315deg);
  }

  100% {
    -webkit-transform: scale(0.6) rotate(315deg);
  }
}

@-moz-keyframes rotatethis {
  0% {
    -moz-transform: scale(0.6) rotate(0deg);
  }

  12.5% {
    -moz-transform: scale(0.6) rotate(0deg);
  }

  12.51% {
    -moz-transform: scale(0.6) rotate(45deg);
  }

  25% {
    -moz-transform: scale(0.6) rotate(45deg);
  }

  25.01% {
    -moz-transform: scale(0.6) rotate(90deg);
  }

  37.5% {
    -moz-transform: scale(0.6) rotate(90deg);
  }

  37.51% {
    -moz-transform: scale(0.6) rotate(135deg);
  }

  50% {
    -moz-transform: scale(0.6) rotate(135deg);
  }

  50.01% {
    -moz-transform: scale(0.6) rotate(180deg);
  }

  62.5% {
    -moz-transform: scale(0.6) rotate(180deg);
  }

  62.51% {
    -moz-transform: scale(0.6) rotate(225deg);
  }

  75% {
    -moz-transform: scale(0.6) rotate(225deg);
  }

  75.01% {
    -moz-transform: scale(0.6) rotate(270deg);
  }

  87.5% {
    -moz-transform: scale(0.6) rotate(270deg);
  }

  87.51% {
    -moz-transform: scale(0.6) rotate(315deg);
  }

  100% {
    -moz-transform: scale(0.6) rotate(315deg);
  }
}

/* Each circle */
div.vjs-loading-spinner .ball1 {
  opacity: 0.12;
  position: absolute;
  left: 20px;
  top: 0px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
}

div.vjs-loading-spinner .ball2 {
  opacity: 0.25;
  position: absolute;
  left: 34px;
  top: 6px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
}

div.vjs-loading-spinner .ball3 {
  opacity: 0.37;
  position: absolute;
  left: 40px;
  top: 20px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
}

div.vjs-loading-spinner .ball4 {
  opacity: 0.50;
  position: absolute;
  left: 34px;
  top: 34px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 15px;
  border: 1px solid #ccc;
}

div.vjs-loading-spinner .ball5 {
  opacity: 0.62;
  position: absolute;
  left: 20px;
  top: 40px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
}

div.vjs-loading-spinner .ball6 {
  opacity: 0.75;
  position: absolute;
  left: 6px;
  top: 34px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
}

div.vjs-loading-spinner .ball7 {
  opacity: 0.87;
  position: absolute;
  left: 0px;
  top: 20px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
}

div.vjs-loading-spinner .ball8 {
  opacity: 1.00;
  position: absolute;
  left: 6px;
  top: 6px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
}

/* Menu Buttons (Captions/Subtitles/etc.)
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-menu-button {
  float: right;
  margin: 0.2em 0.5em 0 0;
  padding: 0;
  width: 3em;
  height: 2em;
  cursor: pointer !important;
  border: 1px solid #111;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  background: #4d4d4d;
  background: -moz-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(50%, #3f3f3f), color-stop(50%, #333333), color-stop(100%, #252525));
  background: -webkit-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -o-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -ms-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
}

/* Button Icon */
.vjs-default-skin .vjs-menu-button div {
  background: url("../images/videos/video-js.png") 0px -75px no-repeat;
  width: 16px;
  height: 16px;
  margin: 0.2em auto 0;
  padding: 0;
}

/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button ul {
  display: none;
  /* Start hidden. Hover will show. */
  opacity: 0.8;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 2em;
  max-height: 15em;
  left: -3.5em;
  /* Width of menu - width of button / 2 */
  background-color: #111;
  border: 2px solid #333;
  -moz-border-radius: 0.7em;
  -webkit-border-radius: 1em;
  border-radius: .5em;
  -webkit-box-shadow: 0 2px 4px 0 #000;
  -moz-box-shadow: 0 2px 4px 0 #000;
  box-shadow: 0 2px 4px 0 #000;
  overflow: auto;
}

.vjs-default-skin .vjs-menu-button:focus ul,
.vjs-default-skin .vjs-menu-button:hover ul {
  display: block;
  list-style: none;
}

.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 20px;
  line-height: 1.4em;
  font-size: 1.2em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  text-decoration: underline;
  background: url("../images/videos/video-js.png") -125px -50px no-repeat;
}

.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  background-color: #ccc;
  color: #111;
  outline: 0;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  color: #fff;
  font-weight: bold;
  cursor: default;
  background: #4d4d4d;
  background: -moz-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(50%, #3f3f3f), color-stop(50%, #333333), color-stop(100%, #252525));
  background: -webkit-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -o-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -ms-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
}

/* Subtitles Button */
.vjs-default-skin .vjs-captions-button div {
  background-position: -25px -75px;
}

.vjs-default-skin .vjs-chapters-button div {
  background-position: -100px -75px;
}

.vjs-default-skin .vjs-chapters-button ul {
  width: 20em;
  left: -8.5em;
  /* Width of menu - width of button / 2 */
}

/* YouTube skin */
.tubecss .vjs-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: .85;
  display: block;
  margin: 0;
  padding: 0;
  height: 2.6em;
  color: #fff;
  border-top: 1px solid #404040;
  background: -moz-linear-gradient(top, rgba(51, 51, 51, 0.8) 0, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(51, 51, 51, 0.8)), color-stop(100%, black));
  background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0.8) 0, black 100%);
  background: -o-linear-gradient(top, rgba(51, 51, 51, 0.8) 0, black 100%);
  background: -ms-linear-gradient(top, rgba(51, 51, 51, 0.8) 0, black 100%);
  background: linear-gradient(top, rgba(51, 51, 51, 0.8) 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc333333',endColorstr='#000000',GradientType=0);
}

.tubecss .vjs-control {
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 2.6em;
  width: 2.6em;
}

.tubecss .vjs-control:focus {
  outline: 0;
}

.tubecss .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.tubecss .vjs-play-control {
  width: 5em;
  cursor: pointer!important;
  border-left: 1px solid #333;
  border-right: 1px solid #222222;
}

.tubecss.vjs-paused .vjs-play-control div {
  width: 15px;
  height: 17px;
  background: url("../images/videos/tubesprite.png");
  margin: 0.5em auto 0;
}

.tubecss.vjs-paused .vjs-play-control div:hover {
  background: url("../images/videos/tubesprite.png") 0 -75px;
}

.tubecss.vjs-playing .vjs-play-control div {
  width: 15px;
  height: 17px;
  background: url("../images/videos/tubesprite.png") -25px 0;
  margin: 0.5em auto 0;
}

.tubecss.vjs-playing .vjs-play-control div:hover {
  background: url("../images/videos/tubesprite.png") -25px -75px;
}

.tubecss .vjs-rewind-control {
  width: 5em;
  cursor: pointer !important;
}

.tubecss .vjs-rewind-control div {
  width: 19px;
  height: 16px;
  background: url("../images/videos/tubesprite.png");
  margin: 0.5em auto 0;
}

.tubecss .vjs-mute-control {
  width: 3.8em;
  cursor: pointer!important;
  float: left;
  border-left: 1px solid #333333;
}

.tubecss .vjs-mute-control div {
  width: 22px;
  height: 16px;
  background: url("../images/videos/tubesprite.png") -75px -25px;
  margin: 0.5em auto 0;
}

.tubecss .vjs-mute-control.vjs-vol-0 div {
  background: url("../images/videos/tubesprite.png") 0 -25px;
}

.tubecss .vjs-mute-control.vjs-vol-1 div {
  background: url("../images/videos/tubesprite.png") -25px -25px;
}

.tubecss .vjs-mute-control.vjs-vol-2 div {
  background: url("../images/videos/tubesprite.png") -50px -25px;
}

.tubecss .vjs-mute-control div:hover {
  background: url("../images/videos/tubesprite.png") -75px -100px;
}

.tubecss .vjs-mute-control.vjs-vol-0 div:hover {
  background: url("../images/videos/tubesprite.png") 0 -100px;
}

.tubecss .vjs-mute-control.vjs-vol-1 div:hover {
  background: url("../images/videos/tubesprite.png") -25px -100px;
}

.tubecss .vjs-mute-control.vjs-vol-2 div:hover {
  background: url("../images/videos/tubesprite.png") -50px -100px;
}

.tubecss .vjs-volume-control {
  position: absolute;
  top: -0.1em;
  left: 9em;
  width: 6em;
  padding-right: 8px;
  border-right: 1px solid #222;
}

.tubecss .vjs-volume-bar {
  position: relative;
  border-bottom: 1px solid #333;
  width: 6em;
  height: .6em;
  margin: 1em auto 0;
  cursor: pointer!important;
  -moz-border-radius: .3em;
  -webkit-border-radius: .3em;
  border-radius: .3em;
  background: #111;
}

.tubecss .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: .6em;
  -moz-border-radius: .3em;
  -webkit-border-radius: .3em;
  border-radius: .3em;
  background: #c61003;
  background: -moz-linear-gradient(top, #c61003 0, #840400 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c61003), color-stop(100%, #840400));
  background: -webkit-linear-gradient(top, #c61003 0, #840400 100%);
  background: -o-linear-gradient(top, #c61003 0, #840400 100%);
  background: -ms-linear-gradient(top, #c61003 0, #840400 100%);
  background: linear-gradient(top, #c61003 0%, #840400 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c61003',endColorstr='#840400',GradientType=0);
}

.tubecss .vjs-volume-handle {
  position: absolute;
  top: -0.3em;
  width: .5em;
  height: 1.2em;
  background: #696969;
  left: 0;
  border: 0;
  border-top: 1px solid #888;
  -moz-border-radius: .3em;
  -webkit-border-radius: .3em;
  border-radius: .3em;
}

.tubecss div.vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  height: 1em;
  width: auto;
  top: -1.3em;
  border-bottom: 1px solid #1f1f1f;
  border-top: 1px solid #222;
  background: #111;
  -moz-opacity: .80;
  opacity: .80;
}

.tubecss .vjs-progress-holder {
  position: relative;
  cursor: pointer!important;
  padding: 0;
  margin: 0;
  height: 1.0em;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #000;
  -moz-opacity: .90;
  opacity: .90;
}

.tubecss .vjs-progress-holder .vjs-play-progress, .tubecss .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 1.0em;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.tubecss .vjs-play-progress {
  background: #ff0505;
  background: -moz-linear-gradient(top, #ff0505 0, #9b0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0505), color-stop(100%, #9b0000));
  background: -webkit-linear-gradient(top, #ff0505 0, #9b0000 100%);
  background: -o-linear-gradient(top, #ff0505 0, #9b0000 100%);
  background: -ms-linear-gradient(top, #ff0505 0, #9b0000 100%);
  background: linear-gradient(top, #ff0505 0%, #9b0000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0505',endColorstr='#9b0000',GradientType=0);
}

.tubecss .vjs-load-progress {
  background: #999;
}

.tubecss div.vjs-seek-handle {
  position: absolute;
  width: 16px;
  height: 16px;
  margin-top: -0.3em;
  left: 0;
  top: 0;
  background: url("../images/videos/tubesprite.png") 0 -50px;
  -moz-border-radius: .8em;
  -webkit-border-radius: .8em;
  border-radius: .8em;
  -webkit-box-shadow: 0 2px 4px 0 #000;
  -moz-box-shadow: 0 2px 4px 0 #000;
  box-shadow: 0 2px 4px 0 #000;
}

.tubecss div.vjs-seek-handle:hover {
  background: url("../images/videos/tubesprite.png") -188px -50px;
}

.tubecss .vjs-time-controls {
  position: absolute;
  right: 0;
  height: 100%;
  width: 4em;
  top: .0em;
  border-bottom: 0;
  border-top: 0;
  background: transparent;
  font-size: 1em;
  line-height: 1.0em;
  font-weight: normal;
  font-family: Helvetica,Arial,sans-serif;
}

.tubecss .vjs-current-time {
  line-height: 2.4em;
  left: 15.9em;
  border-left: 1px solid #333;
}

.tubecss .vjs-duration {
  line-height: 2.4em;
  left: 20.2em;
  display: inline;
  color: #999;
  width: 39.5em;
  text-align: left;
  padding-left: 2px;
  border-right: 1px solid #222;
}

.tubecss .vjs-remaining-time {
  right: 0;
  display: none;
}

.tubecss .vjs-time-divider {
  line-height: 1.6em;
  display: inline;
  position: absolute;
  left: 19.5em;
  top: .5em;
  color: #999;
}

.tubecss .vjs-secondary-controls {
  float: right;
}

.tubecss .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer!important;
  float: right;
  border-left: 1px solid #333;
  border-right: 1px solid #222;
}

.tubecss .vjs-fullscreen-control div {
  width: 16px;
  height: 16px;
  background: url("../images/videos/tubesprite.png") -50px 0;
  margin: .5em auto 0;
}

.tubecss .vjs-fullscreen-control div:hover {
  background: url("../images/videos/tubesprite.png") -50px -75px;
}

.tubecss.vjs-fullscreen .vjs-fullscreen-control div {
  background: url("../images/videos/tubesprite.png") -75px 0;
}

.tubecss.vjs-fullscreen .vjs-fullscreen-control div:hover {
  background: url("../images/videos/tubesprite.png") -75px -75px;
}

.tubecss .vjs-big-play-button {
  display: block;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8.0em;
  height: 8.0em;
  margin: -43px 0 0 -43px;
  text-align: center;
  vertical-align: center;
  cursor: pointer!important;
  border: .3em solid #fff;
  opacity: .95;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background: #454545;
  background: -moz-linear-gradient(top, #454545 0, #232323 50%, #161616 50%, #3f3f3f 100%);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, color-stop(0%, #454545), color-stop(50%, #232323), color-stop(50%, #161616), color-stop(100%, #3f3f3f));
  background: -webkit-linear-gradient(top, #454545 0, #232323 50%, #161616 50%, #3f3f3f 100%);
  background: -o-linear-gradient(top, #454545 0, #232323 50%, #161616 50%, #3f3f3f 100%);
  background: -ms-linear-gradient(top, #454545 0, #232323 50%, #161616 50%, #3f3f3f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545',endColorstr='#3f3f3f',GradientType=0);
  background: linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);
  -webkit-box-shadow: 4px 4px 8px #000;
  -moz-box-shadow: 4px 4px 8px #000;
  box-shadow: 4px 4px 8px black;
}

.tubecss div.vjs-big-play-button:hover {
  -webkit-box-shadow: 0 0 80px #fff;
  -moz-box-shadow: 0 0 80px #fff;
  box-shadow: 0 0 80px #fff;
}

.tubecss div.vjs-big-play-button span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 35px;
  height: 42px;
  margin: -20px 0 0 -15px;
  background: url("../images/videos/tubesprite.png") -100px 0;
}

.tubecss .vjs-default-skin div.vjs-loading-spinner-fallback {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  background: url("loading.gif");
}

.tubecss .vjs-menu-button {
  float: right;
  margin: .2em .5em 0 0;
  padding: 0;
  width: 3em;
  height: 2em;
  cursor: pointer!important;
  border: 1px solid #111;
  -moz-border-radius: .3em;
  -webkit-border-radius: .3em;
  border-radius: .3em;
  background: #4d4d4d;
  background: -moz-linear-gradient(top, #4d4d4d 0, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(50%, #3f3f3f), color-stop(50%, #333333), color-stop(100%, #252525));
  background: -webkit-linear-gradient(top, #4d4d4d 0, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -o-linear-gradient(top, #4d4d4d 0, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -ms-linear-gradient(top, #4d4d4d 0, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
}

.tubecss .vjs-menu-button div {
  background: url("video-js.png") 0 -75px no-repeat;
  width: 16px;
  height: 16px;
  margin: .2em auto 0;
  padding: 0;
}

.tubecss .vjs-menu-button ul {
  display: none;
  opacity: .8;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 2em;
  max-height: 15em;
  left: -3.5em;
  background-color: #111;
  border: 2px solid #333;
  -moz-border-radius: .7em;
  -webkit-border-radius: 1em;
  border-radius: .5em;
  -webkit-box-shadow: 0 2px 4px 0 #000;
  -moz-box-shadow: 0 2px 4px 0 #000;
  box-shadow: 0 2px 4px 0 #000;
  overflow: auto;
}

.tubecss .vjs-menu-button:focus ul, .tubecss .vjs-menu-button:hover ul {
  display: block;
  list-style: none;
}

.tubecss .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: .3em 0 .3em 20px;
  line-height: 1.4em;
  font-size: 1.2em;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align: left;
}

.tubecss .vjs-menu-button ul li.vjs-selected {
  text-decoration: underline;
  background: url("video-js.png") -125px -50px no-repeat;
}

.tubecss .vjs-menu-button ul li:focus, .tubecss .vjs-menu-button ul li:hover, .tubecss .vjs-menu-button ul li.vjs-selected:focus, .tubecss .vjs-menu-button ul li.vjs-selected:hover {
  background-color: #ccc;
  color: #111;
  outline: 0;
}

.tubecss .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 .3em 0;
  color: #fff;
  font-weight: bold;
  cursor: default;
  background: #4d4d4d;
  background: -moz-linear-gradient(top, #4d4d4d 0, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(50%, #3f3f3f), color-stop(50%, #333333), color-stop(100%, #252525));
  background: -webkit-linear-gradient(top, #4d4d4d 0, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -o-linear-gradient(top, #4d4d4d 0, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -ms-linear-gradient(top, #4d4d4d 0, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
}

.tubecss .vjs-captions-button div {
  background-position: -25px -75px;
}

.tubecss .vjs-chapters-button div {
  background-position: -100px -75px;
}

.tubecss .vjs-chapters-button ul {
  width: 20em;
  left: -8.5em;
}

@media screen and (max-device-width: 700px) {
  #page {
    min-width: 320px;
  }

  .row {
    min-width: 320px;
    width: auto;
  }
  .row.small {
    width: auto;
    min-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .main_nav, .checklist, .num_txt,
  .opacity_mask, .cycle-prev, .cycle-next,
  .branch, .dash_bg, .modal_container .close,
  .gallery, .events_timeline, .events_timeline_txt,
  .video_mask, .go_to_history_module, .bg_overlay,
  #video_link_area, .icone_play_video {
    display: none;
  }

  #modal_container, #view_org, .events_active_line {
    display: block;
  }

  #spritesheet_political_military_alliance, #spritesheet_collective_defence,
  #spritesheet_transatlantic_link, #spritesheet_strategic_concept,
  #spritesheet_decisions_and_consultations, #spritesheet_operations_and_missions,
  #spritesheet_partnerships, #spritesheet_radar {
    margin: 0 auto;
  }

  .chapter_headers h2 {
    font-size: 20px;
  }

  .intro {
    height: auto;
  }
  .intro h2 {
    font-size: 46px;
    line-height: 46px;
  }
  .intro .subtitle {
    font-size: 9px;
  }
  .intro .subtitle:after, .intro .subtitle:before {
    width: 10%;
  }

  .logo {
    margin-left: 10px;
  }

  .slide_bg_wrapper {
    height: 308px;
  }

  .slide_bg img {
    width: 100%;
  }

  .nato_logo {
    margin-top: 50px;
  }

  body.fr .main_menu_circle .color_5 a {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  body.fr .main_menu_circle .color_5 a strong {
    font-size: 20px;
  }

  body.ru .color_3 strong {
    font-size: 20px;
  }

  body.uk #slide_basic {
    min-height: 950px;
  }

  .main_menu_circle {
    background: transparent url("../images/mobile/bg-header-line.png") repeat-x left top;
    width: 100%;
    height: auto;
    background-color: #484848;
    padding: 17px 0 30px;
  }
  .main_menu_circle a {
    width: 100%;
    padding-top: 22px;
    padding-left: 0;
    height: 36px;
    text-align: center;
  }
  .main_menu_circle a, .main_menu_circle strong {
    font-size: 20px;
  }
  .main_menu_circle li {
    margin: 0;
    border: 2px solid #000;
    background: #323232;
    -webkit-box-shadow: inset 0 1px 0 #555555;
    -moz-box-shadow: inset 0 1px 0 #555555;
    box-shadow: inset 0 1px 0 #555555;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF323232', endColorstr='#FF222222');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #323232), color-stop(100%, #222222));
    background-image: -webkit-linear-gradient(top, #323232 0%, #222222 100%);
    background-image: -moz-linear-gradient(top, #323232 0%, #222222 100%);
    background-image: -o-linear-gradient(top, #323232 0%, #222222 100%);
    background-image: linear-gradient(top, #323232 0%, #222222 100%);
    float: none;
  }
  .main_menu_circle strong {
    display: inline;
  }

  .members header p {
    width: auto;
    min-width: 300px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .members article {
    height: auto;
  }
  .members .row {
    padding-bottom: 60px;
  }

  .members_list_container {
    width: 320px;
  }

  .members_list {
    float: none;
    margin: 0 auto;
    width: 280px;
  }
  .members_list:first-child {
    margin-left: auto;
  }
  .members_list:first-child + .members_list + .members_list .last {
    border-bottom: 0;
  }
  .members_list:first-child li:first-child {
    border-top: 0;
  }
  .members_list li {
    font-size: 16px;
  }
  .members_list li:first-child {
    border-top: 1px solid black;
  }
  .members_list li.last {
    border-bottom: 1px solid #3E3E3E;
  }

  .sort {
    font-size: 13px;
  }
  .sort a {
    min-width: 90px;
  }

  .cycle-pager li {
    width: 25%;
    padding: 0;
  }
  .cycle-pager .num {
    font-size: 26px;
    padding-top: 25px;
    line-height: 26px;
  }

  .enlargement {
    width: auto;
    margin: 0 10px;
  }

  .spritesheet {
    margin: 0 auto;
  }

  .slide {
    width: 320px;
    margin: 0 auto;
  }
  .slide .title {
    margin: 0 10px;
  }
  .slide .txt {
    margin: 0 10px;
  }
  .slide .illu {
    margin: 0;
    width: 320px;
    overflow: hidden;
  }

  #slide_activities, #slide_basic {
    width: 320px;
    margin: 0 auto;
  }

  #slide_activities {
    min-height: 830px;
  }

  #slide_basic {
    min-height: 880px;
  }

  #spritesheet_political_military_alliance {
    margin: 0 -70px;
  }

  #spritesheet_collective_defence {
    margin: 0 -75px;
  }

  #spritesheet_transatlantic_link {
    margin: 0 -110px;
  }

  #spritesheet_strategic_concept {
    margin: 0 -60px;
  }

  #spritesheet_partnerships {
    margin: 0 -15px;
  }

  .structures article {
    background: white url("../images/mobile/organigramme-en.jpg") no-repeat center top;
    height: auto;
    padding-top: 100px;
  }

  .modal_container {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none;
    border: 0;
    position: relative;
    top: 0;
    left: 0;
    margin: 30px auto 0;
    width: auto;
  }
  .modal_container li {
    background: none;
  }
  .modal_container .title {
    background: none;
    border: 0;
  }
  .modal_container h4 {
    border: 0;
    text-align: left;
    padding: 5px 10px 0;
  }
  .modal_container .txt {
    padding-left: 10px;
  }
  .modal_container .txt p {
    text-align: left;
  }

  .shadow_block {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  #events_nav {
    background: whitesmoke url("../images/mobile/bg-event-line.png") repeat-x left 58px;
    border-bottom: 1px solid #e7e7e7;
    height: 99px;
    width: 100%;
  }
  #events_nav li {
    float: left;
    position: relative;
    top: 0;
    left: 0;
    width: 14%;
    height: 79px;
    padding-top: 20px;
  }
  #events_nav li.prev_date .bullet {
    background-position: left center;
  }
  #events_nav li.active .bullet {
    background: transparent url("../images/mobile/bullet-event-date-active.png") no-repeat left top;
  }
  #events_nav a {
    display: block;
    font-size: 18px;
    color: #cfcfcf;
    text-align: center;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
  }
  #events_nav .bullet {
    background: transparent url("../images/mobile/bullet-event-date.png") no-repeat right center;
    position: absolute;
    top: 32px;
    left: 50%;
    width: 28px;
    height: 28px;
    z-index: 1;
    margin-left: -12px;
  }

  .events_content {
    background: none;
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    margin: 0;
  }
  .events_content .date, .events_content .txt, .events_content .illu {
    width: auto;
    text-align: left;
    margin-right: 10px;
    margin-left: 10px;
  }
  .events_content .date {
    background: none;
    margin-top: 20px;
    color: #393939;
  }
  .events_content .txt {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 0;
  }
  .events_content .illu {
    height: auto;
    position: relative;
    top: 0;
    left: 0;
  }
  .events_content .illu img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    width: 100%;
    height: auto;
  }

  .date_content_modal {
    width: 100%;
    max-height: 300px;
  }

  .video-js {
    width: 100%;
    height: auto;
  }

  footer {
    background: #000;
    border-top: 2px solid rgba(255, 255, 255, 0.3);
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 0;
    padding-bottom: 0;
    height: 66px;
  }

  .social {
    width: 320px;
    height: 70px;
    text-align: center;
  }
  .social li:first-child + li + li {
    border-right: 0;
  }

  .gp {
    clear: left;
  }

  .epic {
    bottom: -40px;
    margin: 5px;
    padding-bottom: 10px;
  }
}
.ar .logo {
  float: right;
}
.ar .main_nav {
  float: right;
}
.ar .main_nav li {
  float: right;
  background-position: right center;
  padding: 0 20px 0 0;
}
.ar .main_nav a {
  font-size: 14px;
  line-height: 16px;
}
.ar .main_nav a strong {
  font-size: 18px;
}
.ar .lang, .ar .checklist {
  float: left;
}
.ar .lang .active, .ar .lang .lang_choice a {
  padding: 0 10px 0 0;
}
.ar .lang .arrow {
  right: auto;
  left: 10px;
}
.ar .checklist {
  background-position: right top;
  padding: 0 1px 0 0;
}
.ar .checklist a {
  background-position: 103px 14px;
  padding: 16px 45px 0 0;
}
.ar .main_menu_circle li {
  float: right;
}
.ar .main_menu_circle li.color_3 a {
  padding-top: 36px;
  padding-bottom: 20px;
}
.ar .main_menu_circle a, .ar .main_menu_circle strong {
  font-size: 24px;
  line-height: 24px;
}
.ar .main_menu_circle a {
  padding-top: 50px;
}
.ar .members_list {
  float: right;
}
.ar .cycle-pager li {
  float: right;
}
.ar .cycle-next {
  left: -36px;
  right: auto;
}
.ar .cycle-prev {
  right: -36px;
  left: auto;
}
.ar .slide .title h3 {
  font-size: 36px;
}
.ar .slide .txt strong {
  font-size: 24px;
}
.ar .chapter_headers h2 {
  letter-spacing: 0;
  font-size: 36px;
}
.ar .intro .subtitle {
  letter-spacing: 0;
}
.ar .intro .subtitle:after, .ar .intro .subtitle:before {
  left: 100%;
  right: auto;
}
.ar .intro .subtitle:after {
  left: auto;
  right: 100%;
}
.ar .members header h3 {
  letter-spacing: 0;
  font-size: 24px;
}
.ar .members header h3:after, .ar .members header h3:before {
  background-position: right top;
  left: 100%;
  right: auto;
}
.ar .members header h3:after {
  background-position: left top;
  left: auto;
  right: 100%;
}
.ar .members article h3:after, .ar .members article h3:before {
  background-position: 0 -740px;
  left: 100%;
  right: auto;
}
.ar .members article h3:after {
  background-position: 0 -726px;
  left: auto;
  right: 100%;
}
.ar .basic .cycle-next {
  background-position: 0 -332px;
}
.ar .basic .cycle-prev {
  background-position: 0 -404px;
}
.ar .activities .cycle-next {
  background-position: 0 -332px;
}
.ar .activities .cycle-prev {
  background-position: 0 -404px;
}
.ar .events_nav {
  background: transparent url("../images/bg-events-timeline-rtl.png") no-repeat center top;
}
.ar .events_nav li.event_date_1949 {
  top: 58px;
  right: 35px;
  left: auto;
}
.ar .events_nav li.event_date_1989 {
  top: 290px;
  right: 35px;
  left: auto;
}
.ar .events_nav li.event_date_1991 {
  top: 477px;
  right: 169px;
  left: auto;
}
.ar .events_nav li.event_date_1995 {
  top: 551px;
  right: 390px;
  left: auto;
}
.ar .events_nav li.event_date_2001 {
  top: 477px;
  left: 169px;
  right: auto;
}
.ar .events_nav li.event_date_2003 {
  top: 290px;
  left: 35px;
  right: auto;
}
.ar .events_nav li.event_date_2010 {
  top: 58px;
  left: 35px;
  right: auto;
}
.ar .events_nav li.active a {
  color: #393939;
}
.ar .events_nav li.active .bullet {
  background-position: right center;
}
.ar .events_timeline_drag {
  left: auto;
  right: -11px;
}
.ar .shadow_block, .ar .go_to_history_module {
  font-size: 18px;
}
.ar .modal_container .close {
  letter-spacing: 0;
}
.ar .structures h3 {
  font-size: 48px;
  line-height: 40px;
}
.ar .branch h4 a {
  font-size: 32px;
}
.ar .nuclear a {
  font-size: 24px;
  line-height: 24px;
  height: 159px;
  padding: 19px 20px 0;
}
.ar .nac a {
  font-size: 24px;
  line-height: 24px;
}
.ar .military a {
  font-size: 20px;
  line-height: 20px;
  height: 105px;
  padding: 68px 30px 0;
}
.ar .military p {
  text-align: left;
}
.ar .subordinate a {
  font-size: 18px;
  line-height: 18px;
  height: 116px;
  padding: 27px 15px 0;
}
.ar .secretary a {
  font-size: 24px;
}
.ar .operations a, .ar .transformation a {
  font-size: 18px;
  line-height: 18px;
  height: 123px;
  padding-top: 17px;
}
.ar .arrow_green {
  background-position: 0 -483px;
  margin-left: 10px;
  margin-right: 0;
}
.ar .left {
  float: left;
}
.ar .right {
  float: right;
}