/*
 * Author: http://stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries/
 */


/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    /* Styles */
}


/* Smartphones (landscape) ----------- */

@media only screen and (min-width: 321px) {
    /* Styles */
}


/* Smartphones (portrait) ----------- */

@media only screen and (max-width: 320px) {
    /* Styles */
}


/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* Styles */
}


/* iPads (landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* Styles */
}


/* iPads (portrait) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* Styles */
}

@media (max-width: 991px) {
    .solution-cont .tab-content>.tab-pane {
        display: block;
        overflow: hidden;
        padding-top: 20px;
    }
    .solution-cont .tab-content>.tab-pane.collapse:not(.in) {
        display: none;
    }
}

@media (max-width: 991px) and (min-width: 812.02px) {
    .modal--body .form-infotext {
        color: #000000;
    }
}


/* NOT Desktops and laptops ----------- */

@media only screen and (max-width: 812px) {
    .form-fields .form-infotext, .form-fields + .form-infotext, .form-fields ~ .form-infotext-phone {
        color: #0065B3;
    }
    .head-info {
        text-align: center;
    }
    .teal-button {
        margin: 0 auto;
    }
    .container,
    div[class^="col-"] {
        padding-right: 10px;
        padding-left: 10px;
    }
    .row {
        margin-right: -10px;
        margin-left: -10px;
    }
    /**/
    h2 {
        font-size: 30px;
    }
    p {
        font-size: 14px;
    }
    /**/
    .subheader {
        font-size: 20px;
    }
    .button-wrap a,
    .button-wrap button {
        width: 100%;
        border-radius: 0;
        font-size: 12px;
        line-height: 44px;
        padding: 0 5px;
    }
    /**/
    .crew-box .crew-item {
        margin-bottom: 24px;
    }
    /**/
    .combo-form .input-item {
        width: 100%;
        margin-top: 0;
        margin-bottom: 20px;
    }
    .combo-form .input-item input {
        border-color: transparent;
    }
    /**/
    header .header-cont {
        padding-top: 10px;
    }
    /**/
    .intro-cont {
        padding-bottom: 22px;
    }
    .intro-cont h1 {
        font-size: 24px;
        line-height: 1.55;
    }
    .intro-cont .digit-item+.digit-item {
        margin-left: 50px;
    }
    .intro-cont .digit-item span:first-child {
        font-size: 40px;
    }
    /**/
    .mainslider-cont {
        padding-top: 0;
        padding-bottom: 10px;
    }
    .mainslider-cont .slide-item {
        border-radius: 5px;
    }
    /*.mainslider-cont .slide-item:after {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .3)
    }*/
    .mainslider-cont .slick-prev {
        left: 15px;
        background-image: url('../img/arrow-point-to-left-w.png');
        opacity: 1;
    }
    .mainslider-cont .slick-next {
        right: 15px;
        background-image: url('../img/arrow-point-to-right-w.png');
        opacity: 1;
    }
    /**/
    .task-cont {
        padding-top: 10px;
    }
    /**/
    .solution-cont {
        padding-bottom: 0;
    }
    .solution-cont .left-col li {
        font-size: 14px;
    }
    /**/
    .result-cont {
        padding-bottom: 0;
    }
    /**/
    .afterresult-cont {
        padding-bottom: 0;
    }
    /**/
    .afterresult2-cont {
        padding-bottom: 0;
    }
    /**/
    .afterresult3-cont {
        padding-bottom: 0;
    }
    /**/
    .bg-footer-sect {
        height: 305px;
        bottom: 113px;
    }
    .footer-cont {
        padding-bottom: 20px;
    }
    .footer-cont .anton-item {
        min-height: 272px;
        background: url('../img/anton.png') 100% 100%/200px no-repeat;
    }
    .footer-cont .anton-item .text-box {
        max-width: 140px;
        padding-top: 24px;
        padding-bottom: 170px;
    }
    .footer-cont .form-infotext {
        font-size: 20px;
        color: #0065B3;
    }
    .form-fields ~ .form-infotext-phone {
        color: #0065B3;
    }
    .form-fields .form-infotext {
        color: #ffffff;
    }
    .form-fields {
        padding-top: 10px;
    }
    .footer-cont .anton-item+.form-infotext {
        color: #fff;
        margin-top: 12px;
        margin-bottom: 20px;
    }
    .footer-cont .form-infotext-phone {
        font-weight: 700;
    }
    .footer-cont {}
    .footer-cont .button-wrap button {
        background-color: #00C6CB;
        margin-bottom: 20px;
    }
    .footer-cont .button-wrap button:hover {
        background-color: #60C6CB;
    }

    /**/
    /**/
    .modal-dialog {
        max-width: calc(100vw - 20px);
    }
    /**/
     ::-webkit-input-placeholder {
        color: #237385;
        opacity: 1;
    }
    /* webkit */
     ::-moz-placeholder {
        color: #237385;
        opacity: 1;
    }
    /* Firefox 19+ */
     :-moz-placeholder {
        color: #237385;
        opacity: 1;
    }
    /* Firefox 18- */
     :-ms-input-placeholder {
        color: #237385;
        opacity: 1;
    }
    /* IE */
}


/* Desktops and laptops ----------- */

@media only screen and (min-width: 1024px) {
    /* Styles */
    /**/
    .crew-box .crew-item {
        display: inline-block;
        width: 50%;
    }
    /**/
    /**/
    .mainslider-cont .slide-item {
        opacity: .5;
    }
    /**/
    .task-cont .left-col {
        padding-right: 170px;
    }.task-cont .right-col {
		max-height: 605px;
	}
	.afterresult-cont .right-col {
		max-height: 500px;
	}
    .solution-cont .left-col {
        padding-right: 170px;
    }
    .result-cont .left-col {
        padding-right: 170px;
    }
    .afterresult-cont .left-col {
        padding-right: 70px;
    }
    .afterresult2-cont .left-col {
        padding-right: 70px;
    }
    .afterresult3-cont .left-col {
        padding-right: 70px;
    }
    /**/
    .footer-cont .combo-form {
        max-width: 490px;
        background-color: #fff;
        border-radius: 7px;
        -webkit-box-shadow: 0 9px 22px 0 rgba(153, 153, 153, 0.64);
        box-shadow: 0 9px 22px 0 rgba(153, 153, 153, 0.64);
        padding: 30px 20px;
        margin-bottom: -30px;
        margin-left: auto;
    }
    .footer-cont .combo-form .input-item+.input-item {
        margin-left: 12px;
    }
}


/* Large screens ----------- */

@media only screen and (min-width: 1824px) {
    /* Styles */
}


/* iPhone 4 ----------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    /* Styles */
}