.clear {
    clear:both;
}


#header {
    background-image: url(/template/images/bg_color-u542-fr.jpg);
    width: 100%;
    height: 839px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

.overlay-header {
    background-color: rgba(35,58,76,0.76);
    position: absolute;
    width: 100%;
    height: 839px;
}

.logo {
    background-image: url(/template/images/logo/top-317x90.png);
    width: 317px;
    height: 90px;
    background-repeat: no-repeat;
    float: left;
    margin-top: 3px;
}

.delivery-text {
    color:white;
    float: left;
    padding: 20px 0 0 140px;
    font-size: 14px;
}

.current-telefon {
    color:white;
    float:right;
    font-size:28px;
    line-height: 36px;
    padding-top: 20px;
}

.wrapper-slider h2 {
    color: white;
    font-size: 46px;
    line-height: 62px;
    padding-top: 150px;
    padding-bottom: 25px;
    text-transform: uppercase;
}

.delivery-slider {
    color:white;
    font-size: 28px;
    text-transform: uppercase;
    line-height: 32px;
}

.wrapper-slider a {
    color:white;
    display: block;
    text-transform: uppercase;
    text-align: center;
    width: 400px;
    height: 60px;
    background-color: #554795;
    line-height: 60px;
    font-size: 24px;
    margin-top: 40px;
    opacity: .9;
}

.wrapper-slider a:hover, .list-catalog-models ul li a {
    text-decoration: none;
    opacity: 1;
}

#overlay {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    display: none;
    opacity: 0.8;
    z-index: 3;
}

.popup {
    width:600px;
    min-height: 200px;
    position: fixed;
    left: 50%;
    top:50%;
    transform: translate(-50%, -50%);
    background-color: white;
    border-radius: 3px;
    z-index: 10;
    text-align: center;
    display: none;
}

.close-popup {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 24px;
    border: 3px solid black;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50px;
    cursor: pointer;
}

.text-popup {
    font-weight: 400;
    font-size: 21px;
    padding: 40px 0;
    display: block;
    line-height: 26px;
}

.popup > form > input[name="nameAuthor"], .popup > form > input[name="telAuthor"] {
    width:300px;
    padding: 10px;
    border: 1px solid #000;
    height: 45px;
    display: block;
    margin: 0 auto;
}

.popup > form > input[type="submit"] {
    background-color: #554795;
    color:white;
    width: 280px;
    border: none;
    padding: 10px;
    height: 45px;
    display: block;
    margin: 15px auto 40px;
}

.caption-slider {
    color:white;
    text-align: center;
    font-size: 28px;
    text-transform: uppercase;
    margin: 80px 0 20px;
}

.mini-text-slider {
    color:white;
    text-align: center;
    display: block;
    padding: 15px 120px;
    line-height: 24px;
}

.pluses-company ul {
    text-align: center;
    margin: 0 auto;
}

.pluses-company ul li {
    float: left;
    width:240px;
    height: 260px;
    display: block;
    background-color: #554795;
    margin: 0 15px;
    padding: 10px;
}

.pluses-company ul li img {
    width: 55px;
}

.caption-pluse {
    color:white;
    text-transform: uppercase;
    display: block;
    font-size: 26px;
    line-height: 36px;
    min-height: 72px;
    margin: 30px 0 10px;
    text-shadow: 1px 1px 1px rgb( 0, 0, 0 );
}

.pluses-company {
    display: flex;
}

.text-pluse {
    color:#F3D6D7;
    text-align: center;
}

.catalog-models span {
    font-size: 44px;
    text-align: center;
    display: block;
    margin: 80px 0 0;
    font-weight: bold;
    text-transform: uppercase;
}

.down-border-caption {
    background-color: #554795;
    width: 120px;
    height: 4px;
    text-align: center;
    margin: 30px auto;
}

.list-catalog-models ul {
    text-align: center;
}

.list-catalog-models ul li {
    display: inline-block;
    width: 180px;
    height: 45px;
    margin: 0 10px;
    background-color: #554795;
    text-align: center;
}

.list-catalog-models ul li a {
    color:white;
    display: block;
    line-height: 45px;
    font-size: 16px;
    text-transform: uppercase;
    opacity: 0.9;
}

.why-buy {
    height: 690px;
    margin-top: 300px;
    background-image: url(/template/images/rayban-u37968-fr.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 2;
}

.why-buy-overlay {
    background-color: rgba(35,58,76,0.76);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 1;
}

.slider {
    width: 850px;
    margin: -210px auto 0;
    z-index: 10;
    height: 450px;
    overflow: hidden;
    position: relative;
}

.slider ul,
.slider li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.slider ul {
    width: 9999px; 
}

.slider ul li {
    list-style-type: none;
    float:left;
    width: 850px;
    height: 450px;
}

.slider .nav {
		position: absolute;
		left: 15px;
		bottom: 12px; 
		display:none;
	}
	.slider .nav span {
		opacity: 0.9;
		background: #fff;
		margin: 0 8px 0 0;
		width: 16px;
		height: 16px;
		border-radius: 8px;
		cursor: pointer;
		overflow: hidden;
		display: block;
		float: left;
		box-shadow: 0 1px 2px #000;
	}
	.slider .nav span.on {
		background: #2e9419;
	}

.slider ul li img {
    text-align: center;
/*    margin: -210px auto 0;*/
}

.why-buy-our {
    color:white;
    text-align: center;
    font-size: 36px;
    margin-top: 40px;
    display: block;
    text-transform: uppercase;
}

.list-pluses-buy ul {
    text-align: center;
}

.list-pluses-buy ul li {
    width: 262px;
    text-align: center;
    float: left;
    margin: 0 18px;
}

.list-pluses-buy ul li span.caption-pluse-buy {
    color:white;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    display: block;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 30px;
}

.list-pluses-buy ul li span > .number-pluse {
    color:red;
    font-size: 31px;
    line-height: 43px;
    text-shadow: 1px 1px 1px rgb( 0, 0, 0 );
}

.text-pluse-buy {
    color: white;
    line-height: 20px;
    text-shadow: 1px 1px 1px rgb( 0, 0, 0 );
}

.caption-edge {
    font-size: 34px;
    text-shadow: 1px 1px 1px rgb( 0, 0, 0 );
    display: block;
    text-align: center;
    padding-top: 60px;
}

.list-edge ul {
    text-align: center;
}

.list-edge ul li{
    text-align: center;
    float:left;
    margin: 0 20px;
    width: 250px;
}

.list-edge ul li img {
    border: 5px solid #554795;
    padding: 40px 40px 30px;
    width: 160px;
}

.list-edge ul li span {
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgb( 0, 0, 0 );
    display: block;
    font-size: 24px;
    padding-top: 30px;
}

.list-edge ul li p {
    padding-top: 20px;
}

.delivery-mail {
    background-image: url(/template/images/bg_delivery_filtr.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 534px;
    margin-top: 100px;
}

.caption-delivery-mail {
    text-align: center;
    font-size: 44px;
    display: block;
    margin-top: 80px;
    font-weight: bold;
}

.delivery-mail p {
    padding-left: 470px;
}

.main-offer {
    margin: 0 auto;
    border: 5px solid #554795;
    width: 100%;
    height: 500px;
    margin-top: 100px;
    background-color: #F8F8F8;
    position: relative;
    background-image: url(/template/images/8.png);
    background-repeat: no-repeat;
    background-size: 430px;
    background-position: -10px 75px;
}

.main-offer img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 500px;
}

.caption-offer {
    font-weight: bold;
    padding-left: 445px;
    display: block;
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    padding-top: 75px;
}

.admin-caption-offer {
    font-weight: bold;
    padding-left: 145px;
    display: block;
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    padding-top: 75px;
}

.main-offer form {
    width: 320px;
    text-align: center;
    padding-left: 445px;
    padding-top: 40px;
    float:left;
}

.main-offer form > input[type="text"] {
    width:320px;
    padding: 10px;
    border: 1px solid #000;
    height: 45px;
    display: block;
    margin: 0 auto;
}

.admin-input {
    width:320px;
    padding: 10px;
    border: 1px solid #000;
    height: 45px;
    display: block;
    margin: 0 auto;
}

.main-offer form > input[type="submit"] {
    background-color: #554795;
    color:white;
    width: 320px;
    border: none;
    padding: 10px;
    height: 45px;
    display: block;
    margin: 15px auto 40px;
    text-transform: uppercase;
}

.flip-clock-label {
    display: none !important;
}

.timer-offer {
    text-align: center;
    width: 300px;
    float: left;
    margin-left: 375px;
    margin-top: 40px;
}

.caption-guarantee, .caption-reviews {
    text-align: center;
    font-size: 34px;
    display: block;
    margin-top: 80px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgb( 0, 0, 0 );
    text-transform: uppercase;
    letter-spacing: 2px;
}

.image-guarantee {
    float: left;
    margin: -20px 0 0 80px;
}

.text-guarantee {
    padding-left: 445px;
}

.review {
    width: 800px;
    height: 230px;
    background: linear-gradient(to right,#475560 66%,rgba(71,85,96,0.52) );
    margin: 0px auto 70px;
    position: relative;
}

.review img {
    display: block;
    margin-top: -10px;
    float: left;
    margin-left: -50px;
    width: 238px;
    height: 248px;
}

.name-author-review {
    text-shadow: 1px 1px 1px rgb( 0, 0, 0 );
    color:white;
    text-transform: uppercase;
    font-size: 34px;
    padding: 40px 20px 20px;
    float: left;
}

.text-review {
    float: left;
    color: white;
    width: 550px;
    padding: 10px 20px;
    font-size: 13px;
    z-index: 3;
}

.author-image {
        position: absolute;
    z-index: -1;
/*    background: transparent url(/template/images/testimonial2-u38895-fr.jpg) no-repeat center top;*/
    width: 230px;
    height: 230px;
    right: 0;
    opacity: 0.4;
}

.author4 {
    background: transparent url(/template/images/677.jpg) no-repeat center top;
}

.author3 {
    background: transparent url(/template/images/333.jpg) no-repeat center top;
}

.author2 {
    background: transparent url(/template/images/222.jpg) no-repeat center top;
}

.author1 {
    background: transparent url(/template/images/122.jpg) no-repeat center top;
}

.show-all-models {
    background-color: #554795;
    color:white !important;
    width: 320px;
    line-height: 30px;
    padding: 10px;
    height: 45px;
    display: block;
    margin: 15px auto 40px;
    text-transform: uppercase;
    text-align: center;
}

.show-all-models:hover {
    text-decoration: none;
}

.footer {
    background-color: black;
    padding: 15px 0;
    margin-top: 55px;
}

.btn-download-price {
    background-color: #554795;
    color: white !important;
    text-align: center;
    width: 260px;
    border: none;
/*    padding: 10px;*/
    line-height: 45px;
    height: 45px;
    display: block;
    margin: 15px auto 40px;
    text-transform: uppercase;
    border-radius: 3px;
}


.right-slider img {
    float: left;
    width: 440px;

    margin-left: 140px;
    margin-top: 40px;
    display: none;
}

.left-slider {
    float: left;
}

#page-preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 100500;
}

#page-preloader .spinner {
    width: 64px;
    height: 64px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url('/template/images/preload/preload.gif') no-repeat 50% 50%;
    margin: -16px 0 0 -16px;
}