/********************************************************
*********************************************************
!!STILE GENERATO IN AUTOMATICO DA GLIDE: NON MODIFICARE!!
*********************************************************
********************************************************/
/*@import "compass/reset";*/
/*@import "susyone"; */
.breadcrumb, .box-grey ul, .link-list-news ul { margin: 0px; padding: 0px; list-style: none; }

body { font-family: "PT Sans", Helvetica, Arial, sans-serif; font-size: 14px; color: #626262; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #4c6aa3; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #4c6aa3; text-decoration: none; }

h1 { font-size: 30px; }

h2 { font-size: 20px; }

h3 { font-size: 18px; }

h4 { font-size: 16px; }

#middle-left a { text-decoration: underline; }
#middle-left h1 a, #middle-left h2 a, #middle-left h3 a, #middle-left h4 a, #middle-left h5 a, #middle-left h6 a { text-decoration: none; }
#middle-left h1a:hover, #middle-left h2a:hover, #middle-left h3a:hover, #middle-left h4a:hover, #middle-left h5a:hover, #middle-left h6a:hover { text-decoration: underline; }

/* form */
@media (min-width: 768px) { input, .btn { height: 20px; font-size: 10px; }
  .btn { line-height: 8px; } }
/* new hack for bootstrap */
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }

.col-xs-15 { width: 20%; float: left; }

@media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } }
@media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } }
@media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } }
.page-wrap { overflow: hidden; }

/* nuovo header */
.pre-head { background-image: url(../img/header.jpg); background-size: cover; }
.pre-head .container { position: relative; }

.navbar-brand { height: 45px; margin: 11px 0 45px 10px !important; padding: 0px; }
.navbar-brand #logo-header { width: 50%; }
@media (min-width: 768px) { .navbar-brand { height: 70px; margin: 20px 0 21px !important; }
  .navbar-brand #logo-header { width: 465px; height: 70px !important; } }

#mini-search { position: absolute; }
@media (max-width: 767px) { #mini-search { background-color: #4c6aa3; height: 40px; left: 0; top: 70px; width: 100%; z-index: 10; padding-top: 2px; padding-right: 10px; text-align: right; }
  #mini-search button.btn { background-color: #083e8a; border-color: #083e8a; color: #fff; }
  #mini-search input { border: solid 1px #083e8a; height: 35px; width: 200px; padding-left: 10px; } }
@media (min-width: 768px) { #mini-search { top: 70px; right: 5px; }
  #mini-search input { width: 170px; float: left; margin-right: 4px; height: 20px; }
  #mini-search .btn { float: left; height: 20px; width: 50px; padding: 0px; } }

@media (max-width: 767px) { .header-login { margin-right: -5px; float: right; }
  .header-login .btn { height: 20px; font-size: 10px; line-height: 8px; width: 80px; display: block; margin-top: 10px; } }
@media (min-width: 768px) { .header-login { background-color: #4c6aa3; float: right; margin-top: 0px; background-color: #4c6aa3; padding: 30px 8px 8px 8px; position: relative; width: 224px; }
  .header-login .btn { width: 102px; float: left; }
  .header-login .btn:first-child { margin-right: 4px; } }

/* fine top*/
#top-wide { margin-bottom: 20px; }

/* Main navigation */
.navbar-default { margin-bottom: 12px; min-height: auto; }
.navbar-default .container { position: relative; overflow: visible; }

.navbar-default .navbar-toggle { border-color: #083e8a; left: 10px; position: absolute; top: -37px; background-color: #083e8a; z-index: 20; }
.navbar-default .navbar-toggle:hover { background-color: #083e8a; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }

.navbar-nav { clear: both; min-height: 20px; margin-bottom: 0px; }
@media (min-width: 768px) { .navbar-nav { margin-left: -5px; } }

.navbar-nav > li.active { font-weight: bold; }
@media (max-width: 767px) { .navbar-nav > li { border-bottom: solid 1px #e8e8e8; } }
@media (min-width: 768px) { .navbar-nav > li { margin-right: 10px; } }
.navbar-nav > li > a { text-transform: uppercase; }
@media (min-width: 768px) { .navbar-nav > li > a { padding: 2px 15px; } }

/* classes for megamenu */
@media (min-width: 768px) { .navbar { min-height: auto; margin: 7px 0px 4px 0px; }
  .navbar ul.nav { margin: 0px; }
  .navbar-nav { width: 100%; }
  .navbar-nav > li.mega-menu, .navbar-nav > li.mega-menu { position: static !important; }
  .mega-menu .dropdown-menu { width: 100%; padding-top: 10px; padding-bottom: 10px; }
  .mega-menu .dropdown-menu > li { width: 20%; float: left; }
  .mega-menu .dropdown-menu > li > a { color: #4c6aa3; font-weight: bold; white-space: normal; }
  .mega-menu .dropdown-menu > li > a:hover { color: #4c6aa3; }
  .mega-menu .dropdown-menu .dropdown-menu > li { width: 100%; float: left; }
  .mega-menu .dropdown-menu .dropdown-menu > li > a { color: #626262; font-weight: normal; }
  .mega-menu .dropdown-menu .dropdown-menu { position: static !important; display: block; border-style: none; box-shadow: none; } }
/* Main Navigation */
/* header */
.bottom-header { background-color: #eef3f6; }

.box-header { position: relative; padding: 0px; }
.box-header img { width: 100%; max-width: 100%; }

.box-header-title { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.6+100 */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.6))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-8 */ left: 0px; bottom: 0px; position: absolute; width: 100%; padding: 30px 40px 15px 15px; color: #fff; font-size: 20px; text-align: left; font-weight: normal; text-transform: uppercase; }
.box-header-title > i { bottom: 17px; font-size: 30px; position: absolute; right: 25px; }
.box-header-title:hover { color: #fff; text-decoration: none; }

/* header full */
.full-header img { min-width: 100%; }
.full-header .full-header-title { position: absolute; font-size: 50px; font-weight: bold; right: 20px; bottom: 0px; color: #fff; }
.full-header .full-header-title:hover { color: #fff; text-decoration: none; }

/* layout grid */
#middle-left { padding-right: 35px; }

/* left nav */
.list-group-item { border-style: none; padding: 5px 10px; margin: 2px 0px; }
.list-group-item.active a { font-weight: bold; color: #4c6aa3; }
.list-group-item.nav-side-level-1 { padding-left: 30px; }
.list-group-item.nav-side-level-1:last-child { margin-bottom: 30px; }
.list-group-item.nav-side-level-2 { font-size: 12px; padding-left: 40px; }
.list-group-item.nav-side-level-2:last-child { margin-bottom: 30px; }

.list-group-item.nav-side-level-0 { padding-left: 20px; position: relative; }
.list-group-item.nav-side-level-0:before { content: "\f105"; font-family: FontAwesome; position: absolute; font-size: 18px; left: 0px; top: 3px; color: #4c6aa3; }

/* footer*/
footer {font-size: 10px;font-weight: bold;padding: 10px 0px;margin-top: 10px;}
footer .footer-container { padding: 15px 5px; }
footer .footer-container .left-footer {float: left;margin-left: 0px;margin-top: 30px;}
footer .footer-container .social-button {float: left;padding: 0px;margin: 30px;list-style-type: none;margin-left: 8px;margin-right: 5px;}
footer .footer-container .social-button li { display: inline-block; margin-right: 10px; }
footer .footer-container .right-footer { float: right; }
footer .footer-container .right-footer img {margin:;margin-left: 10;margin-left: 10px;margin-right: 15px;}
@media (max-width: 767px) { footer .footer-container .left-footer { float: none; margin: 0 0 10px 0; text-align: center; }
  footer .footer-container .social-button { float: none; margin: 0 0 10px 0; text-align: center; width: 100%; clear: both; }
  footer .footer-container .right-footer { float: none; text-align: center; width: 100%; clear: both; } }

/* breadcrumbs */
.breadcrumb { padding: 0px 0px 24px 0px; }
.breadcrumb li { float: left; }
.breadcrumb li:before { content: ">"; padding: 0px 5px; }
.breadcrumb li:first-child:before { content: ""; padding: 0px; }

/* header no navigation */
.header-no-nav { border-bottom: 1px solid #eee; padding: 10px 0; }
.header-no-nav .header-no-nav-home a { padding-left: 15px; }
.header-no-nav .header-no-nav-user { text-align: right; }
.header-no-nav .header-no-nav-user a { padding-right: 15px; }

@media (max-width: 767px) { #mini-search { height: 41px; }
  #mini-search button.btn { float: right; margin-top: 1px; padding: 6px 15px; }
  .navbar-brand { margin-bottom: 55px !important; } }
.nota-associativa { background-color: #eef3f6; overflow: hidden; padding: 20px 20px 0; margin-top: 97px; }
.nota-associativa h2 { font-weight: normal; margin-top: 15px; }
.nota-associativa .nota-associativa-image { display: block; margin: 0 auto; width: 150px; }
.nota-associativa .nota-associativa-image img { box-shadow: 3px -3px 0 0 rgba(181, 181, 181, 0.5); margin: 30px auto -36%; width: 150px; }

.fa.icon-circle { border: 1px solid #4c6aa3; border-radius: 45px; color: #4c6aa3; display: block; font-size: 30px; height: 45px; line-height: 45px; text-align: center; width: 45px; }

.md-raised.md-button.md-default-theme { border-radius: 2px; margin: 20px 0; padding: 0px 20px; text-transform: none; }

a.md-button.md-raised:not([disabled]), .md-button.md-raised:not([disabled]), a.md-button.md-raised:hover:not([disabled]), .md-button.md-raised:hover:not([disabled]) { background-color: #4c6aa3 !important; color: #fff; }

.area-riservata-page .nota-associativa { margin-top: 62px; }

.area-riservata-page md-checkbox { font-size: 14px; }

.registrazionenl-description { border-bottom: 1px solid #eee; margin: 20px 0 30px; padding: 10px 34px; }

.box-dashboard { background-color: #eef3f6; margin-bottom: 10px; padding: 10px 20px; text-align: center; }
.box-dashboard .icon-circle { margin: 5px auto; }
.box-dashboard h3 { font-size: 14px; margin: 0 0 20px; padding: 0; }

.icon-circle-large { border-radius: 55px; font-size: 35px; height: 55px; line-height: 55px; width: 55px; }

.btn-large { font-size: 14px; height: 30px; line-height: 30px; min-width: 130px; padding: 0 20px; text-decoration: none !important; }

md-checkbox { font-size: 14px; }

/* year selector */
.sector-grid { margin: 0px; padding: 0px; list-style-type: none; font-size: 12px; }
.sector-grid .active a, .sector-grid a:hover { color: #4c6aa3; background-color: #eef3f6; font-weight: bold; text-decoration: none; }

.sector-grid-all a { padding: 2px 5px; margin-bottom: 10px; display: block; }

.sector-grid-year { width: 25%; float: left; padding: 1px 0px; font-size: 11px; }
.sector-grid-year a { padding: 2px 5px; display: block; float: left; }

/* post list*/
.posts.lists article { padding: 10px 20px; border: solid 1px #cfcfcf; margin-bottom: 5px; float: left; width: 100%; position: relative; }
.posts.lists article h3 { font-size: 18px; margin-top: 5px; padding: 0px 0px 10px 0px; }
.posts.lists article time { color: #4c6aa3; font-size: 12px; }
.posts.lists article .image-box { float: left; padding-right: 15px; }
.posts.lists article .with-detail { padding-bottom: 30px; }
.posts.lists article .arrow-link { position: absolute; right: 16px; bottom: 0px; font-size: 35px; color: #4c6aa3; }

.list-navigator { font-weight: bold; padding: 10px 0px 20px 0px; clear: both; }
.list-navigator a { color: #4c6aa3; }

.box-grey { background-color: #eef3f6; padding: 10px 20px; margin-bottom: 10px; }
.box-grey:first-child { margin-top: 30px; }
.box-grey h3 { font-size: 18px; margin-top: 5px; padding: 0px 0px 5px 0px; }
.box-grey strong { color: #4c6aa3; }

/* home */
.primo-piano { position: relative; padding: 0px; margin-top: 0px !important; min-height: 144px; }
.primo-piano .slick-dots { bottom: -25px; }
.primo-piano .slick-dots li { margin: 0; width: 15px; }
.primo-piano .slick-dots li button::before { font-size: 9px; }
.primo-piano h2 { font-weight: normal; padding: 25px 0px 10px 0px; font-size: 18px; margin-top: 0px; }
.primo-piano .media-primo-piano { position: absolute; }
.primo-piano .content-primo-piano { margin-left: 250px; min-height: 144px; }
.primo-piano .content-primo-piano > p { width: 90%; }
.primo-piano time { color: #4c6aa3; padding-bottom: 5px; display: block; }
.primo-piano .arrow-link { position: absolute; right: 30px; top: 10px; font-size: 35px; color: #4c6aa3; }
@media (max-width: 767px) { .primo-piano .media-primo-piano { position: relative; }
  .primo-piano .media-primo-piano img { width: 100%; }
  .primo-piano .media-primo-piano iframe { width: 100% !important; }
  .primo-piano .content-primo-piano { margin-left: 0px; padding-left: 10px; padding-right: 10px; padding-bottom: 25px; }
  .primo-piano .content-primo-piano > p { overflow: hidden; text-overflow: unset; white-space: initial; width: auto; }
  .primo-piano .arrow-link { top: auto; bottom: 0px; } }

.list-news { padding-right: 20px; padding-bottom: 5px; }
.list-news h2 { background-color: #4c6aa3; height: 28px; font-weight: normal; font-size: 16px; text-transform: uppercase; color: #fff; position: relative; padding-left: 35px; line-height: 28px; }
.list-news h2 span { position: absolute; left: 0px; width: 28px; height: 28px; display: inline-block; background-color: green; text-align: center; }
.list-news h2 span img { width: 50%; height: 50%; }
.list-news article { margin-bottom: 15px; }
.list-news time { padding-left: 5px; }
.list-news p { margin: 0px; }
.list-news a { color: #4c6aa3; }

.list-appuntamenti h2 span, .link-appuntamenti h2 span { background-color: #e1ad30; }

.list-novita h2 span, .link-novita h2 span { background-color: #e34b51; }

.list-formazione h2 span, .link-formazione h2 span { background-color: #4f9e68; }

.link-list-news ul { margin: 10px 0px; }
.link-list-news ul li { text-align: center; font-size: 20px; }
.link-list-news ul li a:before { content: ">"; padding-right: 5px; }

.banner-home { padding-top: 20px; }

.banner-home img { width: 100%; }

/* circolari */
h2.title-circolari { background-color: #e8e8e8; font-size: 16px; font-weight: normal; height: 35px; line-height: 35px; margin: 0 0 20px; padding: 0 0 0 40px; position: relative; text-transform: uppercase; }
h2.title-circolari img { left: 15px; position: absolute; top: -2px; width: 23px; }

.list-circolari h3, .list-circolari p, .list-circolari div { font-size: 13px; margin: 0px; line-height: 16px; color: #626262; }
.list-circolari h3 { margin: 0px; padding: 0px; }
.list-circolari h3 a { color: inherit; padding-right: 20px; display: block; }
.list-circolari article { padding-bottom: 20px; position: relative; }
.list-circolari .arrow-link { display: block; height: 14px; position: absolute; right: 0; top: 20px; width: 17px; }
.list-circolari .arrow-link img { width: 17px; }
.list-circolari time { padding-bottom: 5px; display: block; font-size: 13px; }

.link-circolari { position: relative; width: 100%; text-align: right; margin-top: 10px !important; float: left; }
.link-circolari:before { content: ""; display: block; position: absolute; top: 50%; width: 100%; border-top: solid 1px #b0b0b0; }
.link-circolari a { display: block; background-color: #fff; text-transform: uppercase; color: #4c6aa3; float: right; position: relative; z-index: 2; font-size: 11px; padding-left: 5px; }

.link-aree-side { background-color: #4c6aa3; background-image: url("../img/ico-centro-studi.gif"); background-repeat: no-repeat; color: #fff; display: block; float: left; font-size: 16px; height: 31px; line-height: 31px; margin-bottom: 2px; margin-right: 0; margin-top: 2px; padding-left: 40px; text-align: left; text-transform: uppercase; width: 100%; }
.link-aree-side:hover { color: #fff; background-color: #083e8a; text-decoration: none; }
.link-aree-side.tecnico-regolatorio { background-image: url("../img/ico-tecnico-regolatorio.gif"); }
.link-aree-side.attivita-internazionali { background-image: url("../img/ico-attivita-internazionali.gif"); }

.link-email { background-color: #e8e8e8; color: #626262; font-size: 18px; text-align: center; display: block; width: 100%; padding: 3px; float: left; margin: 15px 0px; }

.side-home .collegamenti, .collegamenti-sidebar { margin: 10px 0px 0px 0px; padding: 0px; list-style-type: none; }

.side-home .collegamenti li a, .collegamenti-sidebar li a { background-color: #eef3f6; border: solid 1px #e8e8e8; color: #4c6aa3; font-size: 18px; text-align: left; display: block; width: 100%; padding: 3px 40px 3px 15px; font-weight: bold; float: left; margin: 0px 0px 5px 0px; position: relative; }
.side-home .collegamenti li a i, .collegamenti-sidebar li a i { font-size: 35px; margin-top: -17px; position: absolute; right: 10px; top: 50%; }
.side-home .collegamenti li a:hover, .collegamenti-sidebar li a:hover { background-color: #4c6aa3; color: #fff; text-decoration: none; }

.link-section ul { margin: 0px; padding: 0px; list-style-type: none; }

.link-section li a { background-color: #4c6aa3; color: #fff; font-size: 18px; text-align: center; display: block; width: 100%; padding: 3px; font-weight: bold; float: left; margin: 0px 0px 1px 0px; position: relative; }

@media (min-width: 992px) { .home-left { padding-right: 40px; } }
.link-social.linkedin { background-color: #fff; border: 1px solid #007bb6; color: #fff; display: inline-block; margin: 20px 0; width: 100%; }
.link-social.linkedin img { padding-right: 10px; }
.link-social.linkedin a { color: #007bb6; font-size: 16px; }

.link-linkedin { float: right; margin-top: 5px; width: 100%; }

@media (max-width: 767px) { .primo-piano time { padding-top: 10px; }
  .side-home h2.title-circolari { margin-top: 15px; }
  .banner-home { clear: both; float: left; }
  .banner-home a { margin-bottom: 5px; } }
/* mappa */
.world-map { overflow: hidden; position: relative; margin: 0 0 29px; }

.world-map > img { display: block; width: 100%; height: auto; }

.world-map > .holder { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.world-map > .holder > img { position: absolute; z-index: 111; }

.world-map ul { margin: 0; padding: 0; list-style: none; position: relative; top: 0; left: 0; width: 100%; }

#map-hover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.world-map ul li { text-indent: -9999px; overflow: hidden; top: 0; left: 0; z-index: 100; position: absolute; }

.world-map ul li#americanord { height: 55.87%; width: 43.377%; top: 0; left: 0.331%; }

.world-map ul li#europe { height: 26.316%; width: 26.159%; left: 42.384%; top: 12.146%; }

.world-map ul li#africa { height: 48.583%; width: 19.04%; top: 36.437%; left: 44.371%; }

.world-map ul li#americasud { width: 13.079%; height: 46.154%; top: 53.441%; left: 26.325%; }

.world-map ul li#ocean { width: 18.543%; height: 31.984%; top: 61.134%; left: auto; right: 0.331%; }

.world-map ul li#asia { width: 43.543%; height: 61.943%; top: 8.907%; left: 55.629%; }

.world-map ul li.activestate .hover-image { display: block; }

.world-map ul li.activestate img { display: none; }

.world-map ul li img { display: block; width: 100%; height: auto; }

.world-map ul li .hover-image { display: none; }

.world-map ul li a { display: block; height: 100%; }

.list-countries { margin: 0; padding: 0; list-style: none; overflow: hidden; }

.list-countries li { display: inline-block; vertical-align: top; width: 141px; margin: 0 10px 20px; float: left; /*min-width: 141px;*/ /*margin: 0 0 7px;*/ }

.list-countries li a img { vertical-align: middle; margin: 0 8px 0 0; }

.list-countries li a { font-family: "pt_sansregular", Arial, Helvetica, sans-serif; vertical-align: middle; color: #626262; line-height: 17px; text-decoration: none !important; }

/* ricerca */
.search_result { border-bottom: 1px solid #eee; font-size: 12px; margin-bottom: 20px; padding-bottom: 20px; }
.search_result a { font-size: 16px; color: #4c6aa3; margin-bottom: 5px; }

/* dettaglio paese */
.paese-top { float: left; margin-bottom: 10px; width: 100%; }

.paese-top .mappa { float: right; }

.paese-top .bandiera { float: left; }

.box-grey.paese-box { clear: both; }

.box-grey.paese-box strong { font-size: 18px; }

.schedaRight, .schedaLeft { display: inline-block; width: 48%; }

.container-data { padding-bottom: 10px; }

.logo-expo { padding: 10px; max-width: 100%; }

.loginform { padding-top: 30px; }

.boxform > label { font-weight: normal; width: 5em; }

.boxform .button, .button-like { background-color: #4c6aa3; border-width: 0; color: #fff; height: 35px; font-size: 120%; margin-top: 20px; width: 80px; }

.button-like, .button-like:hover { display: block; line-height: 35px; text-align: center; text-decoration: none !important; color: #fff; }

.register-box { margin-bottom: 20px; margin-top: 40px; }
.register-box .button-like { background-color: #e0e0e0; color: #494949; }

.boxform { padding-bottom: 10px; }

.boxNotLogged-wrapper { background-color: #f9f9f9; border: 1px solid #eee; margin-bottom: 30px; margin-top: 40px; max-width: 400px; padding: 20px 20px 10px 20px; position: relative; }
.boxNotLogged-wrapper .boxNotLogged-content > p { font-size: 16px; padding-left: 50px; }
.boxNotLogged-wrapper .fa { font-size: 40px; position: absolute; left: 20px; color: #4c6aa3; top: 20px; }
.boxNotLogged-wrapper .checkbox input { margin-top: 0px; }
.boxNotLogged-wrapper input.button { float: right; margin-top: 0px; }

.boxNotLogged-after { text-align: left; padding-top: 10px; }
.boxNotLogged-after .button-like { display: inline-block; margin-left: 20px; }

.login-menu { list-style-type: none; margin: 0; padding: 0; }
.login-menu li { padding-bottom: 5px; }
.login-menu li a { text-decoration: none !important; }

.banner-aside h2 { font-size: 18px; font-weight: normal; }
.banner-aside a { display: block; }
.banner-aside a:hover img { opacity: 0.6; }
.banner-aside img { width: 100%; border: solid 1px #e8e8e8; }

.static-banner { clear: both; display: block; float: left; margin-top: 20px; width: 100%; }

/* App page */
.app-page section.intro-app { text-align: center; padding: 20px 20px; border-bottom-width: 0px; padding: 40px 12% 0px 12%; color: #4c6aa3; border-top: solid 1px #c6c6c6; margin-top: -15px; }

.app-page section.profuma-positivo { border-bottom-width: 0px; }

.app-page section { border-bottom: solid 1px #c6c6c6; padding: 35px 10px; }

.app-page h2 { margin-top: 0px; }

.app-page p { margin-bottom: 0px; }

.app-page .content { position: relative; padding-left: 115px; }

.app-page .content img.logo { position: absolute; left: 0px; top: 0px; width: 100px; }

.app-page ul { margin: 0px; padding: 35px 0px 0px 0px; list-style-type: none; }

.app-page li { display: inline; }

@media (max-width: 600px) { .store-button img { max-width: 45%; } }
@media (min-width: 1024px) { .app-page section.cosmetici, .app-page section.profuma-positivo, .app-page section.sole-amico {min-height: 380px;},.app-page section.cosmile-europe { min-height: 380px; }
  .app-page .content { width: 55%; padding-left: 200px; padding-bottom: 45px; }
  .app-page .content img.logo { width: 168px; }
  .app-page .content ul li img { width: 138px; height: 43px; }
  .app-page .content ul li img, .app-page .store-bt-last img { width: 138px; height: 43px; max-width: 100%; }
  .app-page section {background-position: right bottom;background-repeat: no-repeat;background-size: 40% auto;padding-top: 69px;width: 100%;float: left;}
  .app-page .cosmetici { background-image: url("../img/app1-photo.jpg"); }
  .app-page .sole-amico .content { float: right; }
  .app-page .sole-amico { background-image: url("../img/mockup.jpg"); background-position: left bottom; }
  .app-page .cosmile-europe .content { float: right; }
  .app-page .cosmile-europe { background-image: url("../img/cosmile-europe-app.jpg"); background-position: left bottom; }
  .app-page .profuma-positivo { background-image: url("../img/app3-photo.jpg"); background-position: right center; position: relative; padding-top: 50px; }
  .app-page .profuma-positivo li { display: inline; } }
@media (min-width: 1280px) { .app-page .content ul li img, .app-page .store-bt-last img { width: 168px; height: 53px; } }
.right-footer, .social-button { margin-bottom: 30px !important; }

.footer-app {margin-right: 14px;margin-top: 30px;}

.footer-quality { margin-right: 0px; margin-top: -25px; }

.footer-quality img {width: 100px !important;margin: 25px !important;margin-left: 1px!important;margin-right: 0px!important;}

@media (max-width: 1100px) { .footer-app img { margin: 0px !important; } }
.video-page { background-image: url("../img/sfondo-video.jpg"); background-position: center top; background-repeat: no-repeat; border-bottom: 1px solid black; margin-bottom: -30px; /* margin-top: 15px; */ padding-top: 25px; background-color: #f4f4f4; }

.header-video { background-color: #fff; margin-bottom: 70px; position: relative; }

.container.cont-header { padding: 8px; }

.cont-header h1 { font-size: 32px; font-weight: normal; text-align: right; text-transform: uppercase; }

.cont-skyline { text-align: center; }

.skyline-video { align-self: center; float: none; margin: 0 auto; max-width: 100%; }

.cont-text-video { min-height: 800px; }

.video-page .container { max-width: 971px; }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video-page h2 { color: #d8252f; font-size: 20px; font-weight: normal; margin-bottom: 5px; margin-top: 0px; }

.video-page h2 + p { margin-bottom: 25px; }

.video-page time { font-size: 16px; margin-bottom: 25px; display: block; }

@media (max-width: 970px) { .cont-header h1 { text-align: center; }
  .cont-header h1 { text-align: center; }
  .cont-header .col-md-6 { text-align: center; } }
@media (max-width: 600px) { .cont-header h1 { font-size: 22px; }
  .video-page h2 { font-size: 20px; } }
/* VIDEO LIST */
.video-page { background-color: #f4f4f4; }

.video-page .logo-video { max-width: 100%; }

.video-page .cont-header h1 { text-align: center; }

.mv-label { color: #d8252f; font-size: 28px; line-height: 26px; padding-top: 10px; text-align: right; }

.mv-label span { display: block; font-size: 24px; }

.video-page.video-list .container { max-width: 1150px; }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video-page h2 { color: #d8252f; font-size: 20px; font-weight: normal; margin-bottom: 5px; margin-top: 10px; }

.video-page h2 { margin-bottom: 5px; }

.video-page h2 + p { margin-bottom: 25px; }

.video-page time { font-size: 16px; margin-bottom: 25px; }

/* nuovi stili */
.responsive { width: 100%; max-width: 100%; }

.more-video { margin: 0px; padding: 0px; width: 100%; text-align: center; clear: both; }

ul.more-video li { display: inline-block; list-style: outside none none; margin: 0 2% 20px 2%; width: 25%; text-align: left; vertical-align: top; }

@media (max-width: 970px) { ul.more-video li { margin: 0 4%; width: 30%; }
  ul.more-video li:first-child, ul.more-video li:last-child { margin: 0px; } }
.link-video::after { content: ""; display: block; background-image: url("../img/play-icon.png"); left: 50%; margin-left: -30px; margin-top: -30px; position: absolute; top: 50%; z-index: 300; width: 60px; height: 60px; background-size: 100%; background-repeat: no-repeat; }

.link-video { background-color: #000; display: block; position: relative; }

.video-list a.link-video img { opacity: 0.6; -moz-transition: opacity, ease-out 0.6s; -o-transition: opacity, ease-out 0.6s; -webkit-transition: opacity, ease-out 0.6s; transition: opacity, ease-out 0.6s; }

.video-list a:hover.link-video img { opacity: 1; }

.video-list a:hover { text-decoration: none; }

.tab-video { background-image: url("../img/tab-video.png"); color: #fff; font-size: 28px; font-weight: bold; line-height: 30px; padding: 12px 30px 11px 80px; position: absolute; right: 0; text-shadow: -1px 1px 1px #000; top: 30px; z-index: 300; }

.video-page .small-list h4 { color: #d8252f; font-size: 13px; font-style: italic; font-weight: normal; margin-top: 5px; }

.video-page .small-list time { color: #000; display: block; font-size: 13px; margin-bottom: 0; padding-top: 10px; }

.tab-video { background-image: url("../img/tab-video.png"); color: #fff; font-size: 28px; font-weight: bold; line-height: 30px; padding: 12px 30px 11px 80px; position: absolute; right: 0; text-shadow: -1px 1px 1px #000; top: 30px; z-index: 300; }

@media (max-width: 600px) { .link-video::after { content: ""; display: block; background-image: url("../img/play-icon.png"); left: 50%; margin-left: -15px; margin-top: -15px; position: absolute; top: 50%; z-index: 300; width: 30px; height: 30px; background-size: 100%; background-repeat: no-repeat; }
  .tab-video { background-image: url("../img/tab-video.png"); background-repeat: no-repeat; background-size: 100% auto; color: #fff; font-size: 12px; font-weight: bold; line-height: 14px; padding: 4px 10px 8px 35px; position: absolute; right: 0; text-shadow: -1px 1px 1px #000; top: 15px; z-index: 300; }
  ul.more-video li { width: 100%; position: relative; padding: 10px 0px; margin: 0px; vertical-align: top; }
  ul.more-video li a.link-video { width: 33%; margin-right: 10px; float: left; margin-bottom: 10px; } }
@media (min-width: 970px) { .main-video .link-video::after { margin-left: -47px; margin-top: -46px; z-index: 300; width: 94px; height: 92px; }
  .recent-video { min-height: 200px; } }
@media (min-width: 1200px) { .recent-video { min-height: 242px; } }
.main-video { margin-bottom: 40px; }

.a33-video-logo { display: block; margin: -55px 0 0; text-align: center; }

.a33-video-logo img { width: 250px; }

@media (min-width: 993px) { .page-wrap::before { display: none; height: 0px; }
  .a33-video-logo { bottom: 25px; left: 50%; margin: 0px 0px 0px -50px; position: absolute; } }
@media (min-width: 1200px) { .a33-video-logo { bottom: 15px; left: 50%; margin-left: -100px; position: absolute; }
  .a33-video-logo img { width: auto; } }
.logo-50 { display: block; margin: -55px 0 0; text-align: center; }

.logo-50 img { width: 100px; margin-left: 150px; margin-bottom: -150px; }

@media (min-width: 993px) { .logo-50 { bottom: 15px; left: 50%; margin-left: -100px; position: absolute; }
  .logo-50 img { width: 197px; margin-left: 100px; margin-bottom: -3px; } }
@media (min-width: 1200px) { .logo-50 { bottom: 15px; left: 50%; margin-left: -100px; position: absolute; }
  .logo-50 img { width: 197px; margin-left: 100px; margin-bottom: -3px; } }
@media (max-width: 767px) { .logo-50 img { width: 100px; margin-left: 150px; margin-bottom: -150px; } }
.alert-text { background-color: #4c6ba4; margin-bottom: 20px; margin-top: -20px; padding-left: 40px; position: relative; }

.alert-text i.fa { color: #fff; font-size: 22px; left: 9px; margin-top: -11px; position: absolute; top: 50%; }

.alert-text > div { background-color: #e8e8e8; padding: 10px; color: #4c6aa3; }

.alert-text > div p { margin: 0px; }

/* header bologna */
.head-bologna { background-image: url(../img/sfondo-bologna.png); background-position: top center; background-repeat: no-repeat; background-color: #439241; }
.head-bologna > div { position: relative; min-height: 236px; }
.head-bologna .toggle-menu-video { position: absolute; right: 20px; top: 0px; }
.head-bologna .toggle-menu-video h2 { color: #003819; font-size: 12px; font-weight: 400; text-transform: uppercase; }
.head-bologna .toggle-menu-video h2:hover { cursor: pointer; }
.head-bologna .toggle-menu-video ul { border-radius: 0; display: none; font-size: 12px; margin: 0; padding: 0; position: absolute; right: 0; text-transform: uppercase; }
.head-bologna .toggle-menu-video li { background-color: #fff; border-radius: 50px; list-style-type: none; margin: 0 0 4px; overflow: hidden; padding: 4px 20px; text-align: center; white-space: nowrap; }
.head-bologna .toggle-menu-video a { color: #003819; display: block; max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
.head-bologna .toggle-menu-video a:hover { color: #439241; text-decoration: none; }
.head-bologna #logo-header { width: 265px; height: 57px; margin: 25px 0px 20px 20px; float: left; }
.head-bologna h1 { border: solid 1px #003819; color: #003819; font-size: 14px; font-weight: 600; letter-spacing: 1.8px; text-transform: uppercase; padding: 10px 25px; margin: 0px 0px 0px 20px; border-radius: 50px; float: left; clear: both; }
.head-bologna .nav-video.nav-bologna { clear: both; float: left; margin-top: 60px; text-align: center; }
.head-bologna .nav-video.nav-bologna ul { padding: 0px; }
.head-bologna .nav-video.nav-bologna li { border-left: solid 1px #fff; border-right: solid 1px #fff; color: #fff; line-height: 12px; text-transform: uppercase; padding: 0px 20px; display: inline-block; margin-bottom: 10px; margin-left: -1px; }
.head-bologna .nav-video.nav-bologna li a { color: #fff; display: block; padding: 4px 0px; }
.head-bologna .nav-video.nav-bologna li.active { position: relative; }
.head-bologna .nav-video.nav-bologna li.active a { font-weight: bold; text-decoration: underline; text-shadow: 0 0 7px #fff; }

.more-video-bologna { list-style-type: none; margin: 40px 0 0; padding: 0; }
.more-video-bologna li { padding: 0 22px; }
.more-video-bologna li h4 { color: #439241; font-size: 14px; margin-bottom: 5px; font-weight: normal; }
.more-video-bologna li time { color: #737473; }

.video-page.video-page-bologna { background-image: none; margin-top: -20px; padding-top: 40px; }
.video-page.video-page-bologna h2 { color: #439241; }

.box-video.box-video-bologna { background-image: url(../img/sfondo-bologna.png); background-position: bottom center; background-repeat: no-repeat; background-color: #a7cd5b; min-height: 236px; position: relative; float: left; width: 100%; padding: 25px 25px 45px 25px; }
.box-video.box-video-bologna > img { width: 200px; margin: 0px  16px 20px 0px; float: left; }
.box-video.box-video-bologna h2 { border: solid 1px #003819; color: #003819; font-size: 12px; font-weight: 600; letter-spacing: 1.8px; text-transform: uppercase; padding: 6px 15px; margin: 14px 0px 22px 0px; border-radius: 50px; float: left; }
.box-video.box-video-bologna > a { background-color: #fff; color: #003819; font-size: 10px; font-weight: 600; text-transform: uppercase; padding: 6px 15px; position: absolute; right: 25px; bottom: 10px; border-radius: 50px; }
.box-video.box-video-bologna > .video-comtainer-home { clear: both; }
.box-video.box-video-bologna > .video-comtainer-home a { margin-bottom: 20px; }
.box-video.box-video-bologna .link-video:after { background-size: 70% auto !important; margin-left: -20px !important; margin-top: -20px !important; }

@media (min-width: 1200px) { .head-bologna .nav-video.nav-bologna { bottom: 0; position: absolute; }
  .head-bologna .nav-video.nav-bologna li { margin-bottom: 0px; border-right-style: none; }
  .head-bologna .nav-video.nav-bologna li:first-child { border-left-style: none; }
  .head-bologna .nav-video.nav-bologna li a { padding: 0px; }
  .head-bologna .nav-video.nav-bologna li.active:after { border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #439241; bottom: -25px; content: ""; height: 0; left: 50%; margin-left: -20px; position: absolute; width: 0; z-index: 2001; } }
.header-video .toggle-menu-video ul { border-radius: 0; display: none; font-size: 12px; margin: 0; padding: 0; position: absolute; right: 0; text-transform: uppercase; }
.header-video .toggle-menu-video li { background-color: #fff; border-radius: 50px; list-style-type: none; margin: 0 0 4px; overflow: hidden; padding: 4px 20px; text-align: center; white-space: nowrap; border: solid 1px #f2f2f2; }
.header-video .toggle-menu-video a { color: #003819; display: block; max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
.header-video .toggle-menu-video a:hover { color: #d8252f; text-decoration: none; }

.ci_offerte_lavoro { margin-top: -20px; }

.banner-aside-top > a { display: block; margin-bottom: 12px; }

.list-formazione .feedEkList { margin: 0; padding: 0; }

.list-formazione .feedEkList > li { margin: 0 0 20px; padding: 0; }

.list-formazione .feedEkList .itemTitle a { color: #4c6aa3; font-size: 14px; font-weight: normal; text-transform: lowercase; }

.list-formazione .feedEkList > li { margin: 0 0 20px; padding: 0; }

.list-formazione .itemContent { display: none; }

.list-formazione .itemDate { color: #626262 !important; font-size: 14px !important; margin-top: 0 !important; }

.list-formazione .feedEkList > li:hover { background-color: transparent !important; }

div.webform_radio_wrapper { display: inline-block !important; padding-right: 10px !important; }

.box-blue-link { background-color: #eef3f6; display: inline-block; margin-top: 25px; padding: 20px; width: 100%; text-align: center; }

.box-blue-link > h3 { font-size: 18px; font-weight: normal; margin-top: 0; padding: 0; }

.box-blue-link > p { padding-bottom: 10px; }

.box-blue-link > a { background-color: #003987; color: #fff; display: inline-block; font-size: 16px; padding: 10px; text-align: center; text-decoration: none !important; width: 100% !important; }

.box-blue-container { margin-bottom: 80px; }

@media (min-width: 670px) { .box-blue-link { width: 48%; }
  .box-blue-link + .box-blue-link { margin-left: 3%; } }
.carousel-banner-home { clear: both; padding-top: 20px; }
.carousel-banner-home img { width: 100%; }

/* NY */
.video-page.video-ny { background-color: #fff; background-image: none; margin-top: 0; padding-top: 0; }

.video-ny .header-video { background-color: #fff; background-image: url("../img/header-NY.jpg"); background-position: center center; height: 168px; margin-bottom: 70px; position: relative; background-size: cover; }

.cont-header.container { max-width: 1150px; position: relative; }

.mini-menu { position: absolute; right: 0; top: 10px; }

.video-ny h2 { color: #000; font-size: 14px; }

.video-ny .logo { width: 300px; margin-top: 35px; margin-left: 15px; }

.video-ny .cont-text-video { position: relative; }

@media (max-width: 1170px) { .video-ny .logo { margin-top: 30px; width: 250px; }
  .video-ny .header-video { height: 140px; } }
@media (max-width: 990px) { .video-ny .header-video { background-position: 30% center; }
  .video-ny .cont-header .col-md-6 { text-align: left !important; } }
@media (max-width: 768px) { .video-ny .logo { margin-top: 25px; width: 150px; }
  .mini-menu { right: 15px; }
  .video-ny .header-video { background-position: left center; background-size: auto auto; height: 100px; } }
md-input-container input { min-height: 40px; }

/* video las vegas*/
.lasvegas-cosmoprof { background-image: none; border-bottom-width: 0px; background-color: #ffffff; margin-bottom: 30px; }
.lasvegas-cosmoprof .header-video { background-image: url(../img/sfondo-lasvegas.png); height: 200px; position: relative; background-position: center; padding: 0px; }
.lasvegas-cosmoprof .header-video .cont-header { padding: 0px; }
.lasvegas-cosmoprof .header-video .cont-header > div { height: 200px; }
.lasvegas-cosmoprof .logo-fiera { position: absolute; bottom: 65px; right: 0px; max-width: 80%; }
.lasvegas-cosmoprof .intestazione { position: absolute; bottom: 0px; }
.lasvegas-cosmoprof .intestazione img { width: 250px; max-width: 90%; }
.lasvegas-cosmoprof .intestazione p { color: black; font-size: 18px; margin-top: 36px; }
.lasvegas-cosmoprof .toggle-menu-video { bottom: 0px; right: 0px; top: auto; position: absolute; }
.lasvegas-cosmoprof .toggle-menu-video h2 { color: #fff; margin-bottom: 10px; }
.lasvegas-cosmoprof .toggle-menu-video li { background-color: #52bbba; }
.lasvegas-cosmoprof .toggle-menu-video li a, .lasvegas-cosmoprof .toggle-menu-video li a:hover { color: #fff; }
.lasvegas-cosmoprof .graphic-badge { position: absolute; bottom: 0; max-width: 100%; }
.lasvegas-cosmoprof .main-video { max-width: 780px; margin: 0px auto 100px; padding: 0 10px; }
.lasvegas-cosmoprof .main-video h2 { color: #1f2a44; font-size: 30px; font-weight: bold; margin-bottom: 20px; margin-top: 10px; text-transform: uppercase; }
.lasvegas-cosmoprof .description { margin-top: 25px; }
.lasvegas-cosmoprof h2 { font-size: 16px; color: #626262; margin-bottom: 40px; }
.lasvegas-cosmoprof.video-list a.link-video { background-color: #57c6c3; }
.lasvegas-cosmoprof.video-list a.link-video:hover img { opacity: 0.6; }
.lasvegas-cosmoprof.video-list a.link-video img { opacity: 1; border: solid 2px #57c6c3; }
.lasvegas-cosmoprof.video-list .main-video a.link-video img { border-width: 0px; }
@media (max-width: 1024px) { .lasvegas-cosmoprof .header-video, .lasvegas-cosmoprof .header-video .cont-header > div { height: 150px; }
  .lasvegas-cosmoprof .logo-fiera, .lasvegas-cosmoprof .toggle-menu-video { right: 10px; }
  .lasvegas-cosmoprof .video-list-mini { margin-bottom: 20px; } }
.lasvegas-cosmoprof h2.LvVideoTitle { color: #1f2a44; font-size: 30px; font-weight: bold; margin-bottom: 20px; margin-top: 10px; text-transform: uppercase; }

/* registrazione al sito */
.multicolonna { clear: both; display: block; width: 100%; float: left; margin-bottom: 40px; }
.multicolonna md-checkbox { width: calc(50% - 40px); clear: none; float: left; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 1024px) { .multicolonna md-checkbox { width: 100%; clear: both; } }
/* typografy */
/*
.input-group-btn { font-size: 1em;
}
*/
.feedEkList .itemTitle a { color: #4c6aa3; font-weight: bold; font-size: 18px; }
.feedEkList * { margin: 0; padding: 0; }
.feedEkList div { margin: 0px; }
.feedEkList ul { list-style-type: none; width: 500px; }
.feedEkList .itemDate { margin-top: 20px; color: #4c6aa3; font-size: 12px; float: left; width: 200px; }
.feedEkList .itemContent { float: left; margin-left: -200px; }
.feedEkList li { padding: 14px; overflow: auto; }
.feedEkList li:hover { background: #eee; cursor: pointer; }

/* Liste paginate
*/
.pagination { position: relative; float: right; font-size: 90%; }

.pagination a { text-decoration: none; border: solid 1px #AAE; color: #15B; }

.pagination a, .pagination span { display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px; min-width: 1em; text-align: center; }

.pagination .current { background: #26B; color: #fff; border: solid 1px #AAE; }

.pagination .current.prev, .pagination .current.next { color: #999; border-color: #999; background: #fff; pointer-events: none; opacity: 0.5; text-decoration: none !important; }

/*
#CybotCookiebotDialogDetailBodyContentCookieContainerPreferenceCard{
display:none!important;
}*/
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CookieCard:nth-child(2) 
{
display:none!important;
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CookieCard:nth-child(5) 
{
display:none!important;
}



.CookieDeclarationDialogText
{
  display:none;
} 
.CookieDeclarationIntro
{
  display:none;
} 





/* DESIGN PA STYLES */
.Form {
    display: block;
    margin: 0;
    width: 100%
}

.Form-field {
    display: block;
    margin: 0;
    padding: 0
}

.Form-label {
    color: inherit;
    display: inline-block;
    font-size: inherit;
    font-weight: 700;
    margin: 0
}

.Form-input {
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: block;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    flexbox: inherit;
    padding: .5em;
    width: 100%;
    max-width: 100%;
    margin-top: .4rem !important;
}



.sky-form {
/*
    color: #666;
    font: 13px/1.55 "Open Sans",Helvetica,Arial,sans-serif;
    margin: 0;*/
    outline: 0 none;
	  display: block;
    margin: 0;
    width: 100%;
	font-size: 1.8rem !important;
letter-spacing: .01em !important;
margin-top: 0 !important;
    padding: 3.2rem !important;
	max-width: 54em !important;
	background-color: #f5f5f0 !important;
}

}
.sky-form header {
   /* border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
}
.sky-form fieldset {
    border: medium none;
    display: block;
}
.sky-form fieldset + fieldset, .sky-form footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.sky-form section {
    display: inline-table;
}
.sky-form footer {
    display: block;
}
.sky-form footer::after {
    clear: both;
    content: "";
    display: table;
}
.sky-form .label {
    display: block;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 6px;
}
.sky-form .label.col {
    margin: 0;
    padding-top: 10px;
}
.sky-form .note {
    color: #2E3192;
    font-size: 14px;
    line-height: 15px;
    margin-top: 6px;
    padding: 0 1px;
}
.sky-form .button, .sky-form .checkbox, .sky-form .input, .sky-form .radio, .sky-form .select, .sky-form .textarea, .sky-form .toggle {
    display: block;
    position: relative;
    overflow: visible;
}
.sky-form .input input, .sky-form .select select, .sky-form .textarea textarea {
    -moz-appearance: none;
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    border-style: solid;
    box-sizing: border-box;
    display: block;
    font: 15px/23px "Open Sans",Helvetica,Arial,sans-serif;
    height: 39px;
    outline: 0 none;
    padding: 6px 10px;
    width: 100%;
}
.sky-form .progress {
    color: #232323;
    float: right;
    line-height: 39px;
    margin-top: 10px;
}
.sky-form button::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
.sky-form .input-file .button {
    float: none;
    font-size: 13px;
    line-height: 31px;
    margin: 0;
    padding: 0 20px;
    position: absolute;
}
.sky-form .input-file .button:hover {
    box-shadow: none;
}
.sky-form .input-file .button input {
    cursor: pointer;
    font-size: 30px;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.sky-form .checkbox, .sky-form .radio, .sky-form .toggle {
    color: #404040;
    cursor: pointer;
    font-size: 15px;
    line-height: 27px;
}
.sky-form .select i {
    background: #fff none repeat scroll 0 0;
    pointer-events: none;
    position: absolute;
}
.sky-form .select i::after, .sky-form .select i::before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: "";
    position: absolute;
    right: 10px;
}
.sky-form .select i::after {
    border-top: 4px solid #404040;
    bottom: 12px;
}
.sky-form .select select {
    padding-right: 28px;
}
.sky-form .textarea textarea {
    height: auto;
    resize: none;
}
.sky-form .textarea-resizable textarea {
    resize: vertical;
}
.sky-form .textarea-expandable textarea {
    height: 39px;
}
.sky-form .textarea-expandable textarea:focus {
    height: auto;
}
.sky-form .checkbox, .sky-form .radio {
    margin-bottom: 4px;
    padding-left: 27px;
}
.sky-form .checkbox:last-child, .sky-form .radio:last-child {
    margin-bottom: 0;
    padding-bottom: 2.4rem !important;
}
.sky-form .checkbox input, .sky-form .radio input {
    left: -9999px;
    position: absolute;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' stroke='%2365dcdf'%3E%3Ctitle%3Echeckbox-checked%3C/title%3E%3Cpath d='M28.444 0H3.555A3.566 3.566 0 0 0-.001 3.556v24.889c0 1.956 1.6 3.556 3.556 3.556h24.889c1.956 0 3.556-1.6 3.556-3.556V3.556C32 1.6 30.4 0 28.444 0zm-16 24.889L3.555 16l2.489-2.489 6.4 6.4L25.955 6.4l2.489 2.489-16 16z'/%3E%3C/svg%3E");
}
.sky-form .checkbox i, .sky-form .radio i {
    background: #fff none repeat scroll 0 0;
    border-style: solid;
    display: block;
    left: 0;
    outline: 0 none;
    position: absolute;
    top: 5px;
}
.sky-form .radio i {
    border-radius: 50%;
}
.sky-form .checkbox input + i::after, .sky-form .radio input + i::after {
    opacity: 0;
    position: absolute;
    transition: opacity 0.1s ease 0s;
}
.sky-form .radio input + i::after {
    border-radius: 50%;
    content: "";
    height: 5px;
    width: 5px;
}
.sky-form .checkbox input + i::after {
    content: "";
    height: 15px;
    text-align: center;
    width: 15px;
}
.sky-form .checkbox input:checked + i::after, .sky-form .radio input:checked + i::after {
    opacity: 1;
    font-size: 20px;
    margin: auto;
    margin-left: auto;
    width: 50%;
    padding: 5px;
    display: block;
}
.sky-form .inline-group {
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom: 0;
    line-height: 2em;
    min-height: 3em;
    padding: .5em;
    font-weight: 700 !important;
}
.sky-form .inline-group .checkbox:last-child, .sky-form .inline-group .radio:last-child, .sky-form .toggle {
    margin-bottom: 4px;
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
    display: inline-block;
    width: 100%;
}
.sky-form .inline-group::after {
    clear: both;
    content: "";
    display: table;
}
.sky-form .inline-group .checkbox, .sky-form .inline-group .radio {
    float: left;
    margin-right: 30px;
}
.sky-form .toggle {
    padding-right: 61px;
}
.sky-form .toggle:last-child {
    margin-bottom: 0;
}
.sky-form .toggle input {
    left: -9999px;
    position: absolute;
}
.sky-form .toggle i {
    background: #fff none repeat scroll 0 0;
    border-radius: 12px;
    border-style: solid;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 4px;
}
.sky-form .toggle i::after {
    color: #5f5f5f;
    content: "OFF";
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    left: 8px;
    line-height: 13px;
    position: absolute;
    right: 8px;
    text-align: left;
}
.sky-form .toggle i::before {
    border-radius: 50%;
    content: "";
    display: block;
    height: 9px;
    opacity: 1;
    position: absolute;
    transition: right 0.2s ease 0s;
    width: 9px;
    z-index: 1;
}
.sky-form .toggle input:checked + i::after {
    content: "ON";
    text-align: right;
}
.sky-form .toggle input:checked + i::before {
    right: 36px;
}
.sky-form .rating {
    color: #404040;
    font-size: 15px;
    line-height: 27px;
    margin-bottom: 4px;
}
.sky-form .rating:last-child {
    margin-bottom: 0;
}
.sky-form .rating input {
    left: -9999px;
    position: absolute;
}
.sky-form .rating label {
    cursor: pointer;
    display: block;
    float: right;
    font-size: 17px;
    height: 17px;
    line-height: 17px;
    margin-top: 5px;
    padding: 0 2px;
}
.sky-form .button {
    border: 0 none;
    color: #fff;
    cursor: pointer;
    float: right;
    font: 300 15px/39px "Open Sans",Helvetica,Arial,sans-serif;
    height: 39px;
    margin: 10px 0 0 20px;
    outline: 0 none;
    overflow: hidden;
    padding: 0 25px;
    text-decoration: none;
}
.sky-form .button-uploading {
    color: transparent;
    cursor: default;
    position: relative;
}
.sky-form .button-uploading::after {
    animation: 1s linear 0s normal none infinite running blink;
    color: #fff;
    content: "Uploading...";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.sky-form .row::after, .sky-form .tooltip::after, a.pswp__share--facebook::before {
    content: "";
}
@keyframes blink {
0%, 100% {
    opacity: 1;
}
50% {
    opacity: 0.3;
}
}
@keyframes blink {
0%, 100% {
    opacity: 1;
}
50% {
    opacity: 0.3;
}
}
.sky-form .icon-append, .sky-form .icon-prepend {
    position: absolute;
    text-align: center;
    width: 29px;
}
.sky-form .icon-append {
    border-left-style: solid;
    border-left-width: 1px;
    padding-left: 3px;
}
.sky-form .input .icon-prepend + .icon-append + input, .sky-form .input .icon-prepend + input, .sky-form .textarea .icon-prepend + .icon-append + textarea, .sky-form .textarea .icon-prepend + textarea {
    padding-left: 46px;
}
.sky-form .icon-prepend {
    border-right-style: solid;
    border-right-width: 1px;
}
.sky-form .tooltip-top-left::after, .sky-form .tooltip-top-right::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(0, 0, 0, 0.9);
    top: 100%;
}
.sky-form .input .icon-append + input, .sky-form .textarea .icon-append + textarea {
    padding-right: 46px;
}
.sky-form .row {
    margin: 0 -15px;
}
.sky-form .row::after {
    clear: both;
    display: table;
}
.sky-form .col {
    box-sizing: border-box;
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.sky-form .col-1 {
    width: 8.33%;
}
.sky-form .col-2 {
    width: 16.66%;
}
.sky-form .col-3 {
    width: 25%;
}
.sky-form .col-4 {
    width: 33.33%;
}
.sky-form .col-5 {
    width: 41.66%;
}
.sky-form .col-6 {
    width: 50%;
}
.sky-form .col-7 {
    width: 58.33%;
}
.sky-form .col-8 {
    width: 66.67%;
}
.sky-form .col-9 {
    width: 75%;
}
.sky-form .col-10 {
    width: 83.33%;
}
.sky-form .col-11 {
    width: 91.66%;
}
@media screen and (max-width: 600px) {
.sky-form .col {
    float: none;
    width: 100%;
}
}
.sky-form .tooltip {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    left: -9999px;
    line-height: 16px;
    opacity: 0;
    padding: 2px 8px 3px;
    position: absolute;
    transition: margin 0.3s ease 0s, opacity 0.3s ease 0s;
    z-index: 1;
}
.sky-form .tooltip::after {
    position: absolute;
}
.sky-form .input input:focus + .tooltip, .sky-form .textarea textarea:focus + .tooltip {
    opacity: 1;
}
.sky-form .tooltip-top-right {
    bottom: 100%;
    margin-bottom: 15px;
}
.sky-form .tooltip-top-right::after {
    right: 16px;
}
.sky-form .input input:focus + .tooltip-top-right, .sky-form .textarea textarea:focus + .tooltip-top-right {
    left: auto;
    margin-bottom: 5px;
    right: 0;
}
.sky-form .tooltip-top-left {
    bottom: 100%;
    margin-bottom: 15px;
}
.sky-form .tooltip-top-left::after {
    left: 16px;
}
.sky-form .tooltip-left::after, .sky-form .tooltip-right::after {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
}
.sky-form .input input:focus + .tooltip-top-left, .sky-form .textarea textarea:focus + .tooltip-top-left {
    left: 0;
    margin-bottom: 5px;
    right: auto;
}
.sky-form .tooltip-right {
    margin-left: 15px;
    top: 9px;
    white-space: nowrap;
}
.sky-form .tooltip-right::after {
    border-right: 4px solid rgba(0, 0, 0, 0.9);
    right: 100%;
    top: 6px;
}
.sky-form .input input:focus + .tooltip-right, .sky-form .textarea textarea:focus + .tooltip-right {
    left: 100%;
    margin-left: 5px;
}
.sky-form .tooltip-left {
    margin-right: 15px;
    top: 9px;
    white-space: nowrap;
}
.sky-form .tooltip-left::after {
    border-left: 4px solid rgba(0, 0, 0, 0.9);
    left: 100%;
    top: 6px;
}
.sky-form .tooltip-bottom-left::after, .sky-form .tooltip-bottom-right::after {
    border-bottom: 4px solid rgba(0, 0, 0, 0.9);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: 100%;
}
.sky-form .input input:focus + .tooltip-left, .sky-form .textarea textarea:focus + .tooltip-left {
    left: auto;
    margin-right: 5px;
    right: 100%;
}
.sky-form .tooltip-bottom-right {
    margin-top: 15px;
    top: 100%;
}
.sky-form .tooltip-bottom-right::after {
    right: 16px;
}
.sky-form .input input:focus + .tooltip-bottom-right, .sky-form .textarea textarea:focus + .tooltip-bottom-right {
    left: auto;
    margin-top: 5px;
    right: 0;
}
.sky-form .tooltip-bottom-left {
    margin-top: 15px;
    top: 100%;
}
.sky-form .tooltip-bottom-left::after {
    left: 16px;
}
.sky-form .input input:focus + .tooltip-bottom-left, .sky-form .textarea textarea:focus + .tooltip-bottom-left {
    left: 0;
    margin-top: 5px;
    right: auto;
}
.sky-form .checkbox i, .sky-form .icon-append, .sky-form .icon-prepend, .sky-form .input input, .sky-form .radio i, .sky-form .select select, .sky-form .textarea textarea, .sky-form .toggle i {
    transition: border-color 0.3s ease 0s;
}
.sky-form .rating label {
    color: #ccc;
    transition: color 0.3s ease 0s;
}
.sky-form .state-error + em, .sky-form .state-success + em {
    color: #ee9393;
    display: block;
    font-size: 11px;
    font-style: normal;
    line-height: 15px;
    padding: 0 1px;
}
.sky-form .button {
    background-color: #2da5da;
    opacity: 0.8;
    transition: opacity 0.2s ease 0s;
}
.sky-form .button.button-secondary {
    background-color: #b3b3b3;
}
.sky-form .button:hover {
    opacity: 1;
}
.sky-form .checkbox.state-error i, .sky-form .radio.state-error i, .sky-form .state-error input, .sky-form .state-error select, .sky-form .state-error select + i, .sky-form .state-error textarea, .sky-form .toggle.state-error i, .sky-form .toggle.state-error input:checked + i {
    background: #fff0f0 none repeat scroll 0 0;
}
.sky-form .state-error + em {
    margin-top: 6px;
}
.sky-form .rating.state-error + em {
    margin-bottom: 4px;
    margin-top: -4px;
}
.sky-form .checkbox.state-success i, .sky-form .radio.state-success i, .sky-form .state-success input, .sky-form .state-success select, .sky-form .state-success select + i, .sky-form .state-success textarea, .sky-form .toggle.state-success i, .sky-form .toggle.state-success input:checked + i {
    background: #f0fff0 none repeat scroll 0 0;
}
.sky-form.submited .message, .ui-datepicker {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    text-align: center;
}
.sky-form .state-success + em {
    margin-top: 6px;
}
.sky-form .note-success {
    color: #6fb679;
}
.sky-form .button.state-disabled, .sky-form .checkbox.state-disabled, .sky-form .input.state-disabled input, .sky-form .radio.state-disabled, .sky-form .select.state-disabled, .sky-form .textarea.state-disabled, .sky-form .toggle.state-disabled {
    cursor: default;
    opacity: 0.5;
}
.sky-form .message {
    color: #6fb679;
    display: none;
}
.sky-form .message i {
    border: 1px solid #6fb679;
    border-radius: 50%;
    display: block;
    font-size: 30px;
    height: 81px;
    line-height: 81px;
    margin: 0 auto 20px;
    width: 81px;
}
.sky-form.submited fieldset, .sky-form.submited footer {
    display: none;
}
.sky-form.submited .message {
    display: block;
    font: 300 18px/27px "Open Sans",Helvetica,Arial,sans-serif;
    padding: 25px 30px;
}
.ui-datepicker {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    color: #666;
    display: none;
    font: 13px/1.55 "Open Sans",Helvetica,Arial,sans-serif;
    padding: 10px 12px;
}
.sky-form, .sky-form.comment-style input:focus, .sky-form.comment-style textarea:focus, .sky-form.comment-style-v2 input:focus, .sky-form.comment-style-v2 textarea:focus, .ui-datepicker-inline {
    box-shadow: none;
}
.ui-datepicker a {
    color: #404040;
}
.ui-datepicker-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    line-height: 27px;
    margin: -10px -12px 10px;
    position: relative;
}
.sky-form .ui-slider, .sky-form .ui-slider-handle, .ui-datepicker-inline {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #e5e5e5;
}
.ui-datepicker-next, .ui-datepicker-prev {
    cursor: pointer;
    display: block;
    height: 47px;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 47px;
}
.ui-datepicker-prev {
    left: 0;
}
.ui-datepicker-next {
    right: 0;
}
.ui-datepicker-calendar {
    border-collapse: collapse;
    font-size: 13px;
    line-height: 27px;
}
.ui-datepicker-calendar th {
    color: #999;
}
.ui-datepicker-calendar a, .ui-datepicker-calendar span {
    color: #404040;
    display: block;
    margin: auto;
    text-decoration: none;
    width: 31px;
}
.ui-datepicker-calendar span {
    color: #bfbfbf;
}
.ui-datepicker-today a {
    font-weight: 700;
}
.sky-form .checkbox, .sky-form .radio, .sky-form .toggle {
    font-weight: 400;
}
.ui-datepicker-calendar .ui-state-active {
    cursor: default;
}
.ui-datepicker-inline .ui-datepicker-calendar {
    width: 100%;
}
.sky-form .ui-slider {
    height: 3px;
    margin: 12px 6px 26px;
    position: relative;
}
.sky-form .ui-slider-handle {
    height: 15px;
    margin: -8px 0 0 -8px;
    outline: 0 none;
    position: absolute;
    transition: border-color 0.3s ease 0s;
    width: 15px;
}
.checkbox, .radio, .sky-form .checkbox + .checkbox, .sky-form .radio + .radio {
    margin-top: 0;
}
.sky-form-modal {
    display: none;
    position: fixed;
    width: 400px;
    z-index: 1;
}
.sky-form-modal-overlay {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
.sky-form .label {
    border-radius: 0;
    color: inherit;
    font-size: 100%;
    text-align: left;
    white-space: normal;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    font-weight: 700;
    padding-left: 0px;
    font-size: 14px;
    margin: 0;
}
.sky-form.contact-style {
    border: medium none;
}
.sky-form.comment-style, .sky-form.comment-style fieldset {
    background: inherit;
    border: medium none;
    padding: 0;
}
.sky-form.comment-style input, .sky-form.comment-style textarea {
    border: medium none;
}
.sky-form.comment-style-v2, .sky-form.comment-style-v2 fieldset {
    background: inherit;
    border: medium none;
    padding: 0;
}
.sky-form.comment-style-v2 input, .sky-form.comment-style-v2 textarea {
    border: medium none;
}
.sky-form.comment-style-v2 .form-control {
    padding: 20px 15px;
}
.sky-form .sky-space-20 {
    margin-bottom: 20px;
}
.sky-form .sky-space-30 {
    margin-bottom: 30px;
}
.sky-form {
    border: 1px solid #eee;
}
.sky-form header {
    background: #fff none repeat scroll 0 0;
    color: inherit;
    display: block;
    font-size: 20px;
    font-weight: 400;
    padding: 8px 30px;

}
.sky-form fieldset.no-padding {
    padding: 0;
}
.sky-form footer {
	text-align: right !important;
}
.sky-form a {
    color: inherit;
}
.sky-form a.btn-u {
    color: #fff;
}
.sky-form .input input {
    height: 34px;
    padding: 0px 12px;
}
.sky-form .input input, .sky-form .select select, .sky-form .textarea textarea {
    border-width: 1px;
    color: #404040;
    font-size: 14px;
}
.sky-form{
  background-color: #f9f9f9;
  border: 1px solid #eee;
  margin-bottom: 30px;
  margin-top: 40px;
  max-width: 400px;
  padding: 20px 20px 10px 20px;
  position: relative;
  margin-bottom: 30px;
  background-color: #fff!important;
  margin-top: 40px;
  padding: 8px 8px 8px 8px!important;
  position: relative;
}
.sky-form .select select {
     background-position: right .5em center;
    background-repeat: no-repeat;
    background-size: .8em;
    padding-right: 1.8em;
    
    
        border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: inherit;
    color: inherit;
    display: block;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    width: 100%;
}
option{
        font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 0px 2px 1px;
        color: graytext;
        box-sizing: inherit;
}
.sky-form .select-multiple select {
    height: auto;
}
.sky-form .input-file .button {
    height: 32px;
    right: 1px;
    top: 1px;
}
.sky-form .input-captcha img {
    border-left: 1px solid #e5e5e5;
    position: absolute;
    right: 1px;
    top: 1px;
}
.sky-form .checkbox i, .sky-form .icon-append, .sky-form .icon-prepend, .sky-form .input input, .sky-form .radio i, .sky-form .select select, .sky-form .textarea textarea, .sky-form .toggle i {
    margin-top: inherit;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #626262;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #d4d4d4;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.sky-form .toggle i::before {
    background-color: #999;
}
.sky-form .button {
    background: #72c02c none repeat scroll 0 0;
}
.sky-form .toggle i {
    border-width: 1px;
    height: 21px;
    width: 54px;
}
.sky-form .toggle i::after {
    top: 3px;
}
.sky-form .toggle i::before {
    right: 6px;
    top: 5px;
}
.sky-form .checkbox i, .sky-form .radio i {
    border-width: 1px;
    height: inherit;
    width: 33px;
    height: 33px;
    margin-top: -4px;
    padding-bottom: 2.4rem !important;
}
.sky-form .checkbox input + i::after {
    color: #999;
    font: 400 10px FontAwesome;
    left: 0;
}
.sky-form .rating input + label:hover, .sky-form .rating input + label:hover ~ label, .sky-form .rating input:checked ~ label {
    color: #72c02c;
}
.sky-form .radio input + i::after {
    background-color: #999;
    left: 5px;
    top: 5px;
}
.sky-form .checkbox input:checked + i, .sky-form .radio input:checked + i, .sky-form .toggle input:checked + i {
    border-color: #999;
    text-align: center;
    padding: 0px;
}
.sky-form .select i {
    height: 6px;
    right: 13px;
    top: 14px;
    width: 9px;
}
.sky-form .select i::after, .sky-form .select i::before {
    top: 4px;
}
.sky-form .select i::before {
    border-bottom: 4px solid #404040;
    top: -2px;
}
.label-rounded .ui-slider-handle {
    border-radius: 50%;
}
.sky-form .icon-append {
    min-width: 34px;
    padding: 0 3px;
    right: 1px;
}
.sky-form .icon-prepend {
    left: 6px;
    padding-right: 5px;
}
.sky-form .input input:focus, .sky-form .select select:focus, .sky-form .textarea textarea:focus {
    border-color: #bbb;
    box-shadow: 0 0 2px #c9c9c9;
}
.sky-form .checkbox input:focus + i, .sky-form .radio input:focus + i, .sky-form .toggle input:focus + i {
    border-color: #999;
    box-shadow: none;
}
.sky-form .checkbox:hover i, .sky-form .input:hover input, .sky-form .radio:hover i, .sky-form .select:hover select, .sky-form .textarea:hover textarea, .sky-form .toggle:hover i, .sky-form .ui-slider-handle:hover {
    border-color: #999;
}
.sky-form .icon-append, .sky-form .icon-prepend {
    background: inherit;
    color: #b3b3b3;
    font-size: 14px;
    height: 32px;
    line-height: 33px;
    top: 1px;
}
.pswp, .pswp__bg, .pswp__scroll-wrap {
    height: 100%;
    left: 0;
}
.sky-form .checkbox.state-disabled:hover i, .sky-form .input.state-disabled:hover input, .sky-form .radio.state-disabled:hover i, .sky-form .select.state-disabled:hover select, .sky-form .textarea.state-disabled:hover textarea, .sky-form .toggle.state-disabled:hover i {
    border-color: #bbb;
}
.ui-datepicker-header {
    font-size: 16px;
    padding: 10px 0;
}
.ui-datepicker-inline {
    border-width: 1px;
}
.ui-datepicker-inline .ui-datepicker-header {
    line-height: 27px;
}
.ui-datepicker-next, .ui-datepicker-prev {
    font-size: 18px;
    line-height: 47px;
}
.ui-datepicker-calendar a {
    border: 1px solid transparent;
}
.ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar a:hover {
    background: inherit;
    border: 1px solid #bbb;
}
.sky-form button *, .sky-form button *::after, .sky-form button *::before {
    margin: 0 auto;
}

.sky-form footer .btn{
    background-color: #65dde0;
    border-color: #50d8dc;
    color: #004a4d;
    font-weight: 600;
    padding: .6em 1.2em;
    text-transform: uppercase;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    border:none;
    background-color: #4c6aa3;
    border-width: 0;
    color: #fff;
    height: 30px;
    font-size: 12px;
    margin-top: 0px;
    width: 80px;
}
.sky-form footer .btn:hover{
    background-color: #3cd5d7;
    border-color: #29cbd1;
    cursor:pointer;
}

.OpenCmsApolloWebform .mb-20:p{
    color:red!important;
}
.OpenCmsApolloWebform p{
color: #1c2024;
border-left-color: #24c3cc;
line-height: 1.55 !important;
font-size: 1.8rem !important;
letter-spacing: .01em !important;
padding: 3.2rem !important;
max-width: 54em !important;
background-color: #f5f5f0 !important;
}
  


#form_captcha_id{
  margin-bottom: 10px;
}


.ui-grid-viewport {
    overflow-anchor: none;
}