@font-face
{
    font-family: 'Circe';
    font-weight: 300;

    src: url(../fonts/Circe-Light.ttf), url(../fonts/Circe-Light.woff);
}

@font-face
{
    font-family: 'Circe';
    font-weight: normal;

    src: url(../fonts/Circe-Reqular.ttf), url(../fonts/Circe-Reqular.woff);
}

@font-face
{
    font-family: 'Circe';
    font-weight: 700;

    src: url(../fonts/Circe-Bold.ttf), url(../fonts/Circe-Bold.woff);
}


@font-face
{
    font-family: 'Circe';
    font-weight: 800;

    src: url(../fonts/Circe-ExtraBold.ttf), url(../fonts/Circe-ExtraBold.woff);
}


*
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

    margin: 0;
    padding: 0;
}
*:before,
*:after
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

img
{
    border: none;
}
textarea
{
    overflow: auto;
}
input,
textarea,
input:active,
textarea:active
{
         outline: none transparent !important;
    box-shadow: none;

    -moz-outline: none !important;
}
input[type=submit],
button[type=submit]
{
    -webkit-border-radius: 0;

    -webkit-appearance: none;
}
:focus
{
    outline: none;
}

/*---------------
    Main styles
---------------*/
.clear
{
    clear: both;
}
.left
{
    float: left;
}
.right
{
    float: right;
}

html
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body
{
    background: #fff;

    -webkit-text-size-adjust: 100%;
}

.wrap
{
    overflow: hidden;

    width: 100%;
    min-width: 1170px;
    max-width: 1590px;

    margin: 0 auto;
}

.cont
{
    position: relative;
    z-index: 9;

    width: 100%;
    max-width: 1170px;

    margin: 0 auto;
    padding: 0 15px;
}



.page_content
{
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    padding: 25px 0 15px;
}



.breadcrumbs
{
    color: #575757;
    font: 12px Circe;

    margin-bottom: 20px;
}

.breadcrumbs a
{
    color: #575757;

    text-decoration: none;
}

.breadcrumbs a:hover
{
    text-decoration: underline;
}

.breadcrumbs .sep
{
    margin: 0 5px;
}



.page_title
{
    color: #000;
    font: 300 35px/39px Circe;

    margin-bottom: 50px;

    text-align: left;
}



.content
{
    width: calc(100% - 293px);

    padding-bottom: 90px;
}



/*---------------
   Header
---------------*/
header
{
    position: relative;
    z-index: 99;
}


header .info
{
    border-bottom: 1px solid #e4e4e4;
    padding: 14px 0;
}


header .logo
{
    position: relative;

    width: 120px;
    height: 52px;
}

header .logo a
{
    position: absolute;
    top: -12px;
    left: 8px;

    display: block;
}

header .logo img
{
    display: block;
}


header .slogan
{
    color: #575757;
    font: 16px/52px Circe;
}


header .order_link
{
    color: #fff;
    font: 16px/52px Circe;

    display: block;

    width: 210px;
    height: 52px;

    text-align: center;
    text-decoration: none;

    transition: background .2s linear;

    border-radius: 3px;
    background: #ed1c24;
}

header .order_link img
{
    display: inline-block;
    vertical-align: middle;

    margin-left: 21px;
}

header .order_link:hover
{
    background: #ff1f26;
}


header .langs
{
    color: #c5c5c5;
    font: 12px/52px Circe;
}

header .order_link + .langs
{
    margin-right: 55px;
}

header .langs a
{
    color: #575757;
    font-weight: 700;
    line-height: 54px;

    display: inline-block;
    vertical-align: top;

    height: 52px;

    text-decoration: none;

    transition: color .2s linear;
}

header .langs span
{
    margin: 0 3px;
}

header .langs a:hover,
header .langs a.active
{
    color: #ed1c24;
}



header .menu
{
    background: url(../images/bg_menu.png) 50% 0 repeat-x;
}

header .menu nav
{
    display: flex;

    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

header .menu .menu_item
{
    position: relative;
}

header .menu .menu_item > a
{
    color: #000;
    font: 16px/81px Circe;

    position: relative;

    display: block;

    text-align: center;
    text-decoration: none;

    transition: color .2s linear;
}

header .menu .menu_item > a:after
{
    color: transparent;

    position: absolute;
    top: -1px;
    right: 0;
    left: 0;

    width: 0;
    height: 1px;

    margin: auto;

    content: '';

    transition: width .3s linear;

    background: #ed1c24;
}

header .menu .menu_item:hover > a,
header .menu .menu_item > a.active
{
    color: #ed1c24;
}

header .menu .menu_item:hover > a:after,
header .menu .menu_item > a.active:after
{
    width: 100%;
}


header .sub_menu
{
    position: absolute;
    top: 69px;
    left: -25px;

    display: none;

    width: 238px;

    background: #fff;
    box-shadow: 0 2px 70px rgba(0,0,0,.19);
}

header .sub_menu.level2:before
{
    position: absolute;
    top: -7px;
    left: 28px;

    display: block;

    width: 14px;
    height: 7px;

    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;

    content: '';
}

header .menu .menu_item:hover .level2
{
    display: block;
}

header .sub_menu li
{
    display: block;

    list-style: none;
}

header .sub_menu li + li
{
    border-top: 1px solid #e6e6e6;
}

header .sub_menu li a
{
    color: #333;
    font: 15px Circe;

    display: block;

    padding: 12px 25px;

    text-decoration: none;

    transition: .2s linear;
}

header .sub_menu li:hover > a,
header .sub_menu li a.active
{
    color: #ed1c24;

    background: #f2f2f2;
}


header .sub_menu.level3
{
    top: 0;
    left: 100%;

    background: #f2f2f2;
}

header .sub_menu li:hover .level3
{
    display: block;
}



/*---------------
   Sidebar
---------------*/
aside
{
    width: 263px;

    padding-bottom: 90px;
}


aside .filter .item
{
    border: 1px solid #c8d8d3;
    padding: 15px 21px 21px;
}

aside .filter .item + .item
{
    margin-top: -1px;
}

aside .filter .item .name
{
    color: #000;
    font: 16px Circe;

    margin-bottom: 15px;
}


aside .filter .line + .line
{
    margin-top: 14px;
}


aside .filter input[type=checkbox]
{
    display: none;
}

aside .filter input[type=checkbox] + label
{
    color: #000;
    font: 16px Circe;

    position: relative;

    display: table-cell;
    vertical-align: middle;

    height: 22px;

    padding-left: 41px;

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

aside .filter input[type=checkbox] + label a
{
    color: #000;
}

aside .filter input[type=checkbox] + label a:hover
{
    text-decoration: none;
}

aside .filter input[type=checkbox] + label:before
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 22px;
    height: 22px;

    content: '';

    background: #e7e6e6;
}

aside .filter input[type=checkbox] + label:after
{
    position: absolute;
    z-index: 2;
    top: 6px;
    left: 6px;

    display: block;

    width: 10px;
    height: 10px;

    content: '';

    transition: opacity .2s linear;

    opacity: 0;
    background: #f00;
}

aside .filter input[type=checkbox]:checked + label:after
{
    opacity: 1;
}


aside .filter .range .line
{
    display: flex;

    padding-left: 1px;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

aside .filter .range .input
{
    color: #000;
    font: 14px Circe;

    display: block;

    width: calc(50% + 1px);
    height: 45px;

    border: 1px solid #dedede;
    margin-left: -1px;
    padding: 0 15px;

    background: #f1f0f2;
}

aside .filter .range ::-webkit-input-placeholder
{
    color: #bababa;
}
aside .filter .range ::-moz-placeholder
{
    color: #bababa;
}
aside .filter .range :-moz-placeholder
{
    color: #bababa;
}
aside .filter .range :-ms-input-placeholder
{
    color: #bababa;
}


aside .filter .submit
{
    border-top-color: #fff;
    padding-top: 0;
}

aside .filter .submit_btn
{
    color: #fff;
    font: 16px/51px Circe;

    display: inline-block;
    vertical-align: top;

    width: 100%;
    height: 51px;

    border: none;

    cursor: pointer;

    transition: background .2s linear;

    border-radius: 3px;
    background: #f00;
}

aside .filter .submit_btn:hover
{
    background: #d90000;
}


aside .filter .reset_btn
{
    color: #f00;
    font: 16px/41px Circe;

    display: inline-block;
    vertical-align: top;

    width: 100%;
    height: 41px;

    border: none;

    cursor: pointer;

    background: none;
}

aside .filter .reset_btn:hover
{
    text-decoration: underline;
}



/*---------------
   Main section
---------------*/
.main_slider
{
    margin-bottom: 27px;

    background: #f1f0f2;
}

.main_slider .slide
{
    display: none;
}

.main_slider .slide:first-child,
.main_slider .owl-loaded .slide
{
    display: block;
}

.main_slider .slide .grid
{
    display: flex;

    height: 400px;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.main_slider .slide .info
{
    width: 470px;
    max-width: 100%;
}

.main_slider .slide .title
{
    color: #010101;
    font: 300 48px/50px Circe;
}

.main_slider .slide .details
{
    color: #ed1c24;
    font: 16px Circe;

    position: relative;

    display: inline-block;
    vertical-align: top;

    margin-top: 50px;
    padding-left: 55px;

    text-decoration: none;
}

.main_slider .slide .details:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 41px;
    height: 1px;

    margin-top: -1px;

    content: '';

    background: #ed1c24;
}

.main_slider .slide .details:hover
{
    text-decoration: underline;
}


.main_slider .slide .img
{
    max-width: calc(100% - 450px);

    margin-right: -50px;
}

.main_slider .slide .img img
{
    display: block;

    max-width: 100%;
}



.promo_banners .grid
{
    display: flex;

    margin-bottom: -30px;
    margin-left: -30px;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.promo_banners .item_wrap
{
    width: 50%;

    margin-bottom: 30px;
}

.promo_banners .item
{
    margin-left: 30px;

    background: #f6f6f6;
}


.promo_banners .item .info
{
    color: #6b6b6b;
    font: 300 16px Circe;

    position: relative;

    padding: 40px;
}

.promo_banners .item .info:before
{
    position: absolute;
    top: 0;

    display: block;

    width: 230px;
    height: 100%;

    content: '';

    background: #f6f6f6;
}

.promo_banners .item .info:after
{
    position: absolute;
    z-index: 9;
    bottom: -13px;

    display: block;

    width: 30px;
    height: 13px;

    border-top: 13px solid #f6f6f6;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;

    content: '';
}

.promo_banners .item .info.alignleft
{
    padding-left: 0;
}
.promo_banners .item .info.alignleft:before
{
    left: -230px;
}
.promo_banners .item .info.alignleft:after
{
    left: 0;
}

.promo_banners .item .info.alignright
{
    padding-right: 0;

    text-align: right;
}
.promo_banners .item .info.alignright:before
{
    right: -230px;
}

.promo_banners .item .info.alignright:after
{
    right: 0;
}


.promo_banners .item .info .name
{
    display: inline-block;
    vertical-align: top;

    width: 275px;
    max-width: 100%;

    margin-bottom: 10px;
}

.promo_banners .item .info .name a
{
    color: #000;
    font: 300 30px/36px Circe;

    text-decoration: none;
}

.promo_banners .item .info .name a span
{
    line-height: 28px;

    display: inline-block;
    vertical-align: top;

    border-bottom: 1px dotted #000;

    transition: border-color .2s linear;
}

.promo_banners .item .info .name a:hover span
{
    border-color: transparent;
}


.promo_banners .item .img
{
    position: relative;
    z-index: 2;

    height: 178px;
}

.promo_banners .item .img img
{
    position: absolute;
    top: 0;

    display: block;

    height: 100%;
}

.promo_banners .item .img img.left
{
    left: 0;
}

.promo_banners .item .img img.right
{
    right: 0;
}


.promo_banners .item .details
{
    color: #fff;
    font: 16px/59px Circe;

    position: absolute;
    top: 50%;

    display: block;

    width: 208px;
    height: 59px;

    margin-top: -30px;

    text-align: center;
    text-decoration: none;

    transition: background .2s linear;

    border-radius: 3px;
    background: #ed1c24;
}

.promo_banners .item .details:hover
{
    background: #ff1f26;
}

.promo_banners .item .details.left
{
    left: 0;
}

.promo_banners .item .details.right
{
    right: 0;
}



.why_we
{
    position: relative;
    z-index: 9;

    padding: 65px 0 51px;
}

.why_we:before
{
    color: #ed1c24;
    font: 800 660px/560px Circe;

    position: absolute;
    z-index: -1;
    top: 15px;
    left: 0;

    display: block;

    width: 100%;

    content: 'OEM';
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;

    opacity: .06;
}

.why_we .block_title
{
    color: #000;
    font: 300 48px/50px Circe;

    margin-bottom: 20px;
}

.why_we .text_block
{
    width: calc(50% - 15px);

    padding-top: 20px;
}


.why_we .img
{
    color: #fff;
    font: 15px/26px Circe;

    position: relative;

    width: calc(50% - 15px);
    min-height: 314px;

    padding: 35px 45px;
}

.why_we .img img
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    height: 100%;
}

.why_we .img p
{
    width: 345px;
    max-width: 100%;
}



.text_block
{
    color: #2e3033;
    font: 15px/26px Circe;

    padding-bottom: 20px;
}

.text_block h1,
.text_block .title
{
    font: 300 35px/39px Circe;

    margin-bottom: 20px;
}


.text_block p,
.text_block img,
.text_block iframe,
.text_block ul,
.text_block ol,
.text_block hr,
.text_block table
{
    margin-bottom: 20px;
}


.text_block img,
.text_block iframe
{
    display: block;

    
    margin: 0 auto 0px;
}

.text_block img.left
{
    max-width: calc(50% - 30px);

    margin-right: 30px;
}

.text_block img.right
{
    max-width: calc(50% - 30px);

    margin-left: 30px;
}


.text_block blockquote
{
    border-left: 1px solid #ed1c24;
    margin-bottom: 30px;
    padding-left: 33px;
}


.text_block a
{
    color: #ed1c24;
}

.text_block a:hover
{
    text-decoration: none;
}



.our_capabilities
{
    margin-bottom: 35px;

    background: #f1f0f2;
}


.our_capabilities .block_title
{
    color: #000;
    font: 300 35px Circe;

    padding: 20px 0 33px;
}


.our_capabilities .grid
{
    display: flex;

    margin-bottom: -2px;
    margin-left: -1px;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.our_capabilities .item_wrap
{
    width: 16.666%;

    margin-bottom: 2px;
}

.our_capabilities .item
{
    color: #fff;

    position: relative;

    display: block;

    width: calc(100% - 1px);
    min-height: 190px;

    margin-left: 1px;
    padding-bottom: 100%;

    text-decoration: none;

    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.our_capabilities .item .info
{
    position: absolute;
    top: 0;
    left: 0;

    display: flex;

    width: 100%;
    height: 100%;

    padding: 22px 18px;

    background: rgba(0,0,0,.65);

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.our_capabilities .item_wrap:nth-child(6n+1) .item .info:before
{
    position: absolute;
    top: 0;
    left: -230px;

    display: block;

    width: 230px;
    height: 100%;

    content: '';

    background: rgba(0,0,0,.65);
}

.our_capabilities .item_wrap:nth-child(6n) .item .info:before
{
    position: absolute;
    top: 0;
    right: -230px;

    display: block;

    width: 230px;
    height: 100%;

    content: '';

    background: rgba(0,0,0,.65);
}


.our_capabilities .item_wrap:nth-child(6n+1) .item img
{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    height: 100%;
}

.our_capabilities .item_wrap:nth-child(6n) .item img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    height: 100%;
}


.our_capabilities .item .name
{
    font: 700 12px/18px Circe;

    width: 100%;

    text-align: center;
    text-transform: uppercase;
}

.our_capabilities .item .desc
{
    font: 15px/20px Circe;

    display: none;
}


.our_capabilities .item:hover .info
{
    background: rgba(237, 28, 36, 0.85);
	position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 22px 18px;    
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    
}

.our_capabilities .item_wrap:nth-child(6n+1) .item:hover .info:before,
.our_capabilities .item_wrap:nth-child(6n) .item:hover .info:before
{
    background: rgba(237, 28, 36, 0.85);
}

.our_capabilities .item:hover .name
{
    display:none;
}

.our_capabilities .item:hover .name br
{
    display: none;
}

.our_capabilities .item:hover .desc
{
    display: block;
}


.our_capabilities .bottom
{
    padding: 26px 0;

    text-align: right;
}

.our_capabilities .bottom .details
{
    color: #ed1c24;
    font: 700 16px Circe;

    position: relative;

    display: inline-block;
    vertical-align: top;

    padding-left: 55px;

    text-decoration: none;
}

.our_capabilities .bottom .details:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 41px;
    height: 1px;

    margin-top: -1px;

    content: '';

    background: #ed1c24;
}

.our_capabilities .bottom .details:hover
{
    text-decoration: underline;
}



.your_benefits
{
    margin-bottom: 38px;
}

.your_benefits .block_title
{
    color: #000;
    font: 35px Circe;

    margin-bottom: 10px;
}

.your_benefits .data
{
    padding-bottom: 1px;

    background: #f1f0f2;
}

.your_benefits .grid
{
    display: flex;

    margin-bottom: -6px;
    margin-left: -5px;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.your_benefits .grid .item_wrap
{
    width: calc(25% - 5px);

    border-bottom: 5px solid #fff;
    border-left: 5px solid #fff;
}

.your_benefits .grid .item_wrap:nth-child(4n+1)
{
    width: 25%;

    border-left: none;
}

.your_benefits .grid .item_wrap:nth-child(4n+1) .item
{
    padding-left: 0;
}

.your_benefits .grid .item_wrap:nth-child(4n) .item
{
    padding-right: 0;
}

.your_benefits .grid .item
{
    color: #424242;
    font: 16px Circe;

    position: relative;

    height: 100%;
    min-height: 245px;

    margin-left: 5px;
    padding: 28px 24px;
}

.your_benefits .grid .item img
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    max-width: 100%;
    max-height: 100%;
}



.garanti_block
{
    color: #fff;
    font: 300 17px/26px Circe;

    margin-bottom: 75px;
    padding: 50px 0;

    background: #ed1c24;
}

.garanti_block .title
{
    font-size: 35px;
    line-height: 39px;

    width: 235px;
}

.garanti_block .text
{
    width: calc(100% - 265px);
}



.steps
{
    margin-bottom: 75px;

    background: url(../images/bg_steps.png) calc(50% - 95px) calc(100% - 75px) no-repeat;
}

.steps .line
{
    display: flex;

    margin-left: -30px;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.steps .line:nth-child(2)
{
    justify-content: flex-end;
}

.steps .line + .line
{
    margin-top: 50px;
}

.steps .item_wrap
{
    width: 25%;
}

.steps .line:last-child .item_wrap:nth-child(1)
{
    order: 4;
}

.steps .line:last-child .item_wrap:nth-child(2)
{
    order: 3;
}

.steps .line:last-child .item_wrap:nth-child(3)
{
    order: 2;
}

.steps .line:last-child .item_wrap:nth-child(4)
{
    order: 1;
}

.steps .line:nth-child(2) .item_wrap
{
    width: auto;
}

.steps .line:nth-child(2) .item_wrap .icon
{
    right: -30px;
}

.steps .item
{
    color: #000;
    font: 300 16px/24px Circe;

    position: relative;

    min-height: 50px;

    margin-left: 30px;
    padding-left: 40px;
}

.steps .item .title
{
    font-size: 34px;
    line-height: 50px;

    margin-left: -40px;

    white-space: nowrap;
}

.steps .item .number
{
    color: #f00;
    font: 800 48px/50px Circe;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;

    text-align: center;

    text-shadow: -6px 6px 0 #ffd9d9;
}

.steps .item .icon
{
    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    transform: translateY(-50%);
}



.portfolio
{
    margin-bottom: 50px;
    padding: 28px 0 43px;

    background: #f1f0f2;
}

.portfolio .block_title
{
    color: #000;
    font: 300 35px Circe;

    margin-bottom: 28px;

    text-align: center;
}


.portfolio .project
{
    display: flex;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}


.portfolio .project .images
{
    width: 49%;

    background: #f7f7f7;
}

.portfolio .project .images .slide a,
.portfolio .project .images .slide img
{
    display: block;

    width: 100%;
}


.portfolio .project .info
{
    color: #000;
    font: 300 16px/24px Circe;

    width: 51%;

    padding: 20px 30px;

    background: #fff;
}

.portfolio .project .name
{
    font: 24px Circe;

    margin-bottom: 25px;
}

.portfolio .project .item + .item
{
    margin-top: 25px;
}

.portfolio .project .title
{
    font: 700 16px/22px Circe;

    margin-bottom: 20px;
}


.portfolio .project .details {
    color: #ed1c24;
    font: 20px Circe;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    text-decoration: none;
    float: right;
	border: 2px solid;
    padding: 0 20px;
	border-radius: 5px;
}



.portfolio .project .details:hover
{
    color: #000;
	transition: all 1s;
}



.confidentiality
{
    margin-bottom: 65px;
}

.confidentiality .block_title
{
    color: #000;
    font: 300 35px Circe;

    margin-bottom: 12px;

    text-align: center;
}

.confidentiality .data
{
    padding-bottom: 1px;

    background: #f1f0f2;
}

.confidentiality .grid
{
    display: flex;

    margin-bottom: -6px;
    margin-left: -5px;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.confidentiality .grid .item_wrap
{
    width: calc(33.333% - 5px);

    border-bottom: 5px solid #fff;
    border-left: 5px solid #fff;
}

.confidentiality .grid .item_wrap:nth-child(3n+1)
{
    width: 33.333%;

    border-left: none;
}

.confidentiality .grid .item_wrap:nth-child(3n+1) .item
{
    padding-left: 0;
}

.confidentiality .grid .item_wrap:nth-child(3n) .item
{
    padding-right: 0;
}

.confidentiality .grid .item
{
    color: #424242;
    font: 16px Circe;

    position: relative;

    height: 100%;
    min-height: 245px;

    margin-left: 5px;
    padding: 28px 24px;
}

.confidentiality .grid .item img
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    max-width: 100%;
    max-height: 100%;
}



.order_block
{
    padding: 53px 0;

    background: #f2f2f2 url(../images/bg_order_block.jpg) 50% 50% no-repeat;
    background-size: cover;
}

.order_block .data
{
    width: 1486px;
    max-width: 100%;

    margin: 0 auto;
    padding: 40px 0 75px;

    background: #fff;
}

.order_block .block_title
{
    color: #000;
    font: 300 35px Circe;

    margin-bottom: 12px;
}



.sorting
{
    color: #000;
    font: 16px/47px Circe;

    margin-bottom: 34px;
}

.sorting .name
{
    display: inline-block;
    vertical-align: top;
}

.sorting .limit
{
    margin-left: 35px;
}


.sorting .view
{
    margin-left: 27px;
}

.sorting .view a
{
    display: inline-block;
    vertical-align: top;

    width: 20px;
    height: 47px;
}

.sorting .view a + a
{
    margin-left: 23px;
}

.sorting .view a.grid_link
{
    background: url(../images/ic_grid_link.png) 50% 0 no-repeat;
}

.sorting .view a.table_link
{
    background: url(../images/ic_table_link.png) 50% 0 no-repeat;
}

.sorting .view a.active
{
    background-position: 0 100%;
}


.sorting select
{
    display: none;
}

.sorting .nice-select
{
    position: relative;

    display: inline-block;
    vertical-align: top;

    margin-left: 8px;
}

.sorting .nice-select .current
{
    position: relative;

    display: block;

    width: 100%;
    height: 47px;

    border: none;
    padding: 0 39px 0 15px;

    cursor: pointer;

    border-radius: 3px;
    background: #f1f0f2;
}

.sorting .nice-select .current:after
{
    position: absolute;
    top: 50%;
    right: 15px;

    display: block;

    width: 10px;
    height: 5px;

    border-top: 5px solid #c1c1c1;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    margin-top: -2px;

    content: '';
}

.sorting .nice-select .list
{
    position: absolute;
    z-index: 9;
    left: 0;

    display: none;
    overflow: auto;

    min-width: 100%;

    margin-top: 2px;

    border-radius: 3px;
    background: #f1f0f2;
}

.sorting .nice-select.open .list
{
    display: block;
}

.sorting .nice-select .list li
{
    display: block;

    padding: 0 15px;

    list-style: none;

    cursor: pointer;
    white-space: nowrap;
}

.sorting .nice-select .list li:hover
{
    text-decoration: underline;
}



.products
{
    margin-bottom: 49px;
}


.products .block_title
{
    color: #000;
    font: 300 35px/39px Circe;

    margin-bottom: 20px;

    text-align: center;
}


.products .slide
{
    display: none;
}

.products .owl-loaded .slide
{
    display: block;
}

.products .slide .product
{
    transition: none;
}

.products .slide .product:hover
{
    box-shadow: none;
}

.products .owl-item.active + .owl-item.active .product:hover
{
    border-left-color: #fff;
}

.products .owl-item.active + .owl-item.active .product:before
{
    position: absolute;
    top: 0;
    left: -1px;

    display: block;

    width: 1px;
    height: 100%;

    content: '';

    background: #fff;
}

.products .owl-item.active + .owl-item.active .product:hover:before
{
    top: -1px;
    left: -2px;

    height: calc(100% + 2px);

    background: #ed1c24;
}


.products .grid
{
    display: flex;

    padding-bottom: 1px;
    padding-left: 1px;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.products .item_wrap
{
    width: calc(33.333% + 1px);

    margin-bottom: -1px;
    margin-left: -1px;
}

.products .product
{
    color: #3f3f3f;
    font: 14px/22px Circe;

    position: relative;
    z-index: 2;

    height: 100%;

    border: 1px solid #cddad6;
    padding: 25px 30px;

    transition: .2s linear;

    background: #fff;
}


.products .product .sticker
{
    color: #fff;
    font: 700 14px/30px Circe;

    position: absolute;
    z-index: 9;
    top: 13px;
    left: 13px;

    height: 28px;

    padding: 0 12px;

    text-transform: uppercase;

    border-radius: 3px 3px 3px 0;
}

.products .product .sticker:after
{
    position: absolute;
    bottom: -6px;
    left: 0;

    display: block;

    width: 10px;
    height: 6px;

    border-top: 3px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid transparent;

    content: '';
}

.products .product .sticker.new
{
    background: #f00;
}
.products .product .sticker.new:after
{
    border-top-color: #f00;
    border-left-color: #f00;
}


.products .product .thumb
{
    margin-bottom: 25px;
}

.products .product .thumb a
{
    display: flex;

    height: 218px;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.products .product .thumb img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.products .product .name
{
    margin-bottom: 20px;
}

.products .product .name a
{
    color: #000;
    font-size: 18px;
    font-weight: 700;

    display: inline-block;
    vertical-align: top;

    text-decoration: none;
}

.products .product .name a:hover
{
    text-decoration: underline;
}


.products .product .price
{
    color: #000;
    font-size: 22px;
    font-weight: 700;

    overflow: hidden;

    margin-top: 20px;

    text-align: right;
}

.products .product .price .old
{
    color: #595959;
    font-size: 18px;

    text-decoration: line-through;
}


.products .product:hover
{
    z-index: 9;

    border-color: #ed1c24;

    box-shadow: 0 2px 84px rgba(0,0,0,.27);
}



.products table
{
    width: 100%;

    border-spacing: 0;
    border-collapse: collapse;
}

.products table th
{
    color: #000;
    font: 700 12px/12px Circe;

    vertical-align: middle;

    border-bottom: 1px dotted #f22;
    padding: 10px 5px;

    background: #f1f0f2;
}

.products table th + th
{
    border-left: 1px dotted #888;
}


.products table td
{
    color: #000;
    font: 700 12px/12px Circe;

    vertical-align: middle;

    border-bottom: 1px dotted #888;
    padding: 10px 5px;

    text-align: center;

    background: #fff;
}

.products table td + td
{
    border-left: 1px dotted #888;
}
.products table td:first-child
{
    text-align: left;
}

.products table td img
{
    display: block;

    width: 43px;

    margin: 0 auto;
}

.products table td.price
{
    font-size: 14px;

    white-space: nowrap;
}



.form .col.left
{
    width: calc(66.666% - 8px);
}

.form .col.right
{
    width: calc(33.333% - 8px);

    
}


.form .lines
{
    display: flex;

    margin-left: -6px;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.form .lines .line
{
    width: 33.333%;
}

.form .lines .field
{
    margin-left: 6px;
}


.form .line
{
    margin-bottom: 11px;
}


.form .field
{
    position: relative;
}

.form .input
{
    color: #000;
    font: 14px Circe;

    display: block;

    width: 100%;
    height: 58px;

    border: none;
    padding: 0 20px;

    border-radius: 3px;
    background: #f1f0f2;
}

.form textarea
{
    color: #000;
    font: 14px Circe;

    display: block;

    width: 100%;
    height: 115px;

    border: none;
    padding: 15px 20px;

    resize: none;

    border-radius: 3px;
    background: #f1f0f2;
}

.form ::-webkit-input-placeholder
{
    color: #7c7c7c;
}
.form ::-moz-placeholder
{
    color: #7c7c7c;
}
.form :-moz-placeholder
{
    color: #7c7c7c;
}
.form :-ms-input-placeholder
{
    color: #7c7c7c;
}


.form input[type=checkbox]
{
    display: none;
}

.form input[type=checkbox] + label
{
    color: #000;
    font: 14px/18px Circe;

    position: relative;

    display: table-cell;
    vertical-align: middle;

    height: 18px;

    padding-left: 33px;

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.form input[type=checkbox] + label a
{
    color: #000;
}

.form input[type=checkbox] + label a:hover
{
    text-decoration: none;
}

.form input[type=checkbox] + label:before
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 18px;
    height: 18px;

    content: '';

    background: #e7e6e6;
}

.form input[type=checkbox] + label:after
{
    position: absolute;
    z-index: 2;
    top: 5px;
    left: 5px;

    display: block;

    width: 8px;
    height: 8px;

    content: '';

    transition: opacity .2s linear;

    opacity: 0;
    background: #f00;
}

.form input[type=checkbox]:checked + label:after
{
    opacity: 1;
}


.form .submit
{
    padding-top: 16px;
}

.form .submit_btn
{
    color: #fff;
    font: 16px/52px Circe;

    display: inline-block;
    vertical-align: top;

    width: 100%;
    height: 52px;

    border: none;

    cursor: pointer;

    transition: background .2s linear;

    border-radius: 3px;
    background: #ed1c24;
}

.form .submit_btn:hover
{
    background: #ff1f26;
}



.pagination
{
    overflow: hidden;

    text-align: center;
}

.pagination a
{
    color: #323232;
    font: 600 14px/35px Circe;

    display: inline-block;
    vertical-align: top;

    width: 35px;
    height: 35px;

    border: 1px solid #dedede;
    margin: 0 11px;

    text-align: center;
    text-decoration: none;

    transition: .2s linear;
}

.pagination a.prev
{
    position: relative;

    margin-left: 0;
}

.pagination a.prev:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 6px;
    height: 12px;

    border-top: 6px solid transparent;
    border-right: 6px solid #bababa;
    border-bottom: 6px solid transparent;
    margin-top: -6px;
    margin-left: -3px;

    content: '';

    transition: border-color .2s linear;
}

.pagination a.prev:hover:after
{
    border-right-color: #fff;
}

.pagination a.next
{
    position: relative;

    margin-right: 0;
}

.pagination a.next:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 6px;
    height: 12px;

    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #bababa;
    margin-top: -6px;
    margin-left: -2px;

    content: '';

    transition: border-color .2s linear;
}

.pagination a.next:hover:after
{
    border-left-color: #fff;
}


.pagination a:hover,
.pagination a.active
{
    color: #fff;

    border-color: #f00;

    background: #f00;
}



.product_info
{
    padding-top: 15px;
}

.product_info .prod_name
{
    color: #000;
    font: 300 35px Circe;

    margin-bottom: 25px;
}


.product_info .data
{
    display: flex;

    margin-bottom: 30px;

    background: #fff;

    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}


.product_info .data .images
{
    position: relative;
    z-index: 9;

    width: 40%;

    background: #fff;
    box-shadow: 0 2px 84px rgba(0,0,0,.27);
}

.product_info .images .slide
{
    display: none;
}

.product_info .images .owl-carousel .slide:first-child,
.product_info .images .owl-carousel.owl-loaded .slide
{
    display: flex;
}

.product_info .images .big .slide
{
    width: 100%;
    height: 460px;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.product_info .images .big .slide img,
.product_info .images .thumbs .slide img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.product_info .images .thumbs
{
    padding: 30px 30px 15px;
}

.product_info .images .thumbs .slider
{
    padding: 0 90px;
}

.product_info .images .thumbs .slide a
{
    display: flex;

    width: 100%;
    height: 80px;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.product_info .data .info
{
    position: relative;
    z-index: 8;

    width: 60%;

    background: #fff;
    box-shadow: 0 2px 84px rgba(0,0,0,.27);
}

.product_info .data .info .block
{
    padding: 20px 50px;
}

.product_info .data .info .block + .block
{
    border-top: 1px solid #e7eeec;
}

.product_info .data .info .price
{
    color: #000;
    font: 700 30px/40px Circe;

    overflow: hidden;

    padding: 23px 50px 17px;
}

.product_info .data .info .price .old
{
    color: #595959;
    font-size: 18px;

    margin-right: 60px;

    text-decoration: line-through;
}


.product_info .data .info .features .item
{
    color: #000;
    font: 14px/24px Circe;

    position: relative;

    overflow: hidden;
}

.product_info .data .info .features .item:before
{
    position: absolute;
    z-index: 1;
    bottom: 8px;
    left: 0;

    display: block;

    width: 100%;
    height: 1px;

    border-bottom: 1px dotted #000;

    content: '';
}

.product_info .data .info .features .item .name
{
    font-weight: 700;

    position: relative;
    z-index: 2;

    float: left;

    background: #fff;
}

.product_info .data .info .features .item .val
{
    position: relative;
    z-index: 2;

    float: right;

    width: calc(100% - 215px);

    background: #fff;
}


.product_info .logos
{
    margin-bottom: 15px;
    margin-left: -19px;
}

.product_info .logos img
{
    display: inline-block;
    vertical-align: middle;

    margin-bottom: 15px;
    margin-left: 19px;
}



.modification
{
    margin-bottom: 35px;
}

.modification .block_title
{
    color: #000;
    font: 300 35px/39px Circe;

    margin-bottom: 20px;

    text-align: center;
}

.modification table
{
    width: 100%;

    border-spacing: 0;
    border-collapse: collapse;
}

.modification table th
{
    color: #000;
    font: 16px/22px CIrce;

    vertical-align: middle;

    border: 1px solid #e7eeec;
    padding: 15px;

    text-align: left;

    background: #f6f6f7;
}

.modification table td
{
    color: #000;
    font: 14px/22px CIrce;

    vertical-align: middle;

    border: 1px solid #e7eeec;
    padding: 12px 15px;

    text-align: left;

    background: #fff;
}



.product_info .links
{
    overflow: hidden;

    margin-bottom: 20px;
    margin-left: -40px;
}

.product_info .links a
{
    color: #000;
    font: 16px/51px Circe;

    display: block;
    float: left;

    margin-bottom: 15px;
    margin-left: 40px;
}

.product_info .links a img
{
    display: inline-block;
    vertical-align: middle;

    margin-right: 16px;
}

.product_info .links a:hover
{
    text-decoration: none;
}



.product_info .order_block
{
    margin-bottom: 35px;
    padding: 25px 25px 33px;

    background: #fff;
    box-shadow: 0 0 109px rgba(0,0,0,.1);
}



/*---------------
   Footer
---------------*/
footer
{
    padding: 45px 0 30px;
}


footer .cont
{
    display: flex;

    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}


footer .title
{
    color: #000;
    font: 700 16px/21px Circe;

    margin-bottom: 21px;
}


footer .logo a,
footer .logo img
{
    display: block;

    max-width: 100%;
}


footer .privacy_policy
{
    margin-top: 20px;
}


footer .links li
{
    display: block;

    list-style: none;
}


footer .contacts
{
    color: #2e2e2e;
    font: 14px/21px Circe;
}

footer .contacts .phone
{
    font-size: 18px;
}

footer .contacts .col.left
{
    margin-right: 60px;
}


footer .creator
{
    color: #000;
    line-height: 30px;

    margin-top: 45px;
}


footer a
{
    color: #ed1c24;
    font: 14px/30px Circe;

    display: inline-block;
    vertical-align: top;

    text-decoration: none;
}

footer a:hover
{
    text-decoration: underline;
}



/*---------------
   PopUp
---------------*/
.modal
{
    display: none;

    width: 380px;
    max-width: calc(100% - 30px);

    padding: 35px;

    background: #fff;
}


.modal_title
{
    color: #494949;
    font: 300 24px Circe;

    margin-bottom: 25px;

    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;
}


.modal .text
{
    color: #000;
    font: 16px Circe;

    text-align: center;
}


/*---------------
   Add
---------------*/
.cp 
{color: #6b6b6b;
     font-size: 10px;
}


.p-caption
{
    text-align: center;
    font-size: 18px;
    margin-top: 10px!important;
	padding-bottom: 30px;
	margin-bottom: 0px!important;
    color: #000;
    font-weight: 300;
}


.p-margin
{
	margin-bottom: 0!important;
}

.tesis
{
    border-left: 2px solid red;
    padding-left: 20px;
	margin-bottom: 50px !important;
}
.oem-list{
    padding-top: 10px;
    padding-left: 12px;
}
.icon{
    max-width: 45px!important;
    float: left;    
    margin-right: 7px!important;
}
.quality
{
    padding: 20px;
    margin: 20px 20px 20px 0;
    box-shadow: 0px 5px 9px rgba(0,0,0,.08);
}
.wh{
    font-size: 15px;
    border-bottom: 1px dashed red;
    font-weight: 600;
}
.hc
{
	padding: 10px 0 20px 0!important;
}
.nea {
  padding: 30px;
  margin: 20px 20px 20px 0;
  box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.08);
  text-align: center;
  outline: 2px dashed #dbdbdb4d;
  outline-offset: -20px;
  height: 310px;
  clear:both;  
}

.nea img {
  max-width: 64px;
  padding-bottom: 10px;
 }
 
 .wwd
{
    padding: 20px;
    margin: 0 20px 20px 0;
    box-shadow: 0px 5px 9px rgba(0,0,0,.08);
	height: 140px;
	display: grid;    
    align-items: center;
	border-radius:5px;

}
.ww{
    font-size: 15px;
    font-weight: normal;
	text-transform: uppercase;
}

.quote {
  padding: 20px;
  margin: 20px 0;
  box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.08);
  max-width: 100%;
  height: 185px;
  border-radius: 5px;
  text-align: left;
}

.fa-quote-left {
  color: red;
}

.quote-text,
.quote-original,
.quote-description {
  margin: 0 auto;
}

.quote-text,
.quote-original {font-size: 22px;}

.quote-description {font-size: 14px; padding-left: 150px;}

.fa-border {border:0;}

.quote-text {margin-bottom: 0px!important; padding-bottom: 0px;}
.fa.fa-pull-left {
    height: 150px;
    display: flex;
    align-items: center;
}

.grid-wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none !important;
}

.grid-item {
  height: 300px;
  width: calc(33.33% - 10px);
  margin: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  color: #000;
}

.grid-item:before {
}

.grid-image {
}

.grid-info-overlay {
  padding-top: 20px;
  text-align: center;
  transition: padding-top 0.5s;
}

.grid-item-info {
  opacity: 0;
  transition: 0.25s;
}

.grid-item:hover .grid-item-info {
  opacity: 1;
}

.grid-item:hover .grid-info-overlay {
  padding-top: 0;
}

.grid-item:hover {
  background: #ff0000 !important;
  color: #fff!important;
}
.grid-wrap a {
  text-decoration: none!important;
}
.track {
  background-image: url(https://oeminchina.ru/files/ies/track-light-cat.jpg);
}

.hang {
  background-image: url(https://oeminchina.ru/files/ies/handing-light-cat.jpg);
}
.driver {
  background-image: url(https://oeminchina.ru/files/ies/driver-light-cat.jpg);
}
.downlight {
  background-image: url(https://oeminchina.ru/files/ies/downlight-light-cat.jpg);
}

.grille-downlight {
	background-image: url(https://oeminchina.ru/files/ies/grille-downlight-light-cat.jpg);
	
}

.ceiling-recessed {
	background-image: url(https://oeminchina.ru/files/ies/ceiling-recessed-lights-cat.jpg);
	
}
h2.grid-item-title a  {
    color: #fff!important;
    background: #ff0000ab;
    padding: 10px;
}
h3.grid-item-info a {color:#fff!important;}

div.price {display:none;}
#captcha_reset, .sub_text {display: none;}
#captcha_img {width:143px;}
.captcha_field {text-align:center;}
input.captcha {height: 35px; border: 1px solid #e6e6e6;}