.breadcrumb { color: #0c0289; text-align: left; padding-top: 21px; }
    .breadcrumb > a, .breadcrumb > span { color: #0c0289; padding: 0 24px 0 5px; position: relative; }
        .breadcrumb > a:after, .breadcrumb > span:after { content: ""; position: absolute; border: 3px solid transparent; border-left: 5px solid #2c2591; width: 0; height: 0; right: 0; top: 44%; }
        .breadcrumb > span.cur { padding-left: 10px; }
        .breadcrumb > a:hover { color: #000; }
        .breadcrumb > span.cur:after { display: none; }
/*header*/
.inside-main { width: 100%; background-color: #eeeeee; padding-bottom: 100px; }
h1 { margin-bottom: 30px; display: inline-block; font-size: 26px; color: #303034; line-height: 38px; margin-top: 32px; text-align: center; padding-bottom: 19px; border-bottom: 1px dotted #2e39af; position: relative; width: 100%; }
    h1:after { content: ""; position: absolute; width: 196px; height: 5px; background-color: #0c0289; bottom: -3px; left: 0; right: 0; margin-right: auto; margin-left: auto; }

.fade { height: 518px; }
    .fade img { height: 518px; }
.search { top: 440px; }
/*-------------------about--------------*/
.about-desc { width: 60%; float: left; margin-top: 30px; }
    .about-desc p { color: #222222; }

.about-slid { width: 414px; float: left; margin: 30px 0 150px 30px; }
    .about-slid figure { width: 414px; height: 423px; position: relative; }
        .about-slid figure:after { content: ""; position: absolute; width: 84%; height: 84%; background: transparent; border: 2px solid #fff; top: 30px; left: 30px; }
        .about-slid figure img { width: 100%; height: 100%; }

    .about-slid .slick-prev { width: 40px; height: 40px; background: url(../images/prev.png) no-repeat; color: transparent; border: none; outline: none; cursor: pointer; z-index: 9; position: absolute; left: 0; bottom: -90px; }
    .about-slid .slick-next { width: 40px; height: 40px; background: url(../images/next.png) no-repeat; color: transparent; border: none; outline: none; cursor: pointer; z-index: 9; position: absolute; right: 0; bottom: -90px; }
/*-----------------contact------------------*/
.contacts { margin-top: 40px; }
    .contacts li { width: 441px; float: left; min-height: 147px; margin: 0 75px; }
        .contacts li .contact-titr { width: 100%; padding-bottom: 10px; border-bottom: 1px solid #eb1112; }
            .contacts li .contact-titr img { float: left; margin-right: 10px; }
            .contacts li .contact-titr p { float: left; color: #eb1112; font-size: 20px; padding: 0; }
        .contacts li > p { color: #222222; padding-top: 30px; }
        .contacts li:last-child > p { color: #1c639f; font-size: 17px; }

.googlemaps { width: 100%; height: 413px; margin-top: 50px; }

.send-message { width: 850px; background-color: rgba(9, 91, 167, 0.8); padding: 20px; position: relative; z-index: 9; }
.send-message-cont { width: 99%; height: 99%; border: 3px solid #0c0289; }

.send-mess-cont { width: 611px; margin-top: 60px; }
    .send-mess-cont h2 { color: #fff; font-size: 18px; text-align: center; position: relative; font-weight: inherit; margin-bottom: 30px; }
        .send-mess-cont h2:after { content: ""; position: absolute; right: 0; width: 160px; top: 12px; height: 4px; background-color: #ebebeb; }
        .send-mess-cont h2:before { content: ""; position: absolute; left: 0; width: 160px; top: 12px; height: 4px; background-color: #ebebeb; }
    .send-mess-cont p { color: #fff; font-size: 14px; }
    .send-mess-cont ul { margin-top: 50px; float: left; margin-left: 115px; }
        .send-mess-cont ul li span { margin-bottom: 8px; color: #fff; }
        .send-mess-cont ul li .txt, .send-mess-cont ul li .txtarea { margin-bottom: 22px; width: 400px; }
        .send-mess-cont ul li .wid-txt { width: 258px; margin-right: 12px; }
        .send-mess-cont ul li .btn { float: right; margin-bottom: 50px; }

/*------------------news----------------*/
.searchns { width: 100%; background-color: #fff; height: 87px; border-bottom: 1px solid #cbcbcb; text-align: center; }
    .searchns .txt { width: 257px; height: 33px; text-indent: 4px; margin-right: 10px; margin-top: 30px; display: inline-block; }
    .searchns .txtbx { background: url(../images/calendar.png) right center no-repeat; }
    .searchns .btn { padding: 6px 21px; font-size: 16px; margin-top: 30px; }

.news-in li { width: 590px; float: left; background-color: #fff; margin: 30px 20px 0 0 }
    .news-in li:nth-child(2n) { margin-right: 0; }
.news-in > li > a { float: left; }
.news-in li figure { width: 229px; height: 235px; float: left; margin: 14px 12px 12px 8px; position: relative; }
    .news-in li figure img { width: 100%; height: 100%; }
    .news-in li figure:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); transition: all 0.5s; }
.news-in li .news-text { width: 334px; float:left; margin-top: 40px; }
    .news-in li .news-text span { color: #565656; font-size: 14px; }
    .news-in li .news-text a { font-size: 14px; color: #000; position: relative; height: 48px; }
        .news-in li .news-text a:after { content: ""; position: absolute; width: 100%; height: 2px; background-color: #0c0289; right: 0; left: 0; bottom: 0; transition: all 0.5s; }
    .news-in li .news-text p { font-size: 14px; color: #7a7676; margin-top: 30px; height: 103px; overflow: hidden; }

    .news-in li .news-text a:hover:after { width: 150px; right: 0; left: 0; }
    .news-in li .news-text a:hover { color: #0c0289; }

.news-in li a:hover figure:before { transform: scale(0); opacity: 0; }

.pager { text-align: center; margin: 70px 0px 30px; }
    .pager span a, .pager span .pcur { text-align: center; color: #8d8d8d; font-size: 16px; margin-left: 10px; float: right; }
        .pager span a:hover, .pager span .pcur { color: #eb1112; font-size: 20px; }
    .pager span .pback { width: 23px; height: 11px; background: url(/images/prev-pager.png) no-repeat; margin: 5px 0 0 29px; }
        .pager span .pback:hover { background: url(/images/prev-pager2.png) no-repeat; }
    .pager span .pnext { width: 23px; height: 11px; background: url(/images/next-pager.png) no-repeat; margin: 5px 23px 0 0; }
        .pager span .pnext:hover { background: url(/images/next-pager2.png) no-repeat; }

/*---------------------news inside------------------*/
.news-cont { width: 100%; background-color: #fff; }
    .news-cont .dates { font-size: 14px; color: #565656; padding-left: 30px; }
    .news-cont h2 { color: #000; padding: 5px 0 27px; border-bottom: 2px solid #0c0289; padding-left: 30px; }
.news-rt-col { margin: 45px 30px 0 0; float: left; width: 675px; }
    .news-rt-col p { color: #7a7676; font-size: 14px; }

.news-in-slid { width: 440px; float: left; margin: 55px 0 0 0px; }
.slider-news-for figure { width: 440px; height: 450px; position: relative; }
    .slider-news-for figure img { width: 100%; height: 100%; }

.slider-news-nav { width: 470px; margin: 25px auto; }
    .slider-news-nav figure { width: 128px; height: 128px; position: relative; cursor: pointer; }     
        .slider-news-nav figure:before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.4); top: 0; left: 0; }
        .slider-news-nav figure img { width: 100%; height: 100%; }
    .slider-news-nav .slick-current.slick-active figrue:before { display: none; }

    .slider-news-nav .slick-prev { width: 40px; height: 40px; background: url(../images/prev.png) no-repeat; color: transparent; border: none; outline: none; cursor: pointer; z-index: 9; position: absolute; left: 26px; top: 129%; }
    .slider-news-nav .slick-next { width: 40px; height: 40px; background: url(../images/next.png) no-repeat; color: transparent; border: none; outline: none; cursor: pointer; z-index: 9; position: absolute; right: 0; top: 129%; }

.views { color: #2470c5; font-size: 14px; border-bottom: 1px solid #d7d7d7; margin: 80px 22px 0; }
.source { float: left; margin-left: 22px; }
    .source span:first-child { color: #232323; font-size: 14px; }
    .source span:nth-child(2) { color: #2470c5; padding-left: 5px; }
.share-news { float: right; margin-right: 22px; }
    .share-news li { float: right; padding: 13px; position: relative; }
        .share-news li:first-child:after { content: ""; position: absolute; width: 1px; height: 11px; background-color: #afafae; left: 0; top: 13px; }

.left-per-col { width: 45%; float: right; margin-top: 40px; margin-right: 40px; }
    .left-per-col li { margin-left: 35px; border-bottom: 1px solid #e5e5e5; padding: 20px 0; }
        .left-per-col li img { width: 42px; height: 46px; border: 1px solid #e7e7e7; }
        .left-per-col li span { padding: 15px; }
        .left-per-col li .name-person { color: #3c3c3c; font-size: 14px; }
        .left-per-col li .date-per { color: #eb1922; font-size: 13px; }
        .left-per-col li p { color: #969696; font-size: 14px; }
    .left-per-col > li:first-child .comment-titr { color: #0c0289; font-size: 16px; border-bottom: 1px solid #fbd2d4; position: relative; padding-bottom: 10px; margin-bottom: 25px; }
        .left-per-col > li:first-child .comment-titr:after { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 44px; background-color: #eb1922; }
    .left-per-col > li:first-child { padding: 0; border-bottom: 0; margin-bottom: 0; }

.form { margin-bottom: 120px; }
    .form li { margin-bottom: 15px; }
        .form li span:nth-child(2) { min-width: 145px; }
        .form li .code-txt { width: 223px; }
        .form li .btn { float: right; }

.right-per-col { width: 522px; margin: 40px auto; float: left; margin-left: 30px; }
    .right-per-col > p { color: #0c0289; font-size: 16px; border-bottom: 1px solid #fbd2d4; position: relative; padding-bottom: 10px; margin-bottom: 42px; }
        .right-per-col > p:after { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 44px; background-color: #eb1922; }

/*--------------------product------------------*/
.prod-container { width: 97.5%; background-color: #fff; padding: 48px 14px 0; }
    .prod-container .prod-desc { width: 59.3%; float: left; margin-right: 25px; }
        .prod-container .prod-desc p { color: #7a7676; font-size: 14px; }

.prod-slid { width: 440px; float: left; margin-bottom: 155px; }
    .prod-slid figure { width: 440px; height: 450px; position: relative; }
        .prod-slid figure img { width: 100%; height: 100%; }

    .prod-slid .slick-prev { width: 40px; height: 40px; background: url(../images/prev.png) no-repeat; color: transparent; border: none; outline: none; cursor: pointer; z-index: 9; position: absolute; left: 39%; bottom: -90px; }
    .prod-slid .slick-next { width: 40px; height: 40px; background: url(../images/next.png) no-repeat; color: transparent; border: none; outline: none; cursor: pointer; z-index: 9; position: absolute; right: 39%; bottom: -90px; }

.prod-container > h2 { display: flex; flex-direction: row; padding: 89px 0 149px; font-size: 21px; color: #2470c5; text-align: center; position: relative; font-weight: inherit; }
    .prod-container > h2::before, .prod-container > h2::after { flex-grow: 1; height: 1px; content: ''; border-bottom: 1px dotted #2e39af; position: relative; top: 0.5em; }
    .prod-container > h2:before { margin-left: 30px; }
    .prod-container > h2:after { margin-right: 30px; }

.prod-list { width: 100%; text-align: center; }
    .prod-list li { display: inline-block; width: 309px; padding: 7px; margin-right: 33px; height: 488px; background-color: #eeeeee; margin-bottom: 50px; }
        .prod-list li figure { width: 100%; height: 411px; position: relative; }
            .prod-list li figure:after { content: ""; position: absolute; width: 81%; height: 88%; background: transparent; border: 2px solid #004bbd; top: 22px; left: 26px; transition: all 0.5s; }
            .prod-list li figure img { width: 100%; height: 100%; }
        .prod-list li p { font-size: 17px; color: #000; padding-top: 25px; height: 80px; overflow: hidden; }
        .prod-list li:last-child { margin-bottom: 50px; }
        .prod-list li a:hover figure:after { transform: scale(0); opacity: 0; }
        .prod-list li a:hover p { color: #2e39af; }

/*--------------------product inside------------------*/
.prod-in { width: 97.5%; background-color: #fff; padding: 48px 14px 0; }

    .prod-in .prod-in-rtcol { width: 685px; float: left; margin-right: 23px; }
        .prod-in .prod-in-rtcol .tabs-menu { float: left; }
            .prod-in .prod-in-rtcol .tabs-menu li { float: left; margin-right: 50px; }
                .prod-in .prod-in-rtcol .tabs-menu li a { color: #5c5757; padding-bottom: 8px; position: relative; }
                    .prod-in .prod-in-rtcol .tabs-menu li a:hover, .prod-in .prod-in-rtcol .tabs-menu li.current a { border-bottom: 1px dotted #0728a2; }
                        .prod-in .prod-in-rtcol .tabs-menu li a:hover:after, .prod-in .prod-in-rtcol .tabs-menu li.current a:after { content: ""; position: absolute; border: 5px solid transparent; border-top: 7px solid #0728a2; width: 0; height: 0; left: 40%; top: 41px; }
        .prod-in .prod-in-rtcol .tab-content { width: 100%; border-top: 1px dotted #9a9a9a; padding-top: 30px; display: none; }
        .prod-in .prod-in-rtcol #tab-1 { display: block; }

    .prod-in > figure { width: 440px; height: 450px; float: left; position: relative; }
        .prod-in > figure img { width: 100%; height: 100%; }
        .prod-in > figure:after { content: ""; position: absolute; width: 86%; height: 86%; background: transparent; border: 2px solid #fff; top: 30px; left: 30px; }
    .prod-in .prod-in-rtcol .prints { float: right }

    .prod-in > h2 { display: flex; flex-direction: row; padding: 89px 0 70px; font-size: 20px; color: #303137; text-align: center; position: relative; font-weight: inherit; }
        .prod-in > h2::before, .prod-in > h2::after { flex-grow: 1; height: 1px; content: ''; border-bottom: 1px dotted #303137; position: relative; top: 0.5em; }
        .prod-in > h2:before { margin-left: 30px; }
        .prod-in > h2:after { margin-right: 30px; }

.prod-gal { width: 94%; }
    .prod-gal img { width: 217px; height: 217px; }
    .prod-gal .slick-prev { width: 40px; height: 40px; background: url(../images/prev.png) no-repeat; color: transparent; border: none; outline: none; cursor: pointer; z-index: 9; position: absolute; left: -39px; top: 38%; }
    .prod-gal .slick-next { width: 40px; height: 40px; background: url(../images/next.png) no-repeat; color: transparent; border: none; outline: none; cursor: pointer; z-index: 9; position: absolute; right: -39px; top: 38%; }

/*----------------partners----------*/
.partners { width: 93%; background-color: #fff; }
.part-slid { padding: 50px 0 100px; }
    .part-slid figure { width: 233px; height: 130px; position: relative; }
        .part-slid figure img { width: 100%; height: 100%; }
        .part-slid figure figcaption { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(238,238,238,0.7); opacity: 0; transform: scale(0); transition: all 0.5s; }
            .part-slid figure figcaption p { color: #1b1b1c; font-size: 24px; text-align: center; padding-bottom: 10px; position: relative; padding-top: 40px; }
                .part-slid figure figcaption p:after { content: ""; position: absolute; width: 170px; height: 1px; background-color: #1b1b1c; bottom: 0; left: 30px; }
    .part-slid .slick-prev { width: 40px; height: 40px; background: url(../images/prev.png) no-repeat; color: transparent; border: none; outline: none; cursor: pointer; z-index: 9; position: absolute; left: -39px; top: 38%; }
    .part-slid .slick-next { width: 40px; height: 40px; background: url(../images/next.png) no-repeat; color: transparent; border: none; outline: none; cursor: pointer; z-index: 9; position: absolute; right: -39px; top: 38%; }

    .part-slid a:hover figcaption { opacity: 1; transform: scale(1); }

/*--------------------food industry---------------*/
.food { width: 97%; background-color: #fff; padding: 62px 18px; }
.food-text { width: 690px; float: left; margin-right: 23px; margin-top: 20px; }
.food-pic { width: 440px; height: 450px; float: left; position: relative; }
    .food-pic img { width: 100%; height: 100%; }
    .food-pic:after { content: ""; position: absolute; width: 86%; height: 86%; background: transparent; border: 2px solid #fff; top: 30px; left: 30px; }

.food-chioce { margin-top: 40px; }
    .food-chioce > p { font-size: 14px; color: #7a7676; }
.foods { margin-top: 127px; width: 93%; }
    .foods figure { width: 170px; height: 170px; border-radius: 50%; border: 1px dashed #2bbcf2; position: relative; }
        .foods figure img { width: 170px; height: 170px; border-radius: 50%; }
        .foods figure figcaption { position: absolute; width: 97%; height: 97%; top: 2px;left: 2px; border-radius: 50%; background: rgba(113,171,225,0.7); transform: scale(0); opacity: 0; transition: all 0.5s; }
            .foods figure figcaption p { font-size: 20px; color: #fff; text-align: center; padding-top: 38%; }
    .foods a:hover figure figcaption { opacity: 1; transform: scale(1); }

    .foods .slick-prev { width: 40px; height: 40px; background: url(../images/prev.png) no-repeat; color: transparent; border: none; outline: none; cursor: pointer; z-index: 9; position: absolute; left: -53px; top: 38%; }
    .foods .slick-next { width: 40px; height: 40px; background: url(../images/next.png) no-repeat; color: transparent; border: none; outline: none; cursor: pointer; z-index: 9; position: absolute; right: -53px; top: 38%; }

.food > h2 { display: flex; flex-direction: row; padding: 89px 0 70px; font-size: 20px; color: #060606; text-align: center; position: relative; font-weight: inherit; }
    .food > h2::before, .food > h2::after { flex-grow: 1; height: 1px; content: ''; border-bottom: 1px dotted #060606; position: relative; top: 0.5em; }
    .food > h2:before { margin-right: 30px; }
    .food > h2:after { margin-left: 30px; }

.video-desc { float:left; width: 605px; margin-right: 55px; margin-top: 35px; }
    .video-desc p { font-size: 14px; color: #7a7676; }
.videos { float: left; }
    .videos video { width: 495px; height: 305px; background-color: #000; }
/*---------------certificate-------------*/
.certifs { width: 90%; margin: 30px auto 60px; }
    .certifs .item figure { width: 213px; height: 328px; border: 1px solid #fff; padding: 22px 17px; }
        .certifs .item figure img { width: 100%; height: 100%; transition: all 0.4s; }
    .certifs .item a:hover figure img { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
    .certifs .slick-prev { width: 40px; height: 40px; background: url(../images/prev.png) no-repeat; color: transparent; border: none; outline: none; cursor: pointer; z-index: 9; position: absolute; left: -53px; top: 38%; }
    .certifs .slick-next { width: 40px; height: 40px; background: url(../images/next.png) no-repeat; color: transparent; border: none; outline: none; cursor: pointer; z-index: 9; position: absolute; right: -53px; top: 38%; }
/*--------------------managers--------------*/
.managers { width: 100%; background-color: #fff; }
    .managers > ul > li { float: left; width: 37%; margin: 0 58px 50px; padding: 20px; border-bottom: 2px solid #0c0289; }
        .managers > ul > li > span:first-child { color: #000; font-size: 14px; padding-right: 5px; font-weight: bold; }
        .managers > ul > li > p { color: #eb1011; font-size: 14px; padding-bottom: 15px; position: relative; display: inline-block; width: 84%; padding-top: 0; font-weight: bold; }

            .managers > ul > li > p:after { content: ""; position: absolute; left: 65px; top: 43px; width: 89%; background-color: #0c0289; height: 1px; }

        .managers > ul > li > figure { width: 100px; height: 121px; float: left; }
            .managers > ul > li > figure > img { width: 100%; height: 100%; }
        .managers > ul > li > .manager-desc { width: 73%; float: right; margin-top: 8px; }

            .managers > ul > li > .manager-desc > ul li span { font-size: 14px; }
                .managers > ul > li > .manager-desc > ul li span:first-child { color: #000; padding-right: 10px; }

/*-------download center---------*/
.catalog-list > li { float: left; margin: 30px 65px; width: 250px; }
    .catalog-list > li .cat_obj { width: 223px; margin: 0 10px 20px; background: #fff; position: relative; }
.cat_obj::after { content: ""; width: 80px; height: 80px; background: url(/images/pdf_downlaod.png) no-repeat 0px 0px; position: absolute;right: -36px; top: -22px; z-index: 1; -moz-transition: 500ms; -o-transition: 500ms; -webkit-transition: 500ms; transition: 500ms; }
.cat_obj:hover:after { top: 170px; }
.cat_obj > figure { margin: 0 0 5px; padding: 11px; border: 1px solid #ccc; overflow: hidden; width: 200px; height: 200px; }
    .cat_obj > figure img { width: 198px; height: 198px; }
.catalog-list > li .cat_obj:hover figure { border-color: #fb0606; }
.cat_obj > figcaption > a { background-color: #2470c5; padding: 0px 28px; width: 168px; height: 50px; text-align: center; color: #fff; margin-top: -20px; line-height: 44px; }

.expert-cat { width: 50%; float: left; margin-top: 30px; }
    .expert-cat h3 { font-size: 19px; color: #0c0289; border-bottom: 1px solid #0c0289; padding-bottom: 10px; margin-bottom: 25px; }

.forms { width: 45%; float: right; }
    .forms li:first-child p { color: #fff; background-color: #0c0289; padding: 10px; margin-top: 40px; font-size: 17px; }
    .forms li { margin-bottom: 12px; }
/*.forms li img { margin-right: 10px; }*/

.picture-list > li { float: left; margin: 30px 65px; width: 250px; }
    .picture-list > li .pic_obj { width: 223px; margin: 0 10px 20px; background: #fff; position: relative; }
.pic_obj > figure { margin: 0 0 5px; padding: 11px; border: 1px solid #ccc; overflow: hidden; width: 200px; height: 200px; }
    .pic_obj > figure img { width: 198px; height: 198px; }
.picture-list > li .pic_obj:hover figure { border-color: #fb0606; }
.pic_obj > figcaption > a { background-color: #2470c5; padding: 0px 28px; width: 168px; height: 50px; text-align: center; color: #fff; margin-top: -20px; line-height: 44px; }

/*--------links--------------*/
.links { width: 100%; background-color: #fff; }
.col-link a { padding: 18px 5px; position: relative; margin: 27px 35px; outline: none; color: #575555; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; float: left; width: 220px; }
    .col-link a::before, .col-link a::after { position: absolute; right: 0; width: 100%; height: 1px; background: #2470c5; content: ''; opacity: .2; -webkit-transition: opacity .3s,height .3s; -moz-transition: opacity .3s,height .3s; transition: opacity .3s,height .3s; }
    .col-link a::after { top: 100%; opacity: 0; -webkit-transition: -webkit-transform .3s,opacity .3s; -moz-transition: -moz-transform .3s,opacity .3s; transition: transform .3s,opacity .3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); }
    .col-link a span:first-child { z-index: 2; padding: 25px 0 0 14px; width: 100%; }
    .col-link a span:last-child { z-index: 1; padding: 8px 0 0 0; display: block; color: #000; text-shadow: none; text-transform: none; font-style: italic; font-size: 12px; font-family: arial; opacity: 0; -webkit-transition: -webkit-transform .3s,opacity .3s; -moz-transition: -moz-transform .3s,opacity .3s; transition: transform .3s,opacity .3s; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); }
    .col-link a:hover::before, .col-link a:focus::before { height: 6px; }
    .col-link a:hover::before, .col-link a:hover::after, .col-link a:focus::before, .col-link a:focus::after { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); }
    .col-link a:hover span:last-child, .col-link a:focus span:last-child { opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); }
    .col-link a img { width: 150px; height: 100px; float: left; margin: 10px 20px 0 0; }

/*------------question----------*/
.ask p { color: #5f3036; font-size: 19px; padding: 27px 5px; position: relative; }
    .ask > p::after { content: ""; width: 15%; height: 2px; position: absolute; left: 0; background-color: #0c0289; top: 64px; }
.faqList { padding: 10px; }

    .faqList > li:nth-child(2n+1) { background-color: #2470c5; }
        .faqList > li:nth-child(2n+1) .question { color: #fff; }
        .faqList > li:nth-child(2n+1) .answer { color: #fff; }
.question { color: #2470c5; padding: 10px 20px 10px 10px; position: relative; cursor: pointer; }
.answerPane { padding: 0 10px 10px; display: none; }
.ask .form_tbl { margin-bottom: 40px; }
    .ask .form_tbl tr td .txt { width: 350px; height: 40px; border: 1px solid #e4e4e4; border-radius: 0px; }
    .ask .form_tbl tr td .txtarea { width: 350px; }
    .ask .form_tbl tr td .btn { width: 162px; height: 40px; color: #fff; }
        .ask .form_tbl tr td .btn:hover { background-color: red; }
    .ask .form_tbl tr td img { width: 130px; }
/*-----survey--------*/
.comment li { margin: 20px; font-size: 17px; }
    .comment li img { float: left; }
    .comment li p { padding: 0px 10px; float: left; }
    .comment li span { padding-left: 40px; }
    .comment li label { padding-left: 5px; }
/*------gallery-------*/
.pic-gallery { width: 300px; height: 250px; float: left; position: relative; margin: 88px 88px 0; text-align: center; }
    .pic-gallery figure img { width: 235px; -moz-transition: 500ms; -o-transition: 500ms; -webkit-transition: 500ms; transition: 500ms; }
    .pic-gallery figcaption { display: none; position: absolute; text-align: center; padding: 20px 55px; -moz-transition: 300ms; -o-transition: 300ms; -webkit-transition: 300ms; transition: 300ms; }
        .pic-gallery figcaption p { font-size: 20px; font-weight: bold; }
    .pic-gallery a:hover figure img { transform: rotate(360deg); }
    .pic-gallery a:hover figcaption { display: block; }
.video-gallery { width: 300px; height: 250px; float: right; margin: 88px 88px 0; position: relative; text-align: center; }
    .video-gallery figure img { border-radius: 50px; width: 225px; -moz-transition: 500ms; -o-transition: 500ms; -webkit-transition: 500ms; transition: 500ms; }
    .video-gallery figcaption { display: none; position: absolute; text-align: center; padding: 20px 65px; -moz-transition: 300ms; -o-transition: 300ms; -webkit-transition: 300ms; transition: 300ms; }
        .video-gallery figcaption p { font-size: 20px; font-weight: bold; }
    .video-gallery a:hover figure img { transform: rotate(-360deg); }
    .video-gallery a:hover figcaption { display: block; }
/*---------pic gallery-----------*/
#wrapper { width: 100%; margin: 50px auto; position: relative; }
#inner { width: 800px; height: 650px; position: relative; }
#carousel-wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.2); width: 800px !important; height: 650px !important; padding: 20px; position: relative; }
#carousel { width: 800px !important; height: 650px !important; overflow: hidden; }
    #carousel img { display: block; float: right; width: 800px !important; height: 610px !important; }
#pager-wrapper { height: 120px; width: 100%; overflow: hidden; position: absolute; bottom: -35px; right: 0; z-index: 2; }
#pager img { cursor: pointer; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.2); display: block; width: 80px; height: 80px; padding: 10px; margin: 10px; float: left; }
    #pager img:hover { background: #eff; }
    #pager img.selected { background: #dff; }
/*---------video gallery-----------*/
#slideBox { position: relative; margin: 0px auto 100px; width: 900px; height: 600px; background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.2); }
.sliderSidebar { width: 700px; padding: 20px; height: 450px; }
    .sliderSidebar video { width: 100%; }
.sliderMain figure { width: 100px; height: 100px; position: relative; cursor: pointer; }
    .sliderMain figure img { width: 100%; height: 100%; }
.sliderMain { width: 600px; height: 100px; }
    .sliderMain figure figcaption { opacity: 0.8; top: 24px; right: 28px; z-index: 20; position: absolute; width: 50px; height: 50px; }
        .sliderMain figure figcaption img { width: 100%; height: 100%; box-shadow: none; }

        .video-gallery2 #sync3 .item { width: 65%; height: 520px; position: relative; overflow: hidden; }
    .video-gallery2 #sync3 .item video, .video-gallery2 #sync3 .item iframe { position: absolute; top: 0; right: 0; object-fit: fill; width: 100%; height: 100%; }

.video-gallery2 #sync4 { width: 80%; margin-top: 30px; }
    .video-gallery2 #sync4 figure { width: 200px; height: 200px; position: relative; }
        .video-gallery2 #sync4 figure > img { width: 100%; height: 100%; }
        .video-gallery2 #sync4 figure figcaption { position: absolute; top: 40%;left: 40%; }
    .video-gallery2 #sync4 .owl-prev { width: 40px; height: 40px; background: url(../images/prev.png) no-repeat; z-index: 9; position: absolute; left: -56px; top: 40%; }
    .video-gallery2 #sync4 .owl-next { width: 40px; height: 40px; background: url(../images/next.png) no-repeat; z-index: 9; position: absolute; right: -13px; top: 40%; }
/*General*/
.tbl_list { border: 1px solid #DDDDDD; width: 100%; }
    .tbl_list th { line-height: 10px; padding: 5px; text-align: center; font-weight: 500 !important; height: 25px; }
    .tbl_list td { border: 1px solid #fc120d; padding: 0; text-align: center; height: 30px; }
.margin-r282 { margin-left: 282px; }
.rcRefreshImage { background: url("../images/refresh.png") no-repeat scroll center center rgba(0, 0, 0, 0); float: left; height: 43px; width: 26px; }
.imgradCaptcha { float: left; }
.msg-success { color: #fc120d; text-align: center; font: 14px/20px yekan, tahoma; }
.txtradCaptcha { border-radius: 0px; height: 40px; width: 130px; padding: 0 0px; box-shadow: none; border: none; }
.sitemap { margin-left: 10px; }
    .sitemap > li { margin-bottom: 8px; padding-left: 17px; background: url(../images/lipic1.png) left 4px no-repeat; }
        .sitemap > li > a { color: #be1e2d; }
        .sitemap > li ul { margin: 5px 0; }
            .sitemap > li ul > li { padding-left: 10px; margin-bottom: 5px; }
    .sitemap a:hover { color: #ff4404; }
/*---------------order------------------*/
.order { }
    .order .form_tbl tr td:first-child span { width: 150px; }
    .order .tbl { border-collapse: collapse; width: 65%; margin: 50px 0px; }
        .order .tbl td, .order .tbl th { border: 1px solid #dddddd; text-align: center; padding: 8px; }
        .order .tbl th { background-color: #D31F2F; color: #fff; }
/*agency*/
.agent > figure > img { width: 150px; height: 150px; position: absolute; top: 10px; right: 10px; }
.agent p { font-size: 18px; color: #000; border-bottom: 1px solid #000; margin: 15px 0; }
.agent ul li { width: 32%; float: left; margin-bottom: 25px; margin-right: 16px; }
    .agent ul li span { min-width: 161px; text-align: justify; }
    .agent ul li .txtarea { width: 57%; }
.agent .check-list li { width: 18%; }
.number-list > li { list-style: decimal; width: 100% !important; }
.agent .check-list2 li { width: 18%; }
    .agent .check-list2 li:first-child { width: 30%; }
.tbls { border-collapse: collapse; }
    .tbls tr td { border: 1px solid #000; }
.videoTitle{display: block;width: 190px;padding: 5px;background: #222222;color:#fff;}