/* carousel */
    .carousel .item.left,
    .carousel .item.right{
    	height: auto;
    }
    .carousel-control.right-arrow {
        right: 0;
        left: auto;
    }
    .carousel-control span:after{
    	color: #000;
        content: '';
        border-style: solid;
        display: block;
        position: absolute;
        top: 50%;
        opacity: 0.3;
    }
    .carousel-control .carousel-right:after{
    	-webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    	left: auto;
    }
    .carousel-control .carousel-left:after{
    	-webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        right: auto;
    }

/* titles */
    .main-titles{
        color: #656565;
        text-transform: uppercase;
        font-size: 18px;
        letter-spacing: 8px;
        margin: 0;
        padding: 0 15px;
    }
    .block-title{
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 8px;
    }

/* placeholder */
    .form-section input[type="text"]:focus::-webkit-input-placeholder{
      color: transparent;
      opacity: 0;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
    }
    .form-section input[type="text"]:focus::-moz-placeholder{
      color: transparent;
      opacity: 0;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
    }
    .form-section input[type="text"]:focus:-moz-placeholder{
      color: transparent;
      opacity: 0;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
    }
    .form-section input[type="text"]:focus:-ms-input-placeholder{
      color: transparent;
      opacity: 0;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
    }
    .form-section input[type="text"]::-webkit-input-placeholder{
      color: #fff;
      opacity: 1;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
    }
    .form-section input[type="text"]::-moz-placeholder{
      color: #fff;
      opacity: 1;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
    }
    .form-section input[type="text"]:-moz-placeholder{
      color: #fff;
      opacity: 1;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
    }
    .form-section input[type="text"]:-ms-input-placeholder{
      color: #fff;
      opacity: 1;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
    }

/* select black */
    .black-select .select2-container{
        display: block;
        margin: 0 auto;
    }
    .black-select .select2-container--default .select2-selection--single{
        height: 65px;
        padding: 20px 0;
        letter-spacing: 3px;
        font-size: 12px;
    }
    .black-select .select2-container--default .select2-selection--single .select2-selection__arrow{
        height: 65px;
        position: relative;
        display: inline;
    }
    .black-select .select2-container .select2-selection--single .select2-selection__rendered{
        display: inline;
    }
    .select2-container--default .select2-selection--single{
        background: #000;
        border: none;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        border-radius: 0;
    }
    .select2-container--default *:focus{
        outline: none;
    }
    .form-section .select2-container--default .select2-selection--single .select2-selection__placeholder,
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #fff;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow b{
        border-color: #fff transparent transparent transparent;
        border-width: 8px 6px 0 6px;
        margin-left: -4px;
        margin-top: -4px;
    }
    .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
        border-color: transparent transparent #fff transparent;
        border-width: 0 6px 8px 6px;
    }
    .select2-container--open .select2-dropdown{
        background-color: #000;
        border: none;
        box-sizing: content-box
    }
    .select2-container--default .select2-results__option{
        width: 100%;
    }
    .select2-container--default .select2-results__option[aria-selected=true] {
        background-color: #7f7c7c;
    }
    .select2-container--default .select2-results__option--highlighted[aria-selected] {
        background-color: #3e3e3e;
    }

/* block form */
    .block-form .form-section{
        background: #000;
        margin: 35px auto 0 auto;
        border-radius: 30px; 
        padding: 11px 0;
        text-align: center;
    }
    .form-section *:focus{
        outline: none;
    }
    .form-section input, 
    .form-section button,
    .form-section .select2-container--default .select2-selection--single{
        background: transparent;
        border: none;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 8px;
        font-size: 14px;
        height: 28px;
        /* min-width: 350px; */
        text-align: center;
    }
    .form-section input[type=submit]{
        font-weight: bold;
    }

/* block 1 */
    .block-1{
        background: #000;
        color: #fff;
        padding: 75px 0;
        margin-bottom: 65px;
    }
    .block-1 .block-title{
        margin: 0;
    }
    .block-1 .description{
        /* font-size: 12px;
        line-height: 1.1;
        letter-spacing: 1.5px; */
        letter-spacing: 1px;
        margin-top: 45px;
        margin-bottom: 30px;
    }
    .block-1 .block-item{
        margin: 50px auto 0 auto;
        /* font-size: 12px;
        line-height: 1.1; */
    }
    .block-1 .block-items .icon{
        background: url(../img/emploi-sprite.png) no-repeat;
        margin: 0 auto 25px auto;
        height: 94px;
        position: relative;
    }
    .block-1 .block-items .icon1{
        background-position: 0px 0px;
        width: 78px;
        left: 7px;
    }
    .block-1 .block-items .icon2{
        background-position: -83px 0px;
        width: 89px;
    }
    .block-1 .block-items .icon3{
        background-position: -177px 0px;
        width: 70px;
        left: 10px;
    }
    .block-1 .block-items .icon4{
        background-position: -252px 0px;
        width: 82px;
    }
    .block-1 .block-item .item-title{
        font-weight: bold;
        margin-bottom: 15px;
    }
    .block-1 .block-item .item-subtitle{
        margin-bottom: 0;
        font-size: 13px;
    }

/* block 2 */
    .block-2 .content{
        background: #cac6c2;
        margin-bottom: 90px;
    }
    .block-2 .main-titles{
        margin-bottom: 65px;
    }
    .block-2 .image-left{
        padding: 0;
    }
    .block-2 .image-left img{
        width: 100%;
        height: auto;
    }
    .block-2 .block-2-right{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .block-2 .block-2-right .select2-container{
        margin-top: 20px;
        margin-bottom: 20px;
    }

/* block 3 */
    .block-3 .block-title{
        color: #010101;
        margin-top: 75px;
        margin-bottom: 20px;
    }
    .block3-subtitle{
        color: #010101;
        /* font-size: 13px; */
        letter-spacing: 1px;
        margin-bottom: 0;
    }

/* block 4 */
    .block-4{
        padding: 20px 0 65px 0;
        margin: 0 auto;
    }
    .block-4 .list-item{
        margin-top: 60px;
        padding-left: 70px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        /* font-size: 12px;
        line-height: 1.1; */
        position: relative;
        min-height: 50px;
        max-width: 460px;
    }
    .block-4 .list-item .title,
    .block-4 .list-item .text{
        margin-bottom: 0;
        letter-spacing: 1px;
    }
    .block-4 .list-item .title{
        font-weight: bold;
    }
    .block-4 .list-item .icon{
        background: url(../img/emploi-sprite.png) no-repeat;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .block-4 .list-item .icon1{
        background-position: 0px -99px;
        height: 60px;
        width: 40px;
    }
    .block-4 .list-item .icon2{
        background-position: -45px -99px;
        height: 37px;
        width: 40px;
    }
    .block-4 .list-item .icon3{
        background-position: -90px -99px;
        height: 62px;
        width: 41px;
    }
    .block-4 .list-item .icon4{
        background-position: -43px -139px;
        height: 35px;
        width: 42px;
    }
    .block-4 .list-item .icon5{
        background-position: -136px -99px;
        height: 40px;
        width: 40px;
    }
    .block-4 .list-item .icon6{
        background-position: -136px -143px;
        height: 40px;
        width: 40px;
    }

/* block 5 */
    .block-5{
        background: #000;
        padding: 65px 0 50px 0;
        color: #fff;
    }
    .block-5 .block-title{
        margin-bottom: 25px;
    }
    .block-5 .item{
        padding-top: 35px;
        letter-spacing: 1px;
    }
    .block-5 .item .icon{
        background: url(../img/emploi-sprite.png) no-repeat;
        margin: 0 auto 25px auto;
        height: 50px;
        width: 60px;
    }
    .block-5 .item .icon1{
        background-position: -208px -99px;
    }
    .block-5 .item .icon2{
        background-position: -273px -99px;
    }
    .block-5 .title{
        /* font-size: 12px; */
        text-transform: uppercase;
        font-weight: bold;
    }
    .block-5 .text{
        /* font-size: 12px;
        line-height: 1.1; */
    }

/* block 6 */
    .block-6{
        background: #cac6c2;
        padding: 55px 0;
    }
    .block-6 .block-title{
        margin: 0 0 35px 0;
        font-weight: bold;
    }
    .block6-text{
        /* font-size: 12px; */
        color: #000;
        letter-spacing: 1px;
    }
    .block6-link{
        color: #000;
        /* font-size: 12px; */
        margin-top: 20px;
        text-transform: uppercase;
        display: block;
        letter-spacing: 5px;
        text-decoration: underline;
    }
    .block6-link:hover{
        color: #000;
    }

@media (min-width: 1200px){
    .block-1 .w-80{
        width: 80%;
        margin: 0 auto;
    }
    .block-1 .block-item{
        max-width: 190px;
    }
    .block-form .form-section{
        width: 80%;
    }
    .block-4{
        width: 70%;
    }
    .black-select .select2-container{
        min-width: 430px;
    }
}

@media (max-width: 1199px){
    .black-select .select2-container{
        min-width: 310px;
    }
}

@media (min-width: 768px){
    .carousel-control span:after{
        border-width: 8px 8px 0 0;
        height: 35px;
        width: 35px;
        margin-top: -23px;
    }
    .carousel-control .carousel-right:after{
        right: 60px;
    }
    .carousel-control .carousel-left:after{
        left: 60px;
    }
    .block-form {
        padding: 90px 0;
    }
    .form-section input[type=text]{
        width: 350px;
    }
    .form-section .select2-container{
        min-width: 310px;
        max-width: 310px; /* @TODO may need more fixes for other resolutions */
    }
    .block-2 .content{
        display: flex;
    }
}

@media (max-width: 767px){
    .carousel-control span:after{
        border-width: 4px 4px 0 0;
        height: 15px;
        width: 15px;
        margin-top: -13px;
    }
    .carousel-control .carousel-right:after{
        right: 20px;
    }
    .carousel-control .carousel-left:after{
        left: 20px;
    }
    .block-form {
        padding: 30px 0;
    }
    .black-select .select2-container{
        min-width: 290px;
    }
    .form-section .select2-container{
        min-width: 290px;
    }
    .black-select .select2-container .select2-selection--single .select2-selection__rendered{
        padding-right: 10px;
        padding-left: 0;
    }
}