@media only screen and (max-width: 666px) { 
    .captcha:before, .captcha:after,
    .img-captcha:before, .img-captcha:after{
        content: " ";
        display: table;
    }
    .img-captcha:after,
    .captcha:after {
        clear: both;
    }
    .captcha input {
        display:inline-block;
        float:none !important;
        margin-bottom:10px !important;
    }
    .img-captcha {
        max-width:300px;
        margin:0px auto 10px;
    }
    .modal .contact-form {
        text-align:center;
    }
}
@media only screen and (min-width: 606px) { 
    .captcha span {
        font-size:1em;
        max-width: 100px;
    }
    .captcha input {
        margin:0 0 0 10px;
    }
}
@media only screen and (min-width: 667px) { 
     .captcha {
        margin-top:-10px;
        float:left;
    }
    .img-captcha,
    .captcha img{
        float:left;
    }
    .contact-form input[type="submit"] {
        float:right;
        margin-top:-10px;
    }
    .modal .contact-form input[type="submit"] {
        float:none;
        margin-top:10px;
    }
    .modal .captcha input[type="text"] {
        max-width:170px;
        width:auto;
    }


}
@media only screen and (max-width: 880px) {
    /* ==========================================================================
    HEADER + MOBILE MENU
   ========================================================================== */
    /* HEADER */
    #nav-trigger {
        display: block; 
        height: 50px;
        background-color: #e17c26;
        padding:0 20px;
    }
    .sub-page #nav-trigger {
        margin:0 -20px;
    }
    nav#nav-main {
        display: none; 
    }
    nav#nav-mobile {
        display: block; 
    }
    nav#nav-mobile li > a {
        padding:5px 30px;
        margin:0;
    }
    nav#nav-mobile li { 
        margin:0px;
        padding:0px;
        text-align: center;
    }
    nav#nav-mobile ul ul li {
        display:inline-block;
        border:1px solid #fff;
        margin:5px;

    }
    nav#nav-mobile ul ul li a{
        font-size:14px;
        padding:5px 10px;
    }
    nav#nav-mobile ul ul li.catalogs {
        display:none;
    }
    .blog ul {
        max-width:400px;
        margin:0 auto;
    }
    .blog article {
        text-align:center;
        margin-bottom:40px;
    }
    .blog ul li {
        padding:20px;
        text-align:center;
    }
    .blog article .news-img,
    .blog ul li .news-img {
        display:inline-block;
    }
    .blog article p {
        text-align:left;
    }
}

@media only screen and (min-width: 881px) {
    .hidden-lg {
        display:none !important;
    }
    body {
        height: calc(100vh - 100px);
    }
    main {
        margin-top: 6.25em; /* 100/16 */
        min-height: calc(100vh - 159px);
    }
    .container {
        padding:0 6.25em; /* 100/16 */
    }
    header {
        height:6.25em; /* 100/16 */
        background-color: #e27b00;
    }
    header > .container > a  {
        font-size:135%;
        padding:1.2380952380952381em 0 0 0; /* 26/21 */
    }
    header.smaller {
        font-size:0.7em;
    }
    header.smaller nav#nav-main a {
        font-weight:600;
    }
    .nav-menu li {
        float: left;
    }
    .hero {
        background: url(../img/hero/hero.jpg) no-repeat 100% 100%;
        background-size: cover;
        min-height: 650px;
        margin: 0;
        padding-top:90px;
    }
    .hero h1 {
       margin-bottom:0.7em;
    }
    .hero h2 {
        font-size:1.875em; /* 30/16 */
    }
    .hero p {
        font-size:1.125em; /* 18/16 */
        margin-bottom:2.2222222222222223em; /* 40/18 */
    }
    /* ==========================================================================
    SECTIONS
   ========================================================================== */
    .page-home section,
    .blog {
        padding:5em 0; /* 80/16 */
    }
    .termins {
        margin-top:3.4375em; /* 55/16 */
    }
    /* ==========================================================================
    BG PANELS
    ========================================================================== */
    .bg-panel {
        padding:7.5em; /* 120/16 */
    }
    .bg-panel p{
        font-size:3em; /* 48/16 */
        max-width:18.125em; /* 870/48 */
        margin:0 auto;
    }
    .panel-1 {
        background: url(../img/bg/bg-1-2.jpg) no-repeat 0 0 fixed;
        background-size: cover;
    }
    .panel-2 {
        background: url(../img/bg/bg-2-2.jpg) no-repeat 0 0 fixed;
        background-size: cover;
    }
    .courses {
        margin:3.75em 0; /* 60/16 */
    }
    .course-type {
        margin:0;
        width:310px;
        display:inline-block;
        margin-right:31px;
        margin-bottom:31px;
        position:relative;
        bottom:-100px;
    }
    .course-type-head {
        padding:0.9375em 0 0.5em; /* 15/16 */ /* 8/16 */
    }
    .course-type:last-child {
        margin:0;
    }
    .course-type-cont {
        padding:0.9375em 1.25em 1.25em; /* 15/16 */ /* 20/16 */ /* 20/16 */
    }
    .course-type-cont p {
        margin-bottom:15px;
    }
    .course-type-cont {
        height:340px;
    }
    .course-type-foot ul,
    .course-type-cont ul {
        max-width:none;
    } 
    .course-type-foot ul {
        margin:0.625em 0 1.45em 3.4375em; /* 55/16 */ /* 10/16 */ /* 10/16 */ /* 20/16 */

    }
    .course-type-foot ul.check li.price,
    .course-type-foot ul.check li.time {
        line-height:1;
        padding-left:45px;
    }
    .course-type-cont ul.check li {
        line-height:1.2;
    }
    /* ==========================================================================
    GRID
    ========================================================================== */
    .grid {
        float:left;
    }
    .grid-1-2 {
        width:48%;
        margin:0.5%;
    }
    .contact-form .grid-1-2 {
        margin: 0 2% 0 0%;
    }
    .contact-form .grid-1-2:last-child {
        margin:0 0 0 2%;
    }
    .contact-maps .grid-1-2:last-child {
        padding-left:60px;
        width:50%;
    }
    .about > .group  > .grid-1-2 {
        width:45%;
        margin:2.5% 2.5% 0;
    }
    .grid-1-3 {
        width:33.33%;
        display:inline-block;
        float:none;
    }
    .pdf .grid-1-4 {
        width:25%;
    }
    .grid-1-5 {
        width:20% !important;
    }
    .timeline-left {
        width:59%;
        position:relative;
    }
    .timeline-right {
        width:41%;
    }

    .grid-75 {
        width:75%;
        padding-right:4%;
    }
    .grid-25 {
        width:25%;
    }
    /* ==========================================================================
    DIV TABLES
    ========================================================================== */
    .table {
        display:table;
        width:100%;
        margin:0 auto 2.3125em; /* 37/16 */
    }
    .table > div:last-child {
        padding-left: 20px;
    }
    /* ==========================================================================
    CONTAIN
    ========================================================================== */
    .contain {
        max-width:770px;
        padding-left:25px;
        margin:60px auto 0;
    }
    .sm-desktop + p {
        margin-top:40px;
    }

    /* ==========================================================================
    REFERENCE SLIDER
    ========================================================================== */
    #reference {
        margin-top:100px;
    }
    .reference-item {
        text-align:left;
    }
    .reference-item img {
        display:block;
        float:left;
        margin:10px 20px 50px;
    }
    .owl-theme .owl-controls{
        display:block !important;
    }
    /* ==========================================================================
    TIMELINE
    ========================================================================== */
    .arrow-box { 
        max-width:400px;
        padding:25px 25px;
        float:left;
        margin:0 0 20px;
        position:relative;
    }
    /* ==========================================================================
    PDF
    ========================================================================== */
    .pdf {
        max-width:735px;
        margin:50px auto 0;
    }
    /* ==========================================================================
    ABOUT
    ========================================================================== */
    .about > .group > .grid > img {
        display:block;
    }
   /* .group + .group {
        margin-top:-80px;
    }*/
     /* ==========================================================================
    LICENSE
    ========================================================================== */
    .license {
        margin-top:3.125em; /* 50/16 */
    }
    .license ul {
        margin-top:2.5em; /* 40/16 */
        max-width:none;
    }
    .license ul li {
        padding: 0 10px;
        text-align:center;
    }
    .license ul li img {
        float:none;
        max-width:100%;
    }
    .license ul li a img{
        -webkit-transition: all 200ms ease-in;
        -webkit-transform: scale(1); 
        -ms-transition: all 200ms ease-in;
        -ms-transform: scale(1); 
        -moz-transition: all 200ms ease-in;
        -moz-transform: scale(1);
        transition: all 200ms ease-in;
        transform: scale(1);  
    }
    .license ul li a:hover img{
         -webkit-transition: all 200ms ease-in;
        -webkit-transform: scale(1.1);
        -ms-transition: all 200ms ease-in;
        -ms-transform: scale(1.1);   
        -moz-transition: all 200ms ease-in;
        -moz-transform: scale(1.1);
        transition: all 200ms ease-in;
        transform: scale(1.1);
    }
    .license ul li a p {
        position:relative;
        top:-40px;
    }
    /* ==========================================================================
    CONTACT
    ========================================================================== */
    .contact-form {
        max-width:581px;
        margin:65px auto 90px;
    }
    .captcha .bottom-left {
        float:left;
    }
    .captcha .bottom-right {
        float:right;
    }
    .contact-form.group + .captcha.group {
        margin-top:0px;
    }
    .contact-maps .map {
        margin:0;
        max-width:455px;
        height:280px;
    }
    #map-canvas,
    #map-canvas-2 {
        display:block;
        margin:40px 0 0 0;
    }
    /* ==========================================================================
    FOOTER
    ========================================================================== */
    footer p:first-child {
        margin-bottom:0;
    }
    footer p:last-child {
        margin-top:10px;
    }
    /* ==========================================================================
    NEWS
    ========================================================================== */
    .blog ul li,
    .blog article{
        display:table;
        width:100%;
    }
    .blog ul li a h3 {
        margin:-10px 0 10px;
    }
    .blog article h3 {
        margin:-5px 0 10px;
        line-height:1.2;
    }
    .blog article .news-img,
    .blog article .news-cont {
        vertical-align:top;
    }
    article p {
        font-size:1em;
    }
    article p time {
        font-size:1.125em; /* 18/16 */
        margin-bottom:0;
    }
    .news-img {
        width:160px;
        display:table-cell;
        vertical-align:middle;
        text-align: center;
    }
    .news-cont {
        display:table-cell;
        padding-right:15px;
    }
    .blog .grid-25 ul li {
        min-height:115px;
    }
}

@media (min-width:1200px) {
     /* ==========================================================================
    TIMELINE
    ========================================================================== */
     .timeline-left:after {
        content:'';
        background:url('../img/sprites/sprite-timeline.png') no-repeat 100% 100%;
        right:45px;
        top:83px;
        width:95px;
        height:583px;
        position:absolute;
    }
    .timeline-right {
        padding-top:90px;
    }
    .arrow-box:after {
        content:'';
        background:url('../img/sprites/sprite-icons.png') no-repeat -272px -8px;
        right:-24px;
        position:absolute;
        width:48px;
        height:48px;
    }
    .arrow-box.arrow-1:after{
        top:85px;
    }
    .arrow-box.arrow-2:after{
        top:110px;
    }
    .arrow-box.arrow-3:after{
        top:40px;
    }
    .arrow-box.arrow-4:after,
    .arrow-box.arrow-5:after,
    .arrow-box.arrow-6:after {
        right:auto;
        left:-24px;
    }
    .arrow-box.arrow-4:after {
        top:110px;
    }
    .arrow-box.arrow-5:after {
        top:65px;
    }
    .arrow-box.arrow-6:after {
        top:115px;
    }
    
}
@media (max-width:699px) {
    .modal-dialog {
        margin-top:0 !important;
    }
}
@media (min-width:700px) {
    /* =======================
    =============== MODAL ====== */
    .modal-dialog {
      width: 600px;
      margin: 30px auto;
      border-radius: 4px 4px 0px 0px;
    }
    .modal-header {
        font-size:18px;
        border-radius: 4px 4px 0px 0px;
        padding:30px 0;
    }
    .modal-content {
      -webkit-box-shadow: 0 0 5px rgba(31,28,29,.2);
      -moz-box-shadow: 0 0 5px rgba(31,28,29,.2);
      box-shadow: 0 0 5px rgba(31,28,29,.2);
      border-radius: 4px 4px 0px 0px;
    }
    .modal-body {
      padding:30px 50px 30px 50px;
    }
    .modal-grid-left,
    .modal-grid-right {
        float:left;
    }
    .modal-grid-left {
        width:65%;
    }
    .modal-grid-right {
        width:35%;
        padding-left:17px;
    }
}










































@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}