@import url(//fonts.googleapis.com/css?family=PT+Sans&subset=latin,cyrillic);

        body {
	        font-family: 'PT Sans', sans-serif;
            font-size: 14px;
        }

        * {
            box-shadow: none!important;
            text-shadow: none!important;
        }

        a:link {
            text-decoration: underline;
            /*
             * color: #3fbaa5;
             */
        }

        a:hover,
        h1 a:link {
            text-decoration: none;
        }

        a:link,
        a:hover,
        a:focus,
        a:active,
        a:visited {
            color: #006654;
            border: 0;
            background: transparent;
        }

        h1, h2, h3, h4, h5, h6 {
            /*margin: 0;*/
        }

        h1, h2 {
            text-transform: uppercase;
        }

        .subtitle {
            margin-top: -18px;
        }

        h3 {
            font-size: 18px;
            line-height: 22px;
        }

        h3 a {
            font-weight: normal;
            color: #006654;
        }

        h3 a:hover {
            text-decoration: none;
            color: #006654;
        }

        /* Custom container */
        .container {
            margin: 0 auto;
            max-width: 940px;
        }

        #main-menu {
            min-height: 80px;
        }

        .navbar-inner {
            border-bottom: 0;
            padding: 0;
            background: white;
        }

        .navbar-inner .container {
        }

        .navbar-inner .container a {
            display: block;
            position: relative;
            float: left;
            height: 80px;
            margin-right: 20px;
        }

        #main-logo {
            margin-top: 10px;
            height: 60px;
            width: auto;
        }

        .navbar .nav {
            /*margin: 0;*/
            margin: 0 0 0 40px;
            color: #212121;
            max-width: 523px;
        }

        .navbar .nav li {
            display: block;
            width: auto;
            height: 80px;
            float: left;
            padding: 0;
            margin: 0;
        }

        .navbar .nav li a {
            display: block;
            margin: 0;
            padding: 32px 6px 32px 6px;
            height: 16px;
            color: #212121;
            font-size: 14px;
            font-weight: normal;
        }

        .navbar .nav li a:hover {
            background: #3fbaa5;
            text-shadow: none;
            color: white;
        }

        #social-buttons {
            padding: 24px 0 24px 0;
            margin: 0 0 0 -16px;
            height: 32px;
            width: auto;
            float: right;
        }

        #social-buttons li {
            width: 32px;
            padding: 0;
            margin: 0 0 0 6px;
        }

        #social-buttons li a {
            display: block;
            width: 32px;
            height: 32px;
            margin: 0;
            padding: 0;
            background-size: 32px 32px;
        }

        #social-buttons li a:hover {
            background-size: 32px 32px;
        }

        #social-buttons li img {
            width: 32px;
            height: 32px;
        }

        #social-picto-I       { background: url(/static/img/picto/black_instagram.jpg); }
        #social-picto-I:hover       { background: url(/static/img/picto/green_instagram.jpg); }
        #social-picto-G       { background: url(/static/img/picto/black_google.png); }
        #social-picto-G:hover { background: url(/static/img/picto/green_google.png); }

        #social-picto-F       { background: url(/static/img/picto/black_facebook.jpg); }
        #social-picto-F:hover { background: url(/static/img/picto/green_facebook.jpg); }

        #social-picto-T       { background: url(/static/img/picto/black_twitter.png); }
        #social-picto-T:hover { background: url(/static/img/picto/green_twitter.png); }

        #social-picto-V       { background: url(/static/img/picto/black_vk.png); }
        #social-picto-V:hover { background: url(/static/img/picto/blue_vk.png); }


        header {
            height: 433px;
            min-height: 250px;
            position: relative;
            background-color: #efefef;
            background-size: 100% auto;
            color: white;
        }

/*
        @media (min-width: 1360px)
        {
            header {
                background-size: 100% auto;
            }
        }
*/
        #tagline {
            margin-top: 80px;
        }

        #tagline h1 {
            font-size: 36px;
            line-height: 34px;
            float: left;
            background-color: rgba(0, 0, 0, 0.7);
            padding: 2px 1em 2px 1em;
            text-transform: none;
        }

        #tagline p {
            display: block;
            /*float: right;*/
            width: 225px;
            margin-top: 30px;
            padding: 0;
        }

        @media (max-width: 767px)
        {
            #tagline h1 {
                width: auto;
            }
        }

        @media (max-height: 660px)
        {
            header {
                min-height: 350px;
                height: auto;
            }
            #tagline h1 {
                font-size: 30px;
                line-height: 28px;
            }
        }

        @media (max-height: 560px)
        {
            header {
                min-height: 250px;
                height: auto;
            }
            #tagline {
                margin-top: 55px;
            }
            #tagline h1 {
                float: left;
                font-size: 30px;
                line-height: 28px;
            }
            #tagline p {
                float: right;
                margin: 0;
            }
        }

        .special-title a {
            text-transform: uppercase;
            font-size: 36px;
            font-weight: 700;
            line-height: 42px;
            letter-spacing: -1px;
            color: #006654;
            margin: 0;
        }

        a.btn {
            display: inline-block;
            text-decoration: none;
            color: white!important;
            background: #3fbaa5;
            border: 0;
            border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
        }

        a.btn:hover {
            text-decoration: none;
            background: #006654;
        }

        a.btn-red {
            background: #FB788D;
        }
        a.btn-red:hover {
            text-decoration: none;
            background: #F75467;
        }

        .btn-large {
            padding: 33px 45px 33px 45px;
        }

        .btn-long {
            padding: 33px 80px 33px 80px;
        }

        .special-text {
            font-size: 15px;
            font-weight: normal;
        }

        footer {
            overflow: hidden;
            margin: 0;
        }

        footer, #main-box .container, .content-box {
            background: white;
        }

        #main-box {
            margin-top: 20px;
        }

        #main-box .content-box {
            margin-bottom: 0;
        }

        .bg-pic {
            background: #eee url(/static/img/bg2.png);
        }

        .content-box {
            margin-top: 20px;
            margin-bottom: 20px;
            min-height: 244px;
        }

        .content-box .wrapper {
            padding: 20px;
        }

        .content-box .wrapper :first-child {
            margin-top: 0;
        }

        .content-box .wrapper :last-child {
            margin-bottom: 0;
        }

        #main-box .wrapper {
            padding-top: 0;
            padding-left: 0;
        }

        .mini-newsie-box .wrapper {
            padding: 20px;
        }

        .content-box .wrapper p {
            line-height: 16px;
        }

        .content-box .date {
            font-size: 11px;
            color: #6e6e6e;
            margin: 8px 0 16px 0;
            display: block;
        }

        #submenu, #workshops {
            text-align: center;
            background: #212121;
            overflow: hidden;
            margin: 0;
        }

        #submenu .container {
            padding: 4px 0 0 0;
        }

        #workshops {
            min-height: 80px;
            padding: 0;
        }

        .workshop-menu {

        }

        .hoverscroll {
        }

        .workshop-menu li {
            width: 235px;
            height: 80px;
            padding: 0;
            background: transparent;
            text-align: left;
            font-size: 12px;
            line-height: 1.0;
        }

        .workshop-menu li:hover {
            background: #3fbaa5;
        }

        .workshop-menu a {
            display:block;
            color: white;
        }

        .workshop-menu a:hover {
            color: #006654;
        }

        .workshop-menu img {

        }

        .workshop-menu div {
            float: left;
        }

        .workshop-img {
            width: 80px;
            height: 80px;
            margin-top: 10px;
            margin-left: 10px;
        }

        .workshop-link {
            width: 120px;
            height: 80px;
            margin-top: 20px;
        }

        .submenu-button {
            margin: 0 30px 0 30px;
        }

        .submenu-button a {
            color: white;
        }

        #main-img .wrapper {
            background: #666;
            /*min-height: 444px;*/
            padding: 0;
            margin: 0 0 20px 20px;
        }

        #main-img .wrapper img {
            width: 100%;
            height: auto;
        }

        .vertical-spacer {
            display: block;
            float: left;
            width: 100%;
            height: 75px;
        }

        /** The Photo Galery Page */
        .photo-galery .clear-left {
            clear: left;
        }

        .photo-galery ul {
            display: block;
            list-style-type: none;
            margin: 0;
        }

        .photo-galery ul li {
            display: block;
            float: left;
            width: 300px;
            height: 300px;
        }

        .photo-galery ul li a {
            display: block;
            position: relative;
        }

        .photo-galery ul li a img {
            width: 300px;
            height: 300px;
        }

        .photo-galery ul li a .photo-comment {
            position: absolute;
            display: none;
            background: #3fbaa5;
            color: white;
            font-size: 130%;
            bottom: 0;
            right: 0;
            width: auto;
            height: 18px;
            padding: 20px;
            overflow: hidden;
        }

        .photo-galery ul li a:hover .photo-comment {
            display: block;
        }
        /** End of Workshop-List Page styles */

        /** The Workshop-List Page */
        .workshop-list {
            background: #4d4d4d url(/static/img/bg3.png);
        }

        .workshop-list div {
            background: transparent;
        }

        .workshop-list ul {
            list-style-type: none;
            margin: 0;
        }

        .workshop-list ul li {
            display: block;
            float: left;
        }

        .workshop-list .grid-menu ul li {
            margin: 20px 0 20px 0;
        }

        .workshop-list .scroll-menu ul li {
            margin: 0;
        }

        .workshop-list a
        /*.workshop-list a div*/ {
            width: 235px;
            height: 80px;
            display: block;
        }

        .workshop-list a img {
            width: 58px;
            height: 58px;
            margin: 11px;
            float: left;
            display: block;
        }

        .workshop-list a div div {
            text-decoration: underline;
            padding-top: 20px;
            width: 155px;
            height: 60px;
            line-height: 15px;
        }

        .workshop-list a:hover div {
            text-decoration: underline;
        }
        /** End of Workshop-List Page styles */

        /** The Workshop-Info Page */
        .workshop-info .span6 {
            /*width: 440px;*/
        }

        .workshop-info .span12 .span12 {
            width: 900px;
        }

        .workshop-info .wide-box {
            position: relative;
            height: 20px;
        }

        .workshop-info .right {
            position: absolute;
            right: 0;
            margin-right: 40px;
        }

        .workshop-info .media-container {
            margin: 40px 0 40px 0;
        }

        .workshop-info .media-container > * {
            display: inline-block;
        }

        .workshop-info .media-container img {
            float: left;
            width: 64px;
            height: 64px;
        }

        .workshop-info .workshop-name-container {
            width: 185px;
            height: 80px;
            margin: 0 10px 0 10px;
            padding: 6px 0 0 0;
            /*overflow: hidden*/;
        }

        .workshop-info .workshop-name-container > * {
            margin: 0;
            white-space: nowrap;
        }

        .workshop-info .workshop-name-container h4 {
            line-height: 26px;
            font-size: 16px;
        }

        .workshop-info .workshop-name-container .date {
            margin-top: -6px;
            line-height: 12px;
        }

        .workshop-info .btn-large {
            float: right;
            font-size: 90%;
            padding: 27px 35px 27px 35px;
        }

        .workshop-info .directors > * {
            margin: 0;
            padding: 0;
        }

        .workshop-info .directors .person-status {
            font-size: 11px;
            color: #6e6e6e;
            display: block;
            line-height: 10px;
        }

        .workshop-info .directors .fullname {
            font-weight: 600;
            font-size: 16px;
        }
        /** End of Workshop-Info Page styles */

        .arrow-container {
            position: relative;
            text-align: center;
            height: 40px;
            margin-top: 40px;
        }

        .arrow-container p {
            margin-right: 40px;
        }

        .left-arrow,
        .right-arrow {
            height: 30px;
            width: auto;
            position: absolute;
            bottom: 0;
            cursor: pointer;
        }

        .left-arrow {
            left: 0;
        }

        .right-arrow {
            right: 40px;
        }

        /** The Application Form Page styles */
        .application-form .span6 {
            width: 440px;
        }

        .application-form .span5 {
            width: 360px;
        }

        .application-form .span4 {
            width: 280px;
        }

        .application-form fieldset {
            margin: 30px 0 0 0;
        }

        .application-form .tall textarea {
            min-height: 250px;
        }

        .application-form textarea,
        .application-form input,
        .application-form select {
            border-color: #eee;
            border-width: 3px 1px 1px 1px;
        }

        .application-form textarea:focus,
        .application-form input:focus,
        .application-form select:focus {
            border-color: #3fbaa5;
        }

        .application-form input {
            font-size: 16px;
            height: 30px;
        }

        .application-form select {
            font-size: 16px;
            height: 40px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            width: 234px;
        }

        .application-form .slider-handle {
            background: #3fbaa5;
            opacity: 1.0;
        }

        .application-form .slider-track {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            background: #eee;
        }

        .application-form .photo-upload-place input[type="file"] {
            opacity: 0;
            margin-top: 0px;
            position: relative;
            z-index: 5;
            width: 200px;
            height: 200px;
        }

        .application-form .photo-upload-place {
            width: 200px;
            height: 200px;
            -webkit-border-radius: 200px;
            -moz-border-radius: 200px;
            border-radius: 200px;
            background-color: #eee;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 100%;
        }

        .application-form .photo-upload-place .button {
            border: 0;
            background: transparent;
            text-align: center;
            font-size: 18px;
            color: #006654;
            text-decoration: underline;
        }

        .application-form .photo-upload-place .button:hover {
            text-decoration: none;
        }

        .application-form .photo-upload-place .text-wrapper {
            display: block;
            position: absolute;
            width: 200px;
            height: 200px;
            margin-top: -130px;
            text-align: center;
            padding-top: 90px;
            font-size: 18px;
            z-index: 0;
        }

        .application-form .photo-upload-place #upload-message {

        }

        .application-form .photo-upload-place #upload-confirm {
            display: none;
        }

        .application-form .photo-upload-place .help-inline {
            color: #b94a48;
            text-align: center;
            display: block;
        }

        .application-form .photo-upload-place .sub-text-wrapper {
            color: #006654;
            display: block;
            text-align: center;
            font-size: 13px;
            line-height: 13px;
        }

        .application-form .photo-upload-alert {
            padding: 10px;
            background: #eee;
            width: 180px;
            margin-top: 20px;
            position: absolute;
        }

        .application-form .photo-upload-alert-wrapper {
            padding: 20px;
            background: white;
        }

        #parents {
            display: none;
        }

        .application-form .underage-alert {
            padding: 10px;
            background: #eee;
            width: 180px;
            margin-top: 20px;
            position: absolute;
        }

        .application-form .underage-alert-wrapper {
            padding: 20px;
            background: white;
        }

        .application-form h3,
        .application-form .application-aux-info label {
            margin: 0;
            font-size: 17px;
            font-weight: 400;
            line-height: 22px;
        }

        .application-form ul {
            list-style: none;
        }

        .application-form .control-group {
            margin: 0 0 20px 0;
            padding: 0;
        }

        .application-form .control-label {
            display: block;
            margin: 0;
            padding: 0;
            float: none;
            text-align: left;
            width: 100%;
            color: #6e6e6e;
            font-size: 12px;
        }

        .application-form .controls {
            margin: 0 20px 0 0;
        }

        .application-form label {
            display: inline-block;
        }

        .application-form .controls input[type="checkbox"],
        .application-form .controls input[type="radio"] {
            width: 30px;
        }

        .application-form .controls input[type="text"] {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            width: 220px;
        }

        .application-form textarea {
            width: 100%;
            height: 40px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }
        /** End of Application Form Page styles */

        .center {
            width: 100%;
            text-align: center;
        }

        .major-newsie .center-box {
            padding-bottom: 0;
        }

        .major-newsie .special-text {
            text-indent: 30px;
        }

        .center-box {
            position: relative;
            overflow: hidden;
        }

        .cf {
            position: relative;
            display: table;
            margin: 0 auto;
        }

        .cf img {
            display: table-cell;
        }

        .photo-comment {
            position: relative;
            display: table-cell;
            height: 100px;
            width: 100px;
        }

        .photo-comment p {
            position: absolute;
            bottom: 0;
            margin: 0 0 0 20px;
            font-size: 11px;
        }

        .highlights > a {
            position: relative;
            height: auto;
            width: auto;
        }

        .mini-newsie-box .date {
            margin: 0;
            line-height: 10px;
        }

        .mini-newsie {
            margin: 0 0 20px 0;
            width: 100%;
            overflow: hidden;
        }

        .mini-newsie h3 {
            font-size: 15px;
            line-height: 17px;
            margin: 0;
        }

        .mini-newsie div {
            float: right;
            width: 180px;
            margin-left: 20px;
            line-height: 20px;
        }

        .thumbnail-newsie-box .date {
            margin: 0;
            line-height: 10px;
        }

        .thumbnail-newsie {
            margin: 0 0 20px 0;
            width: 100%;
            overflow: hidden;
        }

        .thumbnail-newsie h3 {
            font-size: 15px;
            line-height: 17px;
            margin: 0;
        }

        .thumbnail-newsie div {
            float: right;
            width: 180px;
            margin-left: 20px;
            line-height: 20px;
        }

        .news {
        }

        /*
         * Footer
         */
        #partner-box {
            list-style-type: none;
            padding: 0;
            margin: 0 0 13px 0;
        }

        #partner-box div {
            display: inline-block;
            margin: 0 13px 0 0;
        }

        #partner-box div div, #partner-box div div a div {
            height: 105px;
        }

        #partner-box div div a div {
            opacity: 0;
        }

        #partner-box div div a div:hover {
            opacity: 1;
        }

        .partner-frame {
            text-align: center; margin: 1em 0;
            height: 105px;
        }

        .partner-frame img {
            vertical-align: middle;
            max-height: 105px;
            max-width: 75%;
        }

        .partner-small-frame {
            height: 55px;
            width: 100px;
            text-align: center; margin: 1em 1em 0;
        }

        .partner-frame-helper {
            display: inline-block;
            height: 100%;
            vertical-align: middle;
        }


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

        #partner-box li a:hover img {
            /* Grayscal Off */
        /*    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
            -webkit-filter: grayscale(0%);
        }

        #partner-box img {
            max-height: 50px;
        }*/

        h4 {
            font-size: 14px;
            font-weight: normal;
        }

        #contacts-box {
            padding: 20px 0 0 0;
            font-size: 14px;
            font-weight: normal;
            line-height: 16px;
            width: 100%;
            text-align: right;
        }

        #contacts-box a {
            font-size: 12px;
        }

        .phone-number {
            display: block;
            font-size: 12px;
        }
        .text {
            display: block;
            font-size: 12px;
        }

        .copyright {
            padding: 20px 0 0 0;
            display: block;
            font-size: 12px;
            text-align: right;
            color: #888;
            text-transform: uppercase;
        }


#do-want-button {width: 140px;}

#apply-workshop {
  width: 140px;
  font-weight: 700;
  border: 1px solid;
}

#apply-workshop-bottom{
  width: 80%;
  font-weight: 700;
  border: 1px solid;
}

.warning {
  font-family: Arial, Helvetica, san-serif;
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 70px;
  background-repeat: no-repeat;
  background-position: 10px center;
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url(/static/img/warning.png);
}