@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,700');

.header_top{
    height: 50px;
    background-color: #f2f2f2;
}

.header_bottom{
    height: 70px;
    /* background-color: #e8e8e8;*/
    background-color: #fff;
}

.header_contact_list{
    height: 50px;
}

.header_contact_list li{
    margin-left: 130px;
    top: 50%;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header_contact_list li:first-child{
    margin-left: 0;
}

.header_contact_list li a{
    font-size: 12px;
    color: #4d4d4d;
    font-weight: 700;
    -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease;
}

.header_contact_list li a:hover{
    color: #f6921e;
}

.header_contact_list li a:before{
    position: absolute;
    content: "";
    width: 21px;
    margin-left: -30px;
    height: 21px;
    margin-top: -2px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease;
}

.call_center:before{
    background-image: url(images/callc.png);
}

.call_center:hover:before{
    background-image: url(images/callc_h.png);
}

.tel:before{
    background-image: url(images/tel.png);
}
.tel:hover:before{
    background-image: url(images/tel_h.png);
}

.cont_mail:before{
    background-image: url(images/mail.png);
}
.cont_mail:hover:before{
    background-image: url(images/mail_h.png);
}

.logo_box, .menu_box, .lang_box{
    position: relative;
    float: left;
    height: 70px;
    z-index: 9
}



.navbar>nav>ul>li{
    position: relative;
    float: left;
    margin-left: 24px;
    height: 70px;
}

.navbar>nav>ul>li:after{
    position: absolute;
    right: -8px;
    top: 50%;
    width: 8px;
    height: 8px;
    background-image: url(images/arrow_box.png);
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -4px;
}

.navbar>nav>ul>li.has_sub_menu:after{
    content: '';
}

.lang_box{
    float: right;
}

.menu_box{
    padding-left: 220px;
}

.navbar>nav>ul>li:first-child{
    margin-left: 0;
}

.navbar>nav>ul>li>a{
    color: #4d4d4d;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 5px;
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .2s ease;
    border-bottom: 2px solid transparent;
    font-family: 'Bebas Neue';
    font-weight:bold;

}

.navbar>nav>ul>li>a>span:first-child:before{
    content: "";
    position: absolute;
    top: 0;
    left:0;
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-top: 2px solid #f19911;
    border-left: 2px solid #f19911;
    transition: .2s;
    opacity: 0;


}

.navbar>nav>ul>li>a>span:last-child:before{
    content: "";
    position: absolute;
    bottom: 0;
    left:0;
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-bottom: 2px solid #f19911;
    border-left: 2px solid #f19911;
    transition: .2s;
    opacity: 0;

}

.navbar>nav>ul>li>a>span:first-child:after{
    content: "";
    position: absolute;
    top: 0;
    right:0;
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-top: 2px solid #f19911;
    border-right: 2px solid #f19911;
    transition: .2s;
    opacity: 0;

}

.navbar>nav>ul>li>a>span:last-child:after{
    content: "";
    position: absolute;
    bottom: 0;
    right:0;
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-bottom: 2px solid #f19911;
    border-right: 2px solid #f19911;
    transition: .2s;
    opacity: 0;

}

.navbar>nav>ul>li.hover,
.navbar>nav>ul>li:hover{

}

.navbar>nav>ul>li.hover a,
.navbar>nav>ul>li:hover a {
    color:#4d4d4d;
    border-color: #f7a514;
}

.navbar>nav>ul>li:hover .arrow_box {
    display: inline-block;
}


.arrow_box {
    position: relative;
    top: 15px;
    display: none;
}

.submenu_mehsul{
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 999999;
    display: none;
    transition: .3s;
    top: 70px;
    padding: 35px 0;
    padding-bottom: 15px;
}

.submenu{
    position: absolute;
    width: 170px;
    z-index: 999999;
    border-radius: 10px;
    left: -50px;
    display: none;
    transition: .3s;
}

.submenu .submenu_list li{
    position: relative;
    float: left;
    width:100%;
    margin-bottom: 7px;
    -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease;
}

.submenu_list{
    background-color: #e8e8e8;
    padding: 15px 30px;
    border-radius: 10px;
    position: relative;
    width: 200px;
    float: left;
}

.submenu_list a{
    color: #4d4d4d;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 140px;
}


.sub_menus_sides{
    position: relative;
    float: left;
    height: 100%;
}

.sub_menus_left_side{
    width: 100%;
}

.submenu_mehsul_6 .sub_menus_left_side{
    width: 700px;
}

.sub_menus_right_side{
    width: calc(100% - 700px);
    display: none;
}

.submenu_mehsul_6 .sub_menus_right_side{
    display: block;
}


.submenu_mehsul .sub_list{
    /*background-color: #dcdcdc;*/
    background-color: #f8f8f8;
    position: relative;
    float: left;
    z-index:99999;
    text-align: center;
    margin-top: 0;

}
.submenu_mehsul .sub_list li{
    width:calc(100% / 4);
    margin-bottom: 20px;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
}

.submenu_mehsul_6 .sub_list li{
    width: calc(100% / 3);
}

.submenu_mehsul_1 .sub_list li{
    width: calc(100% / 5);
}

.submenu_mehsul_24 .sub_list,
.submenu_mehsul_1 .sub_list,
.submenu_mehsul_9 .sub_list{
    text-align: center;
}

.submenu_mehsul_24 .sub_list li,
.submenu_mehsul_1 .sub_list li,
.submenu_mehsul_9 .sub_list li{
    display: inline-block;
    float: none;
    width: auto;
    padding: 0 40px;
}

.submenu .submenu_list li:hover{
    background-color: #d1d1d1;
}



.submenu_mehsul .sub_list li a span:hover  {
    padding-bottom: 2px;
    border-bottom: 1px solid #f7a514;
}

.mehsul_link:hover .submenu_mehsul{
    display: block;
}



.submenu_mehsul .sub_list li a{
    color: #4d4d4d;
    font-size: 21px;
    line-height: 16px;
    text-align: left;
    text-transform: uppercase;
    position: relative;
    float: left;
    /* font-family: 'NeueHaasUnicaW1G-Bold';*/
    font-family: 'Oswald', sans-serif;
    font-weight:300;
}


.submenu_mehsul {
    grid-template-columns: auto auto auto;
    /* background-color: #dcdcdc;*/
    background-color:#f8f8f8;
}

.sub_menu_show_all{
    position: relative;
    float: left;
    clear: both;
    font-size: 22px;
    color: #fff;
    border-radius: 5px;
    transition: all 500ms;
    background-color: #f7a514;
    padding: 15px 25px;
    text-transform: uppercase;
    margin: 10px 0;
    font-family: 'Bebas Neue';
    font-weight: bold;
}

.sub_menu_show_all:hover{
    background-color: #002c82;
}

.subText {
    height: 100%;
    padding: 20px;
    margin: 10px 0;
    float: left;
    position: relative;
    border-left: 2px solid #ccc;
    display: flex;
    align-items: center;
}

.menu_img{
    position: relative;
    float: left;
    width: 183px;
    height: 115px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: none;
}

.menu_img_active{
    display: block;
}

.subText .inline {
    position: relative;
    float: left;
    width: 50%;
}

.subText .inline img{
    position: relative;
    float: left;
    width: 182px;
    height: 115px;
    object-fit: contain;
}

.subText .inline h2{
    font-size: 22px;
    font-family: 'Bebas Neue';
    font-weight:bold;
    color:#4d4d4d;
}

.subText .inline p{
    font-size: 12px;
    color:#4d4d4d;
}

/* langBar */

.langBar {
    width: 170px;
    height: 120px;
    margin-left: 100px;
    margin-top: 80px;
}

.defaultLang {
    background-color: #fff;
    display: block;
    border: 1px solid #cccccc;
    width: 170px;
    padding: 5px;
    border-radius: 15px;
    box-shadow: 0px 1px #cccccc;
}

.langName {
    width: 100px;
    margin-left: 15px;
    color: #000;
}

.defaultLang img, .langList img {
    margin-left: 15px;
}

.langList {
    float: left;
    position: relative;
    margin-top: 10px;
    display: none;
    border: 1px solid #cccccc;
    width: 170px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 1px 8px 6px -6px #cccccc;
}

.langList a {
    position: relative;
    float: left;
    width: 100%;
    padding: 5px 0;
    opacity:0;
    visibility:hidden;

}

.langList a:first-child{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}

.langList a:last-child{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

}

.langList a:hover{
    background-color: #fff;
}

.langBar:hover .langList a{

    visibility:visible;
}


.langBar:hover .langList a:first-child{
    -webkit-animation: firstl 2.5s forwards;
    -moz-animation:firstl 2.5s forwards ;
    -o-animation:firstl 2.5s forwards;
    animation:firstl 2.5s forwards;
}

.langBar:hover .langList a:last-child{
    -webkit-animation: lastl 1.5s forwards;
    -moz-animation:lastl 1.5s forwards;
    -o-animation:lastl 1.5s forwards;
    animation:lastl 1.5s forwards;
}


@keyframes firstl {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes lastl {
    0%   { opacity: 0; }
    25%   { opacity: 0; }
    50%   { opacity: 0; }
    100% { opacity: 1; }
}


/*.langBar:hover .langList {
    display: block;
}
*/
/* end langBar */





.search_inp{
    display: block;
    background-color: #e8e8e8;
    border-radius: 6px;
    height: 64px;
    width: 100%;
    padding-left: 10px;
    position: absolute;
    color: #4c4c4c;
    font-size: 20px;
    padding-right: 70px;
}

.search_m_btn{
    width: 64px;
    height: 64px;
    background-color: transparent;
    position: absolute;
    right: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/search_b.png);

}

.fancybox-close-small{
    color: #fff;
}

.search_title{
    color: #fff;
    text-transform: uppercase;
    font-size: 36px;
    text-align: center;
    margin-bottom: 30px;
}

.sc_m{
    position: absolute;
    width: 80%;
    height: 50%;
}

.fancybox-content{
    width: 60%;
    height: 50%;
    background-color: rgba(244,159,47,0.7);
    border-radius: 10px;
}

.lang_select{
    position: absolute;
    float: left;

    margin-left: 19px;
    font-size: 16px;
    padding-left: 6px;
    background-color: #e8e8e8;
    text-transform: uppercase;
}

.active_lang{
    font-weight: 700;
}

.search_btn{
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    background-color: transparent;
    margin-left: 30px;
    margin-top: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/search_btn.png);
}



.slider_desc{
    position: absolute;
    z-index: 99;
    margin-left: 214px;
}

.slider_desc span{
    font-size: 60px;
    color: #fff;
}

.bold{
    font-weight: 900;
}

.thin{
    font-weight: 300;
}

.slider_section .owl-dots{
    position: absolute;
    margin-top: -45px !important;
    z-index: 99;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.slider_section .owl-dots .owl-dot span{
    border: 1px solid #fff;
    background: transparent;
}

.slider_section .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{
    background: #fff !important;
}

.home_slider .owl-dots{
    display: none;
}


.layihe_section{
    padding: 60px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(images/layihe_back.png);
    background-attachment: fixed;
}

.teklif_section .mehsul_t{
    color:#fff !important;
}

.section_title{
    color: #f6921e;
    font-size:55px;
    text-align: center;
    margin-bottom: 100px;
    text-transform: uppercase;
    font-family: 'Bebas Neue';
    font-weight: bold;
}

.mehsul_section h2{
    margin: 50px 0;
    margin-top: 80px;
    background-color:#fff;
    padding:60px 0;
}

.layihe_content{
    position: relative;
    float: left;
    width: 100%;
    height: 400px;
    border-radius: 10px;
}

.layihe_img{
    height: 100% !important;
    border-radius: 10px !important;
    object-fit: cover;
    transition: .2s;
}

.layihe_section .owl-carousel:before{
    position: absolute;
    content: "";
    height: 84%;
    width: 0px;
    background-color: transparent;
    z-index: 99;
    box-shadow: 1px 0px 46px 23px;
}

.layihe_section .owl-carousel:after{
    position: absolute;
    content: "";
    height: 84%;
    width: 0px;
    background-color: transparent;
    z-index: 99;
    box-shadow:1px 0px 46px 23px;
    right: 0;
    top: 0;
}

.mehsul_section{
    padding: 60px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-image: url(images/mehsul_back5e1f.png?v=2);
    padding-top:50px !important;
}



.layihe_desc{
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 75%;
    padding-bottom: 25px;
    padding-left: 30px;
    padding-right: 30px;
    bottom: 0;
    left: 0;
    z-index: 999;
    -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease;
}

.layihe_content:hover .layihe_desc{
    background-color: rgba(15,15,15,0.5);
}
.layihe_title{
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    /*margin-top:45px;*/
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 20px;
    padding-bottom: 0;
}

.layihe_bottom{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0px;
    padding: 0 20px 20px 20px;
}

.layihe_s_desc{
    position: relative;
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px;
}

.layihe_desc a{
    position: relative;
    float: left;
    width: 100%;
    font-size: 12px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    /*bottom: 25px;*/
    transition: .2s ease;
}



.layihe_desc a:after{
    position: absolute;
    content: ' \003E';
    color: #fff;
    font-weight: 900;
    font-size: 12px;
    margin-left: 3px;
    transition: .2s ease;

}

.layihe_desc a:hover{
    color: #f6921e;
}
.layihe_desc a:hover:after{
    color: #f6921e;
}

.mehsul_section{
    padding-bottom: 40px !important;
}

.m_list li{
    width: 23%;
    margin-left: calc((100% - 92%) / 3);
    margin-bottom: 100px;
}

.m_list li:nth-child(1){
    margin-left: 0;
}

.m_list li:nth-child(5){
    margin-left: 0;
}

.m_list li a{
    width: 180px;
    height: 185px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

}


.m_list li span{
    position: absolute;
    left: 50%;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 190px;
}

.mehsul_1{
    background-image: url(images/mehsul1k5e1f.png?v=2);
}

.mehsul_1:hover{
    background-image: url(images/meh1_h7b30.png?v=4);
    background-size:contain;
}
.mehsul_2{
    background-image: url(images/mehsul2.png);
}

.mehsul_2:hover{
    background-image: url(images/meh2_h7b30.png?v=4);
    background-size:contain;
}

.mehsul_3{
    background-image: url(images/mehsul3.png);
}
.mehsul_3:hover{
    background-image: url(images/meh3_h7b30.png?v=4);
    background-size:contain;
}
.mehsul_4{
    background-image: url(images/mehsul4.png);
}
.mehsul_4:hover{
    background-image: url(images/meh4_h7b30.png?v=4);
    background-size:contain;
}
.mehsul_5{
    background-image: url(images/mehsul5.png);
}
.mehsul_5:hover{
    background-image: url(images/meh5_h7b30.png?v=4);
    background-size:contain;
}
.mehsul_6{
    background-image: url(images/mehsul667ab.png?v=erggr);
}
.mehsul_6:hover{
    background-image: url(images/meh_6_hd41b.png?v=rrtyrtt);
    background-size:contain;
}
.mehsul_7{
    background-image: url(images/mehsul76f3b.png?v=rtgrtg5);
}
.mehsul_7:hover{
    background-image: url(images/meh_7_h6152.png?v=rtgrtg6);
    background-size:contain;
}
.mehsul_8{
    background-image: url(images/mehsul8.png);
}
.mehsul_8:hover{
    background-image: url(images/meh8_h7b30.png?v=4);
    background-size:contain;
}

.xidmet_section{
    background-color: #fff;
    padding-top: 60px;
}

.xidmet_content{
    height: 590px;
}

.xidmet_content ul{
    height: 100%;
}

.xidmet_content ul li{
    width: calc(100% / 4);
    height: 100%;
    transition: .5s ease;
    overflow: hidden;
}

.xidmet_content_home ul li{
    width: calc(100% / 3);
}

.xidmet_content ul li:hover img{
    filter: inherit;
}


.xidmet_content ul li img{
    width: 100%;
    height: 100%;
    filter: grayscale(100%);
    object-fit:cover;

}

.slider_section .owl-carousel .owl-item img,
.slider_section,
.youtube_player,
.home_video,
.home_video img{
    height:auto;
}

/*.home_video:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/neft_qaz.png");
    content: '';
}


.home_video.loaded:after{
    display: none;
}*/

.owl-carousel .owl-item img,
.home_video img{
    object-fit: cover;
}

.width40{
    width: 40% !important;
}

.width20{
    width: 20% !important;
}

.xidmet_content_home .width20{
    width: 30% !important;
}

.width25{
    width: 25% !important;
}


.xidmet_desc{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(15,15,15,0.2);
    top: 0;
    left: 0;
    z-index: 99;
    opacity: 0;
    -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease;
}

.xidmet_desc a{
    position: absolute;
    top:50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50% , -50%);
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

.xidmet_desc a:hover{
    color: #f6921e;
}

.xidmet_content ul li:hover .xidmet_desc{
    opacity: 1;
}

.teklif_section{
    padding-top: 60px;
    /*padding-bottom: 100px;*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    background-image: url(images/teklif_back.png);
}

.teklif_list li{
    position: relative;
    float: left;
    width: 49%;
    height: 175px;
    border-radius: 10px;
    margin-bottom: 50px;
    margin-left: 2%;
    overflow: hidden;
}

.teklif_list li:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    opacity: 0;
    left: 0;
    z-index: 99;
    box-shadow: 0px 0px 144px 34px;
    transition: .3s;
}

.teklif_list li:nth-child(odd){
    margin-left: 0;
}

.teklif_list li a{
    position: relative;
    float: left;
    width: 100%;
    height: 175px;
}

.teklif_list li:nth-child(2) a img{
    height:295px;
    top:-110px;
    position:absolute;
}

.teklif_list li a img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
    filter: grayscale(100%);
    transition: .5s ease;

}

.teklif_list li:hover a img{
    filter: inherit;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.teklif_list li:hover:before{
    opacity: 1;
}

.teklif_list li a h2{
    position: absolute;
    top: 85px;
    left: 30px;
    font-size: 36px;
    color: #fff;
    text-transform: uppercase;
    z-index: 9999;
    opacity: 0;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    transition: .5s ease;

}

.teklif_list li:hover a h2{
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    top: 30px;
}

.xeber_section{
    padding-top: 60px;
    padding-bottom: 100px;
    background-color: #f2f2f2;
}

.xeber_list li{
    position: relative;
    float: left;
    width: 49%;
    height: 215px;
    border-radius: 10px;
    margin-left: 2%;
    -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease;
    padding: 25px 20px;
    margin-bottom: 50px;
}

.xeber_list li:nth-child(odd){
    margin-left: 0;
}

.xeber_list li:hover{
    background-color: #e7e7e7;
}

.xeber_list li a{
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

.news_desc,
.news_img{
    position: relative;
    float: left;
    height: 100%;
}

.news_desc{
    width: 60%;
    padding-right: 20px;
}

.news_desc h3,
.responsive_news_desc h3{
    color: #1a1a1a;
    font-size: 18px;
    font-weight: 900;
}

.news_desc p,
.responsive_news_desc p{
    color: #666666;
    font-size: 14px;
    margin-top: 10px;
}

.news_img{
    width: 40%;
    overflow: hidden;
}

.news_img img{
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s;
}

.xeber_list li:hover .news_img img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.quote_section{
    padding-top: 220px;
    padding-bottom: 160px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(images/p_soz_back.png);
}

.quote_content{
    position: relative;
    width: 36%;
    float: right;
}

.p_quote{
    position: relative;
    float: left;
    width: 100%;
    color: #002f8a;
    font-size: 36px;
    font-weight: 700;
}

.symbol{
    color: #f6921e;
    font-size: 90px;
    top: -75px;
    position: absolute;
    font-weight: 900;
    left: -17px;
}

.footer_section{
    background-color: #002f8a;
    /*margin-top:50px;*/


}

.p_name,
.rep{
    position: relative;
    float: left;
    width: 70%;
    color:#1a1a1a;
    font-size: 20px;
    margin-left: 70px;
}

.p_name{
    color:#1a1a1a;
    font-size: 21px;
    margin-top: 60px;
}

.elaqe_title{
    font-size: 36px;
    color: #fff;
    margin-bottom: 100px;
    text-transform: uppercase;
}

.contact_box{
    position: relative;
    float: left;
    width: 50%;
    height: 100%;
    padding: 60px 0;
}

.contact_list li{
    position:relative;
    float: left;
    width: 100%;
    margin-left: 2%;
    padding-top: 10px;
    padding-bottom: 10px;
    
}

.contact_list li:nth-child(odd){
    margin-left: 0;
}
/*.contact_list li:last-child{
    margin-top: -30px;
}*/
.contact_list li:last-child{
    
    width: 100%;
}

.contact_list li:last-child a,
.contact_list li:last-child p{
    width: 100%;
}

.contact_list li h3{
    color: #fff;
    font-size: 24px;
    margin-bottom: 30px;
}
.contact_list li p,
.contact_list li a{
    color: #fff;
    font-size: 20px;
}

.map_box{
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 999;
}
.popup-tip-anchor {
    height: 0;
    position: absolute;
    width: 200px;
}

.popup-bubble-anchor {
    position: absolute;
    width: 100%;
    bottom: 8px;
    left: 0;
}
.popup-bubble-anchor::after {
    content: none;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid white;
}

.popup-bubble-content {
    position: absolute;
    top: 85px;
    left: -105px;
    display: none;
    transform: translate(-50%, -100%);
    background-color: #f6921e;
    padding:20px 15px;
    font-family: sans-serif;
    overflow-y: auto;
    height: 100px;
    width: 185px;
    color: #fff;
    font-size: 16px;
}

.copyright_box{
    height: 50px;
    background-color: #333333;
}

.copyright_box p{
    color: #fff;
    font-size: 16px;
}

.cp_b{
    height: 50px;
}

.copyright{
    float: left;
    position: relative;
}

.designer{
    position: relative;
    float: right;
}
.layihe_section .owl-theme .owl-dots .owl-dot.active span:hover span{
    background: #fff;
    height: 10px;
    border-radius: 4px;
    margin-bottom: -2px;
    width: 50px;
}

.layihe_section .owl-theme .owl-dots .owl-dot span{
    width: 35px;
    height: 6px;
    margin: 0;
    background: rgba(87,87,87,0.8);
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0;
}

.layihe_section .owl-theme .owl-nav.disabled+.owl-dots{
    margin-top: 40px;
}

.page_title_box{
    height: 70px;
    background-color: #3f3f3f;
}

.page_title_box h1,
.page_title_box h2{
    position: relative;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
}
.mehsul_page_content,
.mehsul_in_page_content{
    padding: 70px 0;
}

.mehsul_in_page_content{
    padding-top: 5px !important;
}
.mehsul_pg_list li{
    position: relative;
    float: left;
    width: 24%;
    padding: 10px;
    margin-bottom: 30px;
    margin-top: 10px;
    margin-left: calc(4% / 3);
    transition: .3s ease;
    border-radius: 8px;
    min-height: 260px;
}

.mehsul_pg_list li:nth-child(4n-3){
    margin-left: 0
}

.mehsul_pg_list li img,
.mehsul_pg_list li a{
    position: relative;
    float: left;
    width: 100%;
}

.mehsul_pg_list li img{
    height: 180px;
    padding: 0 20px;
    transition: all 500ms;
}


.mehsul_pg_list li a{
    margin-top: 15px;
}

.mehsul_pg_list li a,
.mehsul_in_pg_list li a,
.mehsul_pg_list li p{
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
}

.mehsul_pg_list li a{
    overflow: hidden;
}

.mehsul_pg_list li p{
    margin-left: -10px;
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.breadcumb{
    padding: 30px 0;
}

.breadcumb ul li{
    position: relative;
    float: left;

}

.breadcumb ul li:first-child{
    margin-left: 0;
}

.breadcumb ul li:after{
    position: relative;
    content: "\003E";
    margin: 0 10px;
    font-size: 12px;
}

.breadcumb ul li:last-child:after{
    content: none;
}

.breadcumb ul li a{
    font-size: 11px;
    color: #404040;
    text-transform: uppercase;
    font-weight: 700;
}

.mehsul_in_pg_list li{
    position: relative;
    float: left;
    margin-left: calc(4% / 3);
    width: 32%;
    min-height:120px;
    padding: 10px;
    margin-bottom: 30px;
    transition: .3s ease;
    border-radius: 8px;

}

.mehsul_in_pg_list li:hover,
.mehsul_pg_list li:hover{
    background-color: #e8e8e8;
}


.mehsul_pg_list li:hover img,
.teklifler_in_bottom ul li:hover img,
.mehsul_in_pg_list li:hover img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.mehsul_in_pg_list li:nth-child(3n-2){
    margin-left: 0;
}

.list_img_box{
    position: relative;
    float: left;
    width: 40%;
    height: 120px;
    border-radius: 0 !important;
}

.img_box_no_border{
    border-radius: 0 !important;
}

.mehsul_in_pg_list li img{
    position: relative;
    float: left;
    width: 100%;
    height:100%;
    object-fit: contain;
    transition: all 500ms;
}

.list_img_box_type_20 img{
    object-fit: cover !important;
}

.mehsul_in_pg_list li a{
    text-align: left;
    width: 60%;
    float: left;
    top: 50%;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    padding-left: 20px;
}

.mehsul_desc_left,
.mehsul_desc_right{
    position: relative;
    float: left;
}

.mehsul_desc_left{
    width: 35%;
    padding-right: 20px;
    padding-top: 40px;
}

.mehsul_desc_right{
    width: 65%;
    padding-left: 20px;
    float: right;
}

.mehsul_desc_right_7{
    width: 100%;
}

.mehsul_desc{
    padding-bottom: 70px;
}

.mehsul_desc_right .mehsul_pg_list li{
    position: relative;
    float: left;
    margin-left: calc(4% / 3);
    width: 32%;
    height: 240px;
    padding: 10px;
    margin-bottom: 30px;
    transition: .3s ease;
    border-radius: 8px;
}

.mehsul_desc_right .mehsul_pg_list li img{
    height: 155px;
    object-fit: contain;
}

.mehsul_desc_left ul li{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.mehsul_desc_left ul li a{
    position: relative;
    float: left;
    color: #404040;
    font-size: 15px;
    /*text-transform: uppercase;*/
}

.m_name_active{
    color: #002e8a !important;
    font-weight: 700;
    font-size: 16px;
}

.m_in_l,
.m_in_r{
    position: relative;
    float: left;
}

.zavod_m_desc .m_in_l{
    width: 100%;
}

.zavod_m_desc .m_in_l img{
    margin-top: 50px;
    width:100%;
}

.zavod_m_desc .m_in_r{
    width: 100%;
    float: left;
}


.m_in_l{
    width: 35%;
}

.m_in_l img{
    margin-top: 50px;
    width:300px;
}

.m_in_r{
    width: 55%;
    float: right;
}

.zavod_m_desc .m_in_r h2{
    display:none;
}

.m_in_r h2{
    color: #000;
    /*text-transform: uppercase;*/
    font-size: 18px;
    margin-top: 40px;
}

.m_in_r .general_info{
    font-size: 16px;
    color: #000;
    padding-top: 40px;
    padding-bottom: 30px;
    font-weight: 700;
}

.m_in_r .m_desc_l{
    font-size: 15px;
    color: #000;

}

.sub_mehsul{
    padding: 20px 25px;
}

.sub_mehsul ul li{
    position: relative;
    float: left;
    width: 100%;

}

.sub_mehsul ul li a{
    font-size: 14px;
    color: #404040;
    font-weight: 700;
}

.sub_mehsul ul li a:before{
    position: absolute;
    width: 4px;
    height: 4px;
    left: -16px;
    top: 9px;
    background-color: #404040;
    border-radius: 100%;
    content: "";
}

.sub_mehsul_active{
    color: #c27217 !important;
}

.sub_mehsul_active:before{
    background-color: #c27217 !important;
}

.pop{
    position: absolute;
    width: 640px;
    background-color: #fff;
    border: 2px solid #e6e6e6;
    left: 90%;
    padding: 40px 50px;
    border-radius: 10px;
    margin-top: -175px;
    z-index: 9;
    transition: .3s ease;
    opacity: 0;
    visibility: hidden;

}

.pop_l{
    position: relative;
    float: left;
    width: 35%;
    padding-top: 40px;
}

.pop_r{
    position: relative;
    float: right;
    width: 65%;
}

.pop:before{
    position: absolute;
    left: -11px;
    width: 15px;
    z-index: 99;
    background-color: #fff;
    height: 15px;
    transform: rotate(45deg);
    border-left: 2px solid;
    border-bottom: 2px solid;
    border-color: #e6e6e6;
    content: "";
    top: 50%;
}

.mehsul_desc_left ul li:hover .pop{
    opacity: 1;
    visibility: visible;
}

.mehsul_desc_left>ul>li:hover>a{
    text-decoration: underline;
}

.teklifler_content{
    padding: 70px 0;
}

.teklif_section .teklifler_content{
    padding:0;
}

.teklifler_content .xidmet_desc a{
    transform: none;
    left: 60px;
    bottom: 70px;
    top: initial;
    padding-right: 100px;
}

.teklif_l_desc{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(images/teklif_in_back.png);
    height: 720px;

}



.teklif_l_desc .breadcumb ul li a,
.strategiya .breadcumb ul li a,
.f_say .breadcumb ul li a{
    color: #fff;
}

.teklif_l_desc .breadcumb ul li:after,
.strategiya .breadcumb ul li:after,
.f_say .breadcumb ul li:after{
    color: #fff;
}

.teklif_desc{
    position: relative;
    float: left;
    padding-left: 0;
    padding-right: 30px;
    width: 100%;
    
}

.teklif_desc h1,
.teklif_desc h2{
    position: relative;
    float: left;
    width: 100%;
    color: #fff;
    font-size: 24px;
    margin-bottom: 5px;
}



.teklif_desc p{
    position: relative;
    float: left;
    width: 100%;
    color: #707070;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.teklifler_in_bottom{
    padding: 70px 0;
}

.teklifler_in_bottom ul,
.mehsul_in_pg_list,
.rehberlik_bottom ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: inherit;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
}

.teklifler_in_bottom ul{
    justify-content: center !important;
}

.teklifler_in_bottom ul li{
    position: relative;
    float: left;
    width: 18%;
    margin-left: calc(10% / 4);
    border-radius: 10px;
    margin-bottom: 20px;
}

.img_box{
    overflow: hidden;
    border-radius: 15px;
}

.teklifler_in_bottom ul li:nth-child(5n-4){
    margin-left: 0;
}

.teklifler_in_bottom ul li a img{
    width: 100%;
    height: 170px;
    position: relative;
    float: left;
    border-radius: 15px;
    object-fit: cover;
    transition: all 500ms;
}

.teklifler_in_bottom ul li a p{
    width: 100%;
    position: relative;
    padding: 20px 0;
    text-align: center;
    float: left;
    color: #404040;
    font-size: 16px;

}

.teklifler_in_l_desc{
    padding-bottom: 50px;
    /*padding: 70px 0;*/
}

.teklifler_in_l_desc img{
    position: relative;
    float: right;
    /*margin-left:100px;*/
    margin-bottom: 60px;
    width: 400px;
    height: 400px;
    border-radius: 15px;
    object-fit: cover;
    margin-top: 20px;
}

.teklif_desc_alt{
    position: relative;
    float: left;
    max-width: calc(100% - 450px);
}

.teklif_desc_alt ul li{
    width: 100%;
    clear: both;
}

.teklifler_in_l_desc{
    position: relative;
    float: left;
    color: #404040;
    font-size: 16px;
}

.teklifler_in_l_desc p,
.l_in_left p{
    position: relative;
    font-size: 16px;
    color: #404040;
    margin-top: 20px;
}

.teklifler_in_l_desc .g_info,
.l_in_left .g_info{
    color: #404040;
    font-size: 16px;
    /*font-weight: 700;*/
}

.teklifler_in_l_desc .breadcumb ul li:after{

}

.l_c_f{
    padding: 70px 0;
}

.layiheler_content ul li{
    position: relative;
    float: left;
    width: 24%;
    margin-left: calc(4% / 3);
    margin-bottom: 30px;
}

.layiheler_content ul li:nth-child(4n-3){
    margin-left: 0;
}

.l_c_f .layihe_img{
    width: 100%;
}

.l_c_f .layihe_desc{
    border-radius: 10px;
    padding: 20px 20px;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease;
}

.l_c_f ul li:hover .layihe_desc{
    opacity: 1;
    visibility: visible;
}

.l_c_f .layihe_s_desc{
    margin-top: 140px;
}

.xidmetler_main_img img{
    width: 100%;
    object-fit: cover;
    position: relative;
    float: left;
}

.xidmetler_main_img h2{
    position: absolute;
    top: 30px;
    color: #fff;
}

.xidmetler_b{
    padding: 20px 0;
    height: 200px;
    background-image: url("images/xidmet_bg_line.png");
    background-position: left top;
    background-repeat: repeat-x;
}

.xidmetler_b ul{
    display: flex;
    flex-flow: wrap;
    flex-direction: row;
    justify-content: center;
}

.xidmetler_b ul li{
    position: relative;
    float: left;
    width: 24%;
    height: 160px;
    margin-left: calc(4% / 3);
    transition: .3s ease;
    display: table;
}

.xidmetler_b ul li:before{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 167px;
    height: 167px;
    margin-top: -83.5px;
    margin-left: -83.5px;
    content: '';
    background-position: top 10px center;
    background-repeat: no-repeat;
    background-image: url("images/xidmet_cats_bg.png");
    transition: .3s ease;
}

.xidmetler_b ul li:hover:before{
    -webkit-animation:spin 12s linear infinite;
    -moz-animation:spin 12s linear infinite;
    animation:spin 12s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.xidmetler_b ul li:first-child{
    margin-left: 0;
}

.xidmetler_b ul li a{
    position: relative;
    display: table-cell !important;
    vertical-align: middle;
    padding: 0 75px;
    text-align: center;
    color: #1a1a1a;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'NeueHaasUnicaW1G-Bold';
}

.xidmet_dots{
    position: absolute;
    background-repeat: no-repeat;
    background-image: url("images/xitmet_left_right_ico3661.png?v=2.0");
    width: 42px;
    height: 42px;
}

.xidmet_dots_1{
    top: 30px;
    left: 30px;
    background-position: top left;
}

.xidmet_dots_2{
    left: 30px;
    bottom: 30px;
    background-position: bottom left;
}

.xidmet_dots_3{
    top: 30px;
    right: 30px;
    background-position: top right;
}

.xidmet_dots_4{
    right: 30px;
    bottom: 30px;
    background-position: bottom right;
}

.l_in{
    padding-bottom: 70px;
}

.l_in_left{
    position: relative;
    float: left;
    width: 50%;
}

.l_in_right{
    position: relative;
    float: right;
    width: 50%;
    padding-left: 100px;
}

.l_in_right_full{
    float: left;
    width: 100%;
    padding: 0;
}

.layihe_cat{
    padding: 20px 0;
}

.layihe_cat li{
    position: relative;
    float: left;
    width: 100%;
}

.layihe_cat span{
    color: #a0a0a0;
    font-size: 15px;
}

.gallery_main img{
    width: 100%;
    height: 400px;
    border-radius: 10px;
    object-fit: cover;
}

.gallery_main a{
    width: 100%;
}

.gallery_little{
    padding-top: 40px;
}

.gallery_little img{
    width:60px;
    height: 60px;
    object-fit: cover;
    border-radius: 5px;
}

.gallery_little ul li{
    position: relative;
    float: left;
    margin-left: 15px;
}

.gallery_little ul li:first-child{
    margin-left: 0;
}

.zavodlar_content .teklifler_in_bottom{
    padding-top: 0;
}

.strategiya{
    background-image: url(images/str_back.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 60px;
}

.strategiya_content{
    width: 50%;
}

.strategiya_content p{
    color: #fff;
    font-size: 16px;
    width: 100%;
}
.pf{
    margin-bottom: 30px;
}

.strategiya_content ul li{
    position: relative;
    float: left;
    width: 100%;
    color: #fff;
    list-style-type: disc;
    margin-left: 17px;
}

.r_top_l{
    position: relative;
    float: left;
    width: 35%;
    padding-right:20px;
}

.r_top_r{
    position: relative;
    float: right;
    width: 65%;
}
.rehberlik_top,
.rehberlik_bottom{
    padding: 50px 0;
}

.rehberlik_top{
    display: none;
}

.center_r{
    float: none;
    margin: 0 auto;
    width: 900px;
}

.r_top_l img{
    margin-top: 10px;
    width:100%;
}

.r_top_r h2,
.rehberlik_bottom ul li a h2{
    font-size: 20px;
    color: #404040;
    width: 100%;
}

.vezife{
    font-size: 17px !important;
    color: #404040;
    width: 100%;
    margin: 20px 0;
}

.r_top_r p{
    position: relative;
    float: left;
    width: 100%;
    font-size: 16px;
    color: #404040;
}

.rehberlik_bottom{
    background-color: #f2f2f2;
}

.rehberlik_bottom:before{
    position: absolute;
    top: -15px;
    left: 24%;
    width: 30px;
    height: 30px;
    content:"";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #f2f2f2;
    z-index: 99;
    display: none;
}

.rehberlik_bottom_active:before{
    display: block;
}

.rehberlik_bottom ul li{
    position: relative;
    float: left;
    width: 27%;
    margin-bottom: 50px;
    margin-left: calc(28% / 3);
}

.rehberlik_bottom ul li a{
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.rehberlik_bottom ul li:nth-child(3n-2){
    margin-left: 0;
}

.rehberlik_bottom ul li a img,
.r_top_l img{
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 100%;
    object-fit: cover;
}
.rehberlik_bottom ul li a h2,
.rehberlik_bottom .vezife{
    text-align: center;
    margin: 0;
}
.rehberlik_bottom ul li a h2{
    margin-top: 35px;
}

.header .mehsul_page{
    display: none;
}

.f_head_img{
    width: 100%;
    position: absolute;

}



.f_title{
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    color: #fff;
    margin-top: 25px;
}

.header_text_f{
    position: relative;
    float: left;
    width: 20%;
    color: #fff;
    font-size: 20px;
}

.f_side_box{
    padding-top: 280px;
    padding-bottom: 100px;
}

.f_side_l{
    position: relative;
    float: left;
    width: 59%;
    padding-right: 15px;
}

.f_side_l ul li{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: -60px;
}

.f_side_l ul li:last-child{
    margin-bottom: 0;
}

.f_side_l_content{
    position: relative;
    float: left;
    width: 50%;
    padding-right: 40px;
}

.f_side_l ul li:nth-child(even) .f_side_l_content{
    float: right;
}

.f_side_r{
    position: relative;
    float: right;
    padding-left: 15px;
    width: 41%;
}

.f_side_r p{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 25px;
    font-size: 16px;
    color: #000;
}

.f_side_l_content h3{
    position: relative;
    float: left;
    width: 100%;
    text-align: left;
    font-size: 20px;
    color: #000;
    margin-top: 15px;
}

.f_side_l_content p{
    position: relative;
    float: left;
    width: 100%;
    text-align: left;
    font-size: 17px;
    color: #000;
}

.f_zavod_title{
    font-size: 32px;
    color: #404040;
    padding-bottom: 30px;
    text-align: left;
    text-transform: uppercase;

}

.f_say .teklifler_in_bottom{
    padding-top: 0;
}

.f_zavod_p{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 25px;
    font-size: 16px;
    color: #000;
}

.sertifikat_list li{
    position: relative;
    float: left;
    width: 25%;
}


.sertifikat_list{
    padding-top: 30px;
    padding-bottom: 60px;
}

.k_text,
.k_alt_text{
    padding: 50px 0;
}

.k_text h3,
.k_text p,
.k_alt_text p{
    position: relative;
    float: left;
    width: 100%;
    color: #404040;
    font-size: 24px;
}
.k_text p,
.k_alt_text p{
    font-size: 16px;
   
}

.i_imkan{
    height: 195px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/i_imkan.png);
    background-size: cover;
}

.i_i{
    height: 195px;
}

.i_imkan h3{
    position: absolute;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    font-size: 24px;
    color: #fff;
}

.karyera_content .f_zavod_title{
    font-size: 30px;
    padding-top: 30px;
}

.vacancy_btns{
    position: relative;
    float: left;
    width: 100%;
}

.vacany_btn{
    position: relative;
    float: left;
    text-align: left;
    margin-right: 45px;
    color: #a0a0a0;
    background-color: transparent;
    padding: 5px 0;
    font-size: 16px;
    cursor: pointer;
    text-transform: uppercase;
}

.vacancy_active{
    color: #f6921e;
    font-weight: 600;
    border-bottom: 2px solid #f6921e;
}

.vacancy_table_box{
    padding: 35px 0;
}

.vacancy_table_box table thead tr td,
.vacancy_table_box table tbody tr td{
    color: #999999;
    font-size: 20px;
    padding: 15px 0;
    width: 25%;
}



.vacancy_table_box table tbody tr td a{
    color: #404040;
}

.vacancy_table_box table tr{
    position: relative;
    float: left;
    width: 100%;
}

.vacancy_table_box table tr:after{
    position: absolute;
    width: 100%;
    height: 2px;
    content: "";
    bottom: -5px;
    left: 0;
    background-color:#f2f2f2;
}

.table2{
    display: none;
}

.logo_box{
    position: relative;
    display: block;
    float: left;
    height: 80px;
    width: 80px;
    margin-top: 12px;
}

.m_list{
    position: relative;
    float: left;
    width: 100%;
}

.responsive_news_desc{
    position: relative;
    float: left;
    width: 100%;
    display: none;
}

.responsive_news_desc h3{
    display: none;
}

.vacancy_table_box table thead tr td, .vacancy_table_box table tbody tr td:nth-child(2){
    padding-left: 20px;
}

.vacancy_table_box table thead tr td, .vacancy_table_box table tbody tr td:nth-child(3){
    padding-left: 20px;
}

.vacancy_table_box table thead tr td, .vacancy_table_box table tbody tr td:nth-child(4){
    padding-left: 20px;
}

.page p {
    color: #262626;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
}

/*.page .table-block*/ table {
                           width: 100%;
                           table-layout: fixed;
                           padding: 0;
                       }

.page{
    position: relative;
    float: left;
    width: 100%;
    padding-top: 30px;
}

/*.page .table-block*/ table td:first-child {
                           color: #727272;
                           font-size: 18px;
                           font-weight: 300;
                           line-height: 25px;
                           padding: 14px 24px;
                           text-align: left;
                           background-color: #ebebeb;
                       }
/*.page .table-block*/ table td {
                           padding: 14px 0;
                           text-align: center;
                           color: #2a2a2a;
                           background-color: #f1f1f1;
                           max-width: 12.5%;
                           min-width: 12.5%;
                           font-size: 18px;
                           font-weight: 300;
                           line-height: 26px;
                       }

.page .table-block ul li,
.page .table-block ol li{
    color: #262626;
    list-style-type: disc;
    width: 100%;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
}

.header_top .lang_box{
    position: relative;
    float: right;
    height: 50px;
    display: none;
}

.header_top .lang_select{
    background-color: #f2f2f2;
}

.mobile_menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 250px;
    padding: 30px 20px;
    z-index: 99999;
    background-color: #f2f2f2;
    box-shadow: 5px -3px 8px 5px;
    transform: translateX(102%);
    transition: .3s ease;
    display: none;
}

.mop {
    transform: translateX(0) !important;
    display: block !important;
}

.mbtn {
    width: 39px;
    height: 39px;
    position: absolute;
    top: 15px;
    right: 30px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    transition: .3s;
    display: none;
}

.mclose {
    z-index: 999999999;
    background-image: url(images/mclose.png);
}

.mopen {
    background-image: url(images/mopen.png);
}

.mobile_menu .mnavbar ul li {
    position: relative;
    float: left;
    width: 100%;
    padding: 5px 0;
    border-bottom: 1px solid #000;
}

.mobile_menu .mnavbar ul li a {
    color: #000;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
}

.msubmenu{
    padding-left: 20px;
    display: none;
}

.msubmenu li a{
    font-weight: normal !important;
}

.msubmenu li:last-child{
    border-bottom: none !important;
}

.btn_op{
    right: 200px;
    top: 10px;
}


/**/
.slider_bottom_btns{
    position: absolute;
    left: 0;
    bottom: -100px;
    height: 140px;
    z-index: 10;
    width: 100%;
}

.slider_bottom_list li a{
    width:100%;
}

.slider_bottom_bg{
    background-color: #e8e8e8;
}

.slider_bottom_list,
.slider_bottom_list li,
.slider_bottom_list li a,
.slide_side_in{
    height: 100%;
}

.slider_bottom_list li{
    width: calc(100% / 4);
    transition:.5s ease;
    overflow:hidden;


}

.slider_bottom_list .active_slide img{
    filter: none;
    transform:scale(1.1);
}

.slider_bottom_list .active_slide h2{
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    top: 15px;
}

.slider_bottom_list li img{
    position: relative;
    float: left;
    width:100%;
    height: 170px;
    object-fit: cover;
    transition: all 500ms;
    filter: grayscale(100%);
}



.slide_side_in{
    position:absolute;
    width: 100%;
    height: 100%;
    padding-left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;

}

.slider_bottom_list li h2{
    font-size: 35px;
    color: #fff;
    position:absolute;
    font-family: 'NeueHaasUnicaW1G-Bold';
    top:100px;
    left:20px;
    margin-bottom: 10px;
    padding-right:50px;
    padding-top: 15px;
    opacity:0;
    width:80%;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    transition: .5s ease;
    z-index:999;
    font-family: 'Bebas Neue';
    font-weight:bold;

}

.slider_bottom_list li p{
    font-family: 'NeueHaasUnicaW1G-Medium';
    font-size: 12px;
    display:none;
    color: #000;
}

/**/
.new_xidmet_section{
    height:400px;
    overflow: hidden;
}

.new_xidmet_desc{
    position: absolute;
    top: 0;
    width: 466px;
    height: 100%;
    padding-top: 40px;
    padding-bottom: 10px;
    z-index: 10;
}

.new_xidmet_section img{
    width: 100%;
    object-fit: cover;
    position: relative;
    float: left;
    height: 100%;
}


.new_xidmet_desc_right{
    padding-right: 50px;
    padding-left: 10px;
    right: 0;
}

.new_xidmet_desc_left{
    padding-left: 50px;
    padding-right: 10px;
    left: 0;
}

.new_xidmet_desc_right:before,
.new_xidmet_desc_left:after{
    position: absolute;
    top: 0;
    background-repeat: repeat-y;
    background-position: left top;
    content: '';
    width: 320px;
    height: 100%;
}

.new_xidmet_desc_right:before{
    left: -320px;
}

.new_xidmet_desc_left:after{
    right: -320px;
    z-index: 1;
}

.new_xidmet_desc_1:before{
    background-image: linear-gradient(to right, transparent , rgba(20,11,9, 0.9));
}

.new_xidmet_desc_2:after{
    background-image: linear-gradient(to right,  rgba(65,104,29, 0.9), transparent);
}

.new_xidmet_desc_3:before{
    background-image: linear-gradient(to right, transparent , rgba(223,223,217, 0.9));
}

.new_xidmet_desc_1{
    background-color: rgba(20,11,9, 0.9);
}

.new_xidmet_desc_2{
    background-color: rgba(65,104,29, 0.9);
}

.new_xidmet_desc_3{
    background-color: rgba(223,223,217, 0.9);
}

.new_xidmet_desc h2,
.new_xidmet_desc p,
.new_xidmet_desc li{
    color: #fff;
}

.new_xidmet_desc h2{
    position: relative;
    float: left;
    width: 100%;
    font-size: 24px;
    margin-bottom: 25px;
    font-family: 'NeueHaasUnicaW1G-Medium';
}

.new_xidmet_desc p,
.new_xidmet_desc li{
    font-size: 14px;
}

.new_xidmet_desc_3 h2,
.new_xidmet_desc_3 p,
.new_xidmet_desc_3 li{
    color: #000;
}

.xidmet_desc_new ul,
.xidmet_desc_new ul li{
    position: relative;
    float: left;
    width: 100%;
}

.xidmet_desc_new ul li{
    list-style-position: inside;
    list-style-type: disc;
}

/**/
.page_desc_half{
    width: 100%;
}

/**/
.mehsul_in_banner{
    height: 390px;
}

.mehsul_in_banner img{
    height: 390px;
    object-fit: cover;
}

.mehsul_in_banner_title{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
}

.mehsul_in_banner_title span{
    position: relative;
    float: left;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 32px;
    background-color: #002f8a;
    font-size: 25px;
    font-family: 'NeueHaasUnicaW1G-Bold';
}

.mehsul_video_box{
    height: 250px;
    overflow: hidden;
}

.mehsul_video{
    height: 100%;
    object-fit: cover;
}

/**/
.certificate_top{
    margin-top: 65px;
    overflow: hidden;
    height: 440px;
}

.certificate_bottom{
    margin-top: 50px;
}

.certificate_desc h2{
    font-size: 24px;
    color: #f6921e;
}

.certificate_desc_box{
    margin-top: 20px;
}

.certificate_desc p{
    color: #404040;
    font-size: 14px;
}

.certificate_list{
    margin-top: 25px;
    display: flex;
    justify-content: center;
}

.certificate_list li{
    width: calc( (100% - 84) / 4);
    max-width: 172px;
    margin-right: 28px;
}

.certificate_list li:nth-child(4n+4){
    margin-right: 0;
}

.certificate_img_box{
    overflow: hidden;
    height: 240px;
    border-radius: 15px;
    border:1px solid #e5e5e5;
    transition: all 300ms;
}

.certificate_img_box img{
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 300ms;
}

.certificate_img_box:hover{
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
}

.certificate_list li:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.certificate_list li h3{
    text-align: center;
    margin-top: 10px;
    color: #f6921e;
    font-size: 11px;
    font-family: 'NeueHaasUnicaW1G-Medium';
}

.certificate_list li p{
    text-align: center;
    font-size: 11px;
    color: #404040;
    font-family: 'NeueHaasUnicaW1G-Light';
}

#logo3,
#logo2,
#logo1,
#logo4{
    position: absolute;
    height: 55px;
    width:144px;
    left: 0;
    top: 0;
    display: block;
    float: left;
}

#logo4{
    margin-left: 6px;
    margin-top: 1px;
    width:65px;
    height:57px;
}

.mehsul_in_images ul li{
    position:relative;
    float:left;
    width:32% !important;
    margin-left:2% !important;
    list-style-type:none !important;
}

.mehsul_in_images ul li:first-child{
    margin-left:0 !important;
}

.m_in_slider{
    padding-top:50px;
    margin-bottom: 25px;
}

.m_in_slider img{
    width:100%;
    height:250px;
    margin-top:0;
}
.certificate_list1{
    padding:20px;
    height:280px;
}

.certificate_list1 li{
    position:relative;
    float:left;
    width:19%;
    transition:.4s ease;

}

.certificate_list1 li:hover img{
    transform:scale(1.1);
    z-index:999;
}

.certificate_list1 li:hover{
    z-index:9999;
}

.certificate_list1 li img{
    transition:.4s ease;
}

.cert3{
    width:22% !important;
    margin-top:-57px;
    z-index:99;
}

.cert2,
.cert4{
    margin-top:-30px;
    z-index:9;
}

.cert4{
    margin-left:-27px;
}


.xidmet-l li a{
    position:relative;
    float:left;
    height:100%;
}

.xidmet-l li a span{
    position:absolute;
    bottom: 60px;
    font-weight: bold;
    left: 20px;
    width: 30%;
    font-size:40px;
    color:#fff;
}

.post_371 .teklifler_in_bottom ul li{
    width:48% !important;
}

.m_in_slider2{
    width: 100%;
}

.m_in_slider2 .lSGallery{
    display: none;
}

.post_type_14 .m_in_slider2{
    height:400px !important;
}


.post_type_14 .m_in_slider img {
    width: 100%;
    height: 400px;
    margin-top: 0;
    object-fit: cover;
}


.langList a:hover .langName{
	color: #ff9900;
    font-weight: bold;
}





/*.post_type_15 */.table-block ul,
.table-block ol{
    margin-left: 22px;
}


.iframe_box{
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    height: 420px;
    margin-bottom: -50px;
}

.hr_iframe{
    width: 100%;
    height: 654px;
    margin-top: -152px;
}

.i_vac{
    background-image: url(images/vakansiya-2.jpg) !important;
}

.vacancy-box{
    position: relative;
    float: left;
    width: 100%;
    padding-top: 75px;
    margin-top: 0;
    height: 360px;
    background: url(../../../www.hr.stp.az/frontend/web/images/pattern5.png);
    background-repeat: repeat;
    background-color: white;
    background-size: 100% 100%;
    background-attachment: fixed;
}

@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700|Poppins:400,400i,500,500i,600,600i,700,700i,800');
/*font-family: 'Poppins', sans-serif;
font-family: 'Hind', sans-serif;*/

@import url('font-awesome.html');
@import url('icomoon.html');
@import url('animate.html');
@import url('owl.html');
@import url('jquery.fancybox.css');
@import url('hover.html');
@import url('imagehover-extended.html');
@import url('jquery-ui.html');
@import url('jquery.bootstrap-touchspin.html');

@font-face {
    font-family: "Montserrat-Regular";
    src: url(https://www.hr.stp.az/frontend/web/fonts/Montserrat-Regular.otf);
}
@font-face {
    font-family: "Montserrat-Black";
    src: url(https://www.hr.stp.az/frontend/web/fonts/Montserrat-Black.otf);
}


.corner {
    width: 14%;
}
.centerr {
    width: 5%;
}
.about{
    text-align:center;

}
.about>img{
    width:100%;
}
.main-category>a>img {
    height: 100px;
    padding: 0px 15px;
} 
.col-md-4.col-sm-4.main-category:hover{
background:#fcbf0a;
border-color:#fcbf0a;
}
.col-md-4.col-sm-4.main-category {
    border: 1px #002e8a solid;
    border-radius: 5px;
    background:white;
    text-align: center;
    padding: 30px 0px 2px 0px;
    position: relative;
    float: left;
    width: 47%;
    }
    .main-category:hover > .main-category>a>img {
    height: 120px;
}
.col-md-4.col-sm-4.main-category>a:hover {
    text-decoration: none;
}
.main-category:hover > .cat-img {
    height: 120px;
}
span.cat-name:hover {
    text-decoration: none;
}
span.cat-name{
    color: #002e8a;
    font-family: 'Montserrat',sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 70px;
}
.left{
float:left;
}
.table .table{
background: none !important;
}
ul.footer-right>li,ul.footer-right>li>a {
    text-align: center;
    list-style: none;
    display: block;
    font-family: 'Montserrat-Regular',sans-serif;
    font-weight: 700;
    color: #002e8a;
}
.left-div {
    border-left: 2px #fcbf0a solid;

    height: 100px;
}

.row.footerr {
  margin-top: 160px;
    bottom: 10px;
    width: 100%;
    display: inline-block;
}
.footerr>div {
    position: relative;
    display: inline-block;
    min-width: 49% !important;
}
img.left {
    float: right;
    margin-right: 50px;

}
.row {
    padding: 0px 50px;
}
h2{font-family: 'Montserrat',sans-serif;
    font-weight: 500;
    color: #002e8a;
    font-size: 15px;
}
.title>p {
    width:100% ;
    margin-left: 15px;
}
ul.menu-listed {
    padding: 68px 0px;
}
ul.menu-listed>li,ul.menu-listed>li>a {
    color: #fff;
    font-family: 'Montserrat-Regular', sans-serif;
    font-weight: 700;
    font-size: 15px;
}
ul.menu-listed>li{
    margin:0px 6px;
}
ul.menu-listed>li>a:hover{
    font-size:16.5px;
    transition: .35s;
}
 ul.menu-listed>li>a:hover{
    text-decoration:none;
 }    
 ul.menu-listed>li:nth-child(4)>span {
    margin-left: 169px;
}

ul.menu-listed>li:nth-child(2)>span {
    margin-left: 67px;
}
 .menu-listed>li>a,.menu-listed>li>span{
 position:absolute;
 }
ul.menu-listed>li:nth-child(5)>a {
    margin-left: 170px;
}
ul.menu-listed>li:nth-child(3)>a {
    margin-left: 65px;
}
ul.menu-listed>li:nth-child(1)>a {
    margin-left: -20px;}
ul.share>li {
    display: inline;
    margin-left: 50px;
}    
#shareBtnfb{
     margin-left:70px;
}

.title{
    margin-top: 50px;
}
.title>h1{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #002e8a;
    margin-bottom: 20px;
}
.title>p{
    color: #999999;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
}
.new-vacansies,.category{
    margin-top: 30px;
}
.new-vacansies>a>.new:hover{
background:#002e8a;;
border-color:#002e8a;;
}
.new-vacansies>a>.news:hover{
background:#fcbf0a;
border-color:#fcbf0a;
}
.new-vacansies>a>.news{
background:#002e8a;
color: white;
padding-top: 10px 15px;
border-color:#002e8a;
font-family: 'Montserrat',sans-serif;
font-weight: 700; 
font-size: 14px;
min-width: 200px;
padding: 14px 0px;
cursor: pointer;
}
.new-vacansies>a>.new{
background:#fcbf0a;
color: white;
padding-top: 10px 15px;
border-color:#fcbf0a;
font-family: 'Montserrat',sans-serif;
font-weight: 700; 
font-size: 14px;
min-width: 200px;
padding: 14px 0px;
cursor: pointer;
}
.category>a>.new{
background:white;
color: #002e8a;
padding-top: 10px 15px;
border-color:#002e8a;
font-family: 'Montserrat',sans-serif;
font-weight: 300; 
font-size: 14px;
min-width: 200px;
padding: 14px 0px;
cursor: pointer;
}

.category>a>.new:active,.category>a>.new:focus,.category>a>.new:hover{
    border-color:#002e8a;
    background:#002e8a;
    color:white;
}
ul>li{
    list-style: none;
    display: inline-block;
    margin-left: 0px;
    padding-left: 0px;
}
ul{
    margin-left: 0px;
    padding-left: 0px;
}
.single-category{
    margin-top: 50px;
}
.bread-crumb li a:after {
    content: '\f105';
    font-family: 'FontAwesome';
    position: absolute;
    width: 10px;
     font-weight: 700;
   color: #999999;
   margin: 0px 5px !important;

}
.bread-crumb li a{
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    color: #999999;
    font-size: 15px;
    margin: 0px 10px 0px 0px !important;
}
.bread-crumb li a:hover{
    text-decoration: none;
}
.bread-crumb{
    margin-left: 15px;
}
.bread-crumb li{
        font-size: 15px;
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    color:  #002e8a;
    }
.single-category{
    margin-top: 50px;
    margin-bottom: 50px;
}
    .table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 0px solid #dee2e6;
}
table {
    width: 100%;
    border-collapse: collapse;
}
.title>div {
    background: white;
    border: 5px;
    padding: 5px;
}
td.name.blue>a {
    color: #002e8a;
}
td.name.blue>a:hover {
    color: #fcbf0a;
}
.name>a{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #fcbf0a;
    width: 30%;
}
.name>a:hover {
      color: #002e8a;

}
.date,.dateth {
    padding: 12px 2px !important;
    font-family: 'Montserrat-Regular', sans-serif;
    font-weight: 700;
    color: #999999;
    width: 20%;
}
th.dateth {

    width: 20%;
}
th.nameth {
    width: 30%;
}
th.nameth, th.dateth {
       border: none;
    color: black;
   
    font-family: 'Montserrat-Bold', sans-serif;
    font-weight: 700;
}

.cv>div>div{
    display: inline;
    margin-right:  15px;
    margin-bottom: 50px;
}
.facebook{
    position: absolute;
    height: 35px;
    width: 35px;
    border: none;
    cursor:pointer;
}
.facebook:hover{
    
    height: 40px;
    width: 40px;
 
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
  
}
.social{
    margin-top: 5px;
    float: right;
}
.social>a>span{
    padding-left: 45px;
    color: #999999;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
        line-height: 35px;
}
.social>a:hover{
    text-decoration: none;
}
.categories.cv {
    margin-top: 50px;
}
.form-group>input{
    display: block;
    width: 100%;
    height: 55px; 
    font-size: 16px;
    color: #b7b7b7;
    line-height: 30px;
    padding: 12px 25px;
    font-weight: 300;
    background-color: #f2f2f2;
    border: 1px solid #dadada;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    height: 53px;
    margin-bottom: 30px;
    border-radius: 5px; 
    font-family: 'Montserrat', sans-serif;
}
 .form-group>textarea {
    display: block;
    width: 100%;
    height: 100px !important; 
    font-size: 16px;
    color: #b7b7b7;
    line-height: 30px;
    padding: 12px 25px;
    font-weight: 300;
    background-color: #f2f2f2;
    border: 1px solid #dadada;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    height: 53px;
    border-radius: 5px; 
    font-family: 'Montserrat', sans-serif;
}
form{
    width: 100%;
}
input#file-7 {
    display: none;
}
.send {
    text-align: center;
    margin-top: 10px;
}
.send >div {
    margin-top: 0px;
}

.cv-file{
display: block;
    width: 100%;
    height: 55px;
    font-size: 16px;
    color: #b7b7b7;
    line-height: 30px;
    padding: 12px 25px;
    font-weight: 300;
    background-color: #f2f2f2;
    border: 1px solid #dadada;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    height: 53px;
    margin-bottom: 30px;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif;
}
.icon {
    float: right;
    font-size: 20px;
    padding: 0px 13px;
        cursor: pointer;}
 .hide-input {
    display: none !important;
}
 .hide-input2 {
    display: none !important;
}
.cursor {
   text-align: center;
    background: #fcbf0a !important;
    color: white !important;
}       

.cat2{
    margin-left: 6%;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff !important;
    height: 10px;
    border-radius: 5px;
    margin-bottom: -2px;
}

.post_type_13 .teklifler_in_bottom ul li a{
    position: relative;
    float: left;
    width: 100%;
}

.teklif_title_n{
    margin-bottom: 0;padding: 60px 0;
}

.teklif_video_box{
    height: 784px;
    display: none;
}
.post_4 .teklif_video_box{
    display: block !important;
}

#neft_bg_video{
    position: relative;
    float: left;
    width: 100%;
    height: 500px;
}

.teklif_video_box .video_content{
    height: 500px;
    position: relative;
    float: left;
    width: 100%;
}

.post_type_9 .page_title_box h1{
	font-size: 25px;
}

/*.page-loading,
.page-loading:after,
.page-loading:before{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.page-loading{
    background-color: #fafbfd;
}

.page-loading:before{
    background-color: rgba(0,0,0,.1);
    content: '';
}

.page-loading:after{
    background-image: url("images/animated_spinner.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75px 75px;
    content: '';
}*/
.rehber_link img{
    left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
}

@media(min-width: 745px){

.rehberlik_bottom ul li:last-child{
    width: 63%;
}

.rehberlik_bottom ul li:last-child a{
    left: unset;
    float: right;
    transform: none;
}
}


/*pivot sehifes*/

.pivot_section{
    
    background-color: #ececec;
}

.cover_img_box img{
    position: relative;
    float: left;
    width: 100%;
}

.cover_container{
    height: 560px;
}

.cover_top{
    height: 400px;
    background-color: #fff;
}

.cover_bottom{
    height: 160px;
    background-color: #ececec;
}

.cover_img_box{
    position: absolute;
    top: 0;
    width: 1250px;
    height: 515px;
    top: 0;
}

.pivot_u_melumat{
    padding-top: 80px;
    background-color: #ececec;
    padding-bottom: 50px;
}

.pivot_u_side{
    position: relative;
    float: left;
    width: 50%;
}



.pivot_u_right{
    padding-left: 70px;
    text-align: justify;
    text-justify: inter-word;

}



.container_say{
    position: absolute;
    top: -180px;
    right: 0;
    color: #f0f0f0;
    font-size: 40px !important;
    font-weight: 700;
}

.s_blue{
    color: #00127a;
}

.s_black{
    color: #333333;
}

.p_s_container{
    background-color: #ececec;
}

.p_s_container .container_say{
    top: 60px;
}

.p_s_container_in{
   
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/sub_back.png);
    background-color: #fff;
    background-size: cover;
    overflow: hidden;
}

.s_orange{
    color: #f6921e;
}

.p_s_container_in p{
    padding-right: 165px;
    padding-top:15px;
    position: relative;
    float: left;
    font-size: 17px;
    line-height: 1.5;
    font-weight: normal;
    font-family: 'Oswald', sans-serif;
}

.ps_container_text{
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.9);
    top: 0;
    left: 0;
     padding:80px 125px;
    padding-bottom:  70px !important;
    text-align: justify;
    text-justify: inter-word;
}

.ps_container_text h2,
.pivot_u_right h2,
.pvs_ust_left h2{
    position: relative;
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 45px;
    text-transform: uppercase;
    font-family: 'Bebas Neue';
}

.pvs_ust_left h2{
    margin-bottom: 40px;
}

.tg_container{
   
    background-color: #ececec;
}
#sliderpv,
#sliderpv .flex-viewport,
#sliderpv .slides,
#sliderpv .slides img{
    height: 385px;
}

#carouselpv{
    width: 465px;
}

#carouselpv,
#carouselpv .flex-viewport,
#carouselpv .slides,
#carouselpv .slides img{
    height: 100px;
}

.pivot_u_slider .flexslider{
    margin-bottom: 15px;
    background: none;
    border: 4px solid #ececec;
}

.pivot_u_slider .flex-direction-nav a{
    opacity: 1 !important;
}

.pivot_u_slider .flex-direction-nav .flex-next{
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/pv-next.png);
    color: transparent;
}

 .pivot_u_slider .flex-direction-nav a.flex-next:before{
    content: none;
}

.pivot_u_slider .flex-direction-nav .flex-prev{
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/pv-prev.png);
    color: transparent;
}

.pivot_u_slider .flex-direction-nav a.flex-prev:before{
    content: none;
}

.pivot_u_slider .flexslider:hover .flex-direction-nav .flex-prev{
    left: -10px;
}

.pivot_u_slider .flex-direction-nav .flex-prev{
    left: -10px;
    top: 112px
}


.pivot_u_slider .flex-direction-nav .flex-next{
    right: -580px;
    top: 112px;
}

.pivot_u_slider .flexslider:hover .flex-direction-nav .flex-next{
    right: -580px;
}

.pivot_u_slider .flex-direction-nav a{
   margin: -65px 0 0;
}

.pivot_u_slider #carouselpv .flex-direction-nav{
    display: none;
}

.pivot_u_right p{
    font-weight: normal;
    line-height: 1.5;
    padding-right: 50px;
    margin-top: 15px;
    font-size: 17px;
    position: relative;
    float: left;
    font-family: 'Oswald', sans-serif;
    
}

.pivot_u_right p span{
    font-family: 'Oswald', sans-serif !important;
}

.tg_container img{
    position: relative;
    float: left;
    width: 100%;
}

.pv_b_slider_container{
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/sub_back.png);
    background-color: #fff;
    background-size: cover;
    height: 375px;
}

.pv_b_slider_container_in{
    position: relative;
    float: left;
    width: 100%;
    height: 375px;
    background-color: rgba(255,255,255,0.8);
    top: 0;
    left: 0;
    padding: 50px 0;
}

 .pv_b_slider_container_in .owl-carousel .owl-item img,
  .pv_b_slider_container_in .owl-carousel .owl-item{
    height: 215px;
    border-radius: 15px;
    
}

 .pv_b_slider_container_in .owl-carousel .owl-item img{
    filter: blur(0.5px);
 }


.pv_b_slider_container_in .owl-carousel .owl-item:after{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color:#333333;
    opacity: 0.5;
    content: '';
    z-index: 99;
    border-radius: 15px;
}
 
 .pv_b_slider_container_in .owl-carousel .center:after{
    content: none;
 }



.pv_b_slider_container_in .owl-carousel .center img,
.pv_b_slider_container_in .owl-carousel .center{
    height: 265px;
}

.pv_b_slider_container_in .owl-carousel .center img{
    filter: none;
}

.pv_b_slider_container_in .owl-carousel .center{
    margin-top: 0 !important;
}

.pv_b_slider_container_in .owl-carousel.owl-drag .owl-item{
    margin-top: 25px;
}

.pv_b_slider_container_in .owl-carousel .owl-nav button span{
    display: none;
}

.pv_b_slider_container_in .owl-carousel .owl-nav button.owl-prev{
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/pvb_prev.png);
}

.pv_b_slider_container_in .owl-carousel .owl-nav button.owl-next{
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/pvb-next.png);
}

.pv_b_slider_container_in .owl-carousel .owl-nav{
    text-align: center;
    margin-top: 5px;
}

.tg_container{
    padding-top: 80px;
    padding-bottom: 80px;
}

.tg-container-center{
    position: relative;
    float: none;
    margin: 0 auto;
    width: 850px;
}

.tg_title{
    color: #002b88;
    font-size: 25px;
    text-align: left;
    margin-bottom: 40px;
}

.tg_left{
    position: relative;
    float: left;
    width: 62%;
}

.tg_right{
    position: relative;
    float: left;
    width: 38%;
}

.tg_list li{
    width: 100%;
    border-bottom: 1px solid #cec9c9;
    padding: 15px 0;
}
.tg_list li span{
    color: #090909;
    font-size: 20px;
    font-weight: normal;
    position: relative;
    float: left;
    width: 100%;
    
}

.tg_right span{
    text-align: center;
}

.tg_list li span p{
    position: relative;
    float: right;
}
.tg_container .container_say{
    top: 0px;
    right: 0px;
}



.left_line{
    position: absolute;
    transform: rotate(270deg);
    left: -70px;
    bottom: 205px;
    font-weight: 700;
    color: #002f8a;
    display: none;
}


.p_s_container_in .left_line:before{
    right: 310px;
}

.p_s_container_in .left_line{
    right: -185px;
    top: 0;
    bottom: unset;
    left: unset;
}

.left_line:before{
   content: '';
    position: absolute;
    width: 200px;
    height: 1px;
    right: 115px;
    top: 50%;
    background-color: #002f8a;
}

.ps{
    position:absolute;
    left:200px;
    top:200px;
    color:#fff;
    font-size:60px;
    font-weight:900;
    line-height:1.1;
    font-family: 'Bebas Neue';
    width: min-intrinsic;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    display: table-caption;
    display: -ms-grid;
    -ms-grid-columns: min-content;
}

.ps span{
    position: relative;
    float: left;
    width: 100%;

}

.ps_bold{
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
}

.ps_light{
    font-family: 'Oswald', sans-serif;
    font-weight:300;
    color: #f6921e;
}

.pvs_ust_left{
    position:relative;
    float:left;
    width:58%;
    background-color:#ececec;
    padding-left:115px;
    padding-top:75px;
    padding-bottom:75px;
}

.pv_sistemin_ust{
    padding-top:80px;
    padding-bottom:80px;
    max-width: 1400px;
    position: relative;
    
}

@media (min-width: 1400px){
    .pv_sistemin_ust{
        left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    }
}


.pvs_ust_right{
    position: relative;
    float: left;
    width: 42%;
}

.pvs_ust_left ul li{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    text-align: left;
    padding-left: 40px;
}

.pvs_ust_left ul li span{
    position: relative;
    float: left;
    width: 100%;
    color: #1d1d1d;
    font-size: 18px;
    font-weight: bold;
    font-family: 'NeueHaasUnicaW1G-Bold';
}

.pvs_ust_left ul li span:before{
     background-repeat: no-repeat;
    background-position: right;
    background-image: url(images/pvs_back.png);
    position: absolute;
    content: '';
    left: -55px;
    top: -7px;
    width: 40px;
    height: 40px;
}

.pvs_back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url(images/Capture2.html);
    z-index: 99;
}

.pv_tetbiq_container{
    background-color: #d2d2d2;
    padding: 40px 0;
}

.pv_tetbiq_container h2{
    font-size: 25px;
    text-align: left;
    margin-bottom: 50px;
    text-align: center;
    color: #111111;
}

.pv_tetbiq_container img{
    width: 55px;height: 55px;
    position: relative;
    float: left;
}


.pv_tetbiq_container ul{
    position: relative;
    float: none;
    width: 900px;
    margin: 0 auto;
}

.pv_tetbiq_container ul li{
    position: relative;
    float: left;
    width: 25%;
    padding: 0 20px;
}

.pv_tetbiq_container ul li p{
    text-align: center;
    margin-top: 15px;
    color: #fff;
    font-size: 20px;
}

.teklif_al_btn{
    position: fixed;
    padding: 15px 25px;
    background-color: #002f8a;
    border: 1px solid #01266d;
    z-index: 9999;
    font-size: 20px;
    color: #fff;
    right: 45px;
    bottom: 45px;
    border-radius: 6px;
    cursor: pointer;
    overflow: hidden;
    animation: shadow-pulse 1s infinite;
    
}





@keyframes shadow-pulse
{
     0% {
          box-shadow: 0 0 0 0px rgba(0, 47, 138, 0.2);
     }
     100% {
          box-shadow: 0 0 0 20px rgba(0,47, 138, 0);
     }
}



.teklif_al_form{
    width:270px;
    height: auto;
    position: fixed;
    right: 45px;
    bottom: 45px;
    background-color: #fff;
    z-index: 9999;
    border-radius: 10px;
    -webkit-box-shadow: 0px 1px 9px -4px;
    -moz-box-shadow: 0px 1px 9px -4px;
    -ms-box-shadow: 0px 1px 9px -4px;
    -o-box-shadow: 0px 1px 9px -4px;
    box-shadow: 0px 1px 9px -4px;
    display: none;
}

.ta_title{
    text-transform: uppercase;
    color: #fff;
    background-color: #002f8a;
    font-size: 16px;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    border-radius: 6px 6px 0 0;
}

.teklif_al_form ul{
    padding: 10px 20px;
}

.teklif_al_form ul li{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.teklif_al_form ul li span{
    position: relative;
    float: left;
    margin-bottom: 5px;
    font-size: 16px;
    color: #818181;
    width: 100%;
}

.checkbox_span{
    font-size: 16px;
    color: #818181;
}

.checkbox_span:hover{
    text-decoration: underline;
}

.teklif_al_form .ta_inp{
    position: relative;
    float: left;
    width: 100%;
    height: 28px;
    padding-left: 10px;
    font-size:15px;
    border:1px solid #ededed;
    border-radius: 5px;
    color: #818181;

}

.ta_checkbox{
    position: relative;
    float: left;
}

.ta_checkbox:checked:before{
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/ta_check.png);
}

.ta_checkbox:before{
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    background-color: #f9f9f9;
    content: '';
    top: 7px;
    left: 0;
    box-shadow: 0px 1px 3px -1px;

}

.checkbox_span{
    width: inherit !important;
    margin-left: 25px;
}

.ta_send_btn{
    padding: 10px 50px;
    background-color: #002f8a;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    float: left;
    text-transform: uppercase;
    text-align: center;
    border-radius: 7px;
}


.ta_close{
    position: absolute;
    right: -13px;
    top: -13px;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/ta_close.png);
    background-color:transparent;
    cursor: pointer;
}

.sendvic_u_melumat #carouselpv li{
    background-color: #fff;
}

.snc_back{
    background-image: url(images/sendvic_u_back.png);
    background-size: contain;
}


.pv_b_slider_container_in .owl-carousel .owl-nav.disabled{
    display: block !important;
}

.sendvic_tg_container .tg_left{
    width: 28%;
}

.sendvic_tg_container .tg_right,
.sendvic_tg_container .tg_mid1,
.sendvic_tg_container .tg_mid2{
    width: 24%;
    position: relative;
    float: left;
    padding: 0 15px;
}


.sendvic_u_melumat .pivot_u_right p{
    font-size: 17px;
}

.req_input_filled{
    border: 1px solid #1a9f29 !important;
}

.must_fill{
    border: 1px solid red !important;
}

.cover_img_box .flexslider{
    border: 0 !important;
}

.cover_img_box .flexslider .flex-control-nav{
    bottom: 0;
}

.cover_img_box .flexslider .flex-control-paging li a.flex-active {
    background: #fff;
    cursor: default;
}

.cover_img_box .flexslider .flex-control-paging li a:hover {
    background: rgba(255, 255, 255, 0.7);
}

.send_main_slider ul li h2{
    display: none;
}

.send_main_slider ul li:nth-child(4) h2{
    display: block !important;
}

.send_main_slider .flex-direction-nav{
    display: none;
}

.post_383 .send_main_slider ul li h2{
	display: block;
}

.post_383 .tg_right span{
	text-align: left;
}

/*odenis-terminallari*/

.od_cover_sec img{
	height: auto;
}

.od_cover_sec_cont{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: -webkit-linear-gradient(left, #172875, #030719);
	background-image: -o-linear-gradient(left, #172875, #030719);
	background-image: -ms-linear-gradient(to right, #172875, #030719);
	background-image: -moz-linear-gradient(to right, #172875, #030719);
	background-image: linear-gradient(to right, #172875, #030719);
	background-color: #172875;
	opacity: 0.9;
}

.od_cover_sec_cont2{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #B26D1D;
    opacity: 0.9;
    padding: 100px 0;
}

.od_cover_sec_cont2 .info h3{
    text-align: center;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
}

.od_cover_sec2 img{
    height: 520px;
    object-fit: cover;
}

.od_cover_sec2,
.od_cover_sec_cont2{
    height: 520px;
}

.od_cover_sec_cont2 .info p{
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
}

.od_title{
	position: absolute;
	float: left;
	font-size: 60px;
	color: #fff;
	font-weight: bold;
	width: 500px;
}

.od_title:after{
	position: absolute;
	left: 0;
	content: '';
	width: 180px;
	height: 3px;
	background-color: #fff;
	bottom: -20px;
}

.od_um_melumat{
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/sub_back.png);
    background-color: #fff;
    background-size: cover;
}

.od_title_2{
	position: relative;
	float: left;
	width: 100%;
	color: #000;
	font-size: 40px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 40px;
}

.od_um_melumat p{
	position: relative;
	float: left;
	width: 100%;
	color: #000;
	font-size: 25px;
	text-align: center;
}

#section_1471087275 .info{
	position: relative;
	z-index: 99;
	top:50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50% , -50%);
}

.od_tabs_cont .tab{
	position: relative;
	float: left;
	width: 100%;
	height: 422px;
}

.od_tabs_cont .tab img{
	position: relative;
	float: left;
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.od_tabs_cont .tab .info{
	position: absolute;
	z-index: 99;
	width: 100%;
}

.od_tabs_cont .tab .info h3,
.od_tabs_cont .tab .info p{
	position: relative;
	float: left;
	color: #fff;
	text-align: center;
	width: 100%;
}

.od_tabs_cont .tab .info h3{
	font-size: 28px;
	font-weight: bold;
}


.od_tabs_cont .tab .info p{
	font-size: 20px;
}

.od_tabs_cont .tab_opn{
	position: absolute;
	width: 40px;
	height: 40px;
	background-color:transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(images/Group_190.png) !important;
	bottom: 45px;
	z-index: 99;
	cursor: pointer;
}

.od_tabs_cont .tab_close{
	background-image: url(images/Group_180.png) !important;
}

.tab_content{
	background-color: #F2F2F2;
	padding: 100px 0;
}

.tab_content h2{
	font-size: 28px;
	text-align: center;
	color: #141414;
}

.tab_content span{
	font-size: 20px;
	text-align: center;
	color: #141414;
}

.tab_in_list{
	margin-top: 70px;
}

.tab_in_list li{
	position: relative;
	float: left;
	width: 32%;
	margin-left: 2%;
	height: 365px;
}

.tab_in_list li:first-child{
	margin-left: 0;
}

.tab_in_list li img{
	position: relative;
	float: left;
	width: 100%;
	height: 235px;
	object-fit: cover;
}

.tab_in_list li h4{
	position: relative;
	float: left;
	width: 100%;
	text-align: left;
	color: #141414;
	font-size: 18px;
	margin-top: 10px;
    margin-bottom: 5px;
}

.tab_in_list li p{
	position: relative;
	float: left;
	width: 100%;
	text-align: left;
	color: #141414;
	font-size: 15px;
	line-height: 1.5;
}

.tab_in_list li{
	padding-bottom: 20px;
}

.tab_content{
	display: none;
}

.section3{
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/sub_back.png);
    background-color: #fff;
    background-size: 100% 100%;
}

.sec3_side{
	width: 48%;
	position: relative;
	float: left;
	height: unset;
}

.sec3_side_right{
	margin-left: 4%;
}

.sec3_side img{
	position: relative;
	float: left;
	width: 100%;
	height: 370px;
}

.sec3_side  h4{
	position: relative;
	float: left;
	width: 100%;
	text-align: left;
	color: #141414;
	font-size: 27px;
	margin-top: 10px;
    margin-bottom: 5px;
}

.sec3_side p{
	position: relative;
	float: left;
	width: 100%;
	text-align: left;
	color: #141414;
	font-size: 21px;
	line-height: 1.5;
}

.od_video_sec{
	background-color: #F2F2F2;
    padding: 40px 0;
}

.od_video_cont{
	position: relative;
	float: left;
	width: 100%;
	height: 500px;
}

.texniki_g_section{
	padding: 100px 0;
}

.tg_tit{
	position: relative;
	float: left;
	width: 100%;
	text-align: left;
	font-size: 20px;
	margin-bottom: 20px;
	color: #000;
	font-weight: bold;
}

.od_tg_list li{
	position: relative;
	float: left;
	width: 100%;
	height: 45px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
}

.od_tg_list li:last-child{
	border-bottom: 1px solid #CCCCCC;
}
.od_tg_list li div{
	position: relative;
	float: left;
	height: 45px;
	padding-left: 35px;
}

.od_tg_list_l{
	width: 40%;
	background-color: #bcbaba;
}

.od_tg_list_r{
	width: 60%;
}

.od_tg_list li .od_tg_list_l p{
	color: #000;
	font-weight: bold;
	font-size: 16px;
	position: relative;
	top: 46%;
}

.od_tg_list li .od_tg_list_r p{
	color: #000;
	top: 46%;
	font-weight: normal;
	position: relative;
	font-size: 16px;
}

.tg_tab{
	position: relative;
	float: left;
	width: 100%;
	height: 60px;
	color: #000;
	font-weight: bold;
	background-color: #fff;
	text-align: left;
	font-size: 23px;
    display: none;
}

.tg_tab span{
	position: absolute;
	content: '';
	right: 15px;
	top: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(images/tg_down.png);
	width: 15px;
	height: 9px;
}

.tg_up{
	background-image: url(images/tg_up.png) !important;
	background-repeat: no-repeat;
	background-position: center;
}

.tg_tab_b{
	position: relative;
	float: left;
	width: 100%;
}

.tg_tab_b1{
	border-bottom: none;

}

.tg_tab_cont{
	padding:20px 0;
	position: relative;
	float: left;
	width: 100%;
}

.tg_tab_cont{
	display: none;
}

.tg_texts{
	position: relative;
	float: left;
	width: 100%;
	padding-left: 25px;
	margin-top: 5px;
}

.tg_texts:before{
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    top: 6px;
    left: 0;
    width: 14px;
    height: 14px;
    background-image: url(images/ico_notice_grey.png);
}


.tg_texts1{
	margin-top: 30px;
}

@media print,screen and (min-width:741px) and (max-width:20000px){


    .pip .pip_cont .text_play {position: relative;width: 940px;overflow: hidden;margin: 0 auto;text-align: center; margin-bottom:90px;}
    .pip .pip_cont .text_play .text1 {width: 100%;font-size: 44px;line-height:40px;}
    .pip .pip_cont .text_play .text2 {width: 100%;color: #000000;font-size: 16px;line-height: 28px; margin-top:24px; width:700px; margin:24px auto 0;}

    .pip.contents_safety .morelist {padding: 100px 0 95px 0;}
    .pip.contents_safety .caution {font-size:12px;}
    .pip.contents_safety .pip_cont {}
    .pip.contents_safety .pip_cont .text_play {height: 1px;overflow: visible;}
    .pip.contents_safety .visual_text {
        padding-top: 120px;
        width: 960px;
        margin: 150px auto 0 auto;
    }
    .pip.contents_safety .visual_text .img {
        text-align: center;
        position: relative;
        margin-left: 50px;
    }
    .pip.contents_safety .visual_text .text_list {
        font-size: 13px;
        font-weight: bold;
        color: #c84309;
    }
    .pip.contents_safety .visual_text .text_list li {
        position: absolute;
        text-align: left;
    }
    .pip.contents_safety .visual_text .text_list .text1 {
        left: 232px;
        top: 24px;
    }
    .pip.contents_safety .visual_text .text_list .text2 {
        left: 384px;
        top: 0;
    }
    .pip.contents_safety .visual_text .text_list .text3 {
        left: 303px;
        top: 584px;
    }
    .pip.contents_safety .visual_text .text_list .text4 {
        left: 370px;
        top: 519px;
    }
    .pip.contents_safety .scene_wrap {position: relative;width: 940px;margin: 0 auto;height: 1146px;margin-top:-113px;}
    .pip.contents_safety .scene_wrap .slider_wrap {position: absolute;z-index: 4;left: -10px;top: 150px;width: 960px;height: 30px;background: url("images/sl_bg5e1f.png?v=2") no-repeat 50% 9px; overflow: hidden;}
    .pip.contents_safety .scene_wrap .slider_wrap .slider {position: relative;width: 800px;margin: 0 auto;border:0px; background:none; height:30px;}
    .pip.contents_safety .scene_wrap .slider_wrap .slider .ui-slider-range {height: 30px;background: url("images/sl_bg5e1f.png?v=2") no-repeat -5px -21px;}
    .pip.contents_safety .scene_wrap .slider_wrap .slider .ui-slider-handle {position: absolute;top: 0 !important;display: block;width:26px !important;height:26px !important;margin-left: -13px !important;background: url("images/Group_4489.png") no-repeat 0 0 !important;border:0 !important;border-radius:0 !important;}
    .pip.contents_safety .scene_wrap .slider_wrap .slider_text {width: 900px;margin: 0 auto;}
    .pip.contents_safety .scene_wrap .slider_wrap .slider_text ul li {float: left;width: 100px;margin-left: 60px;padding:0;text-align: center;color: #fff;font-size: 14px;font-weight: bold;}
    .pip.contents_safety .scene_wrap .slider_wrap .slider_text ul li.on {color: #172875;}
    .pip.contents_safety .scene_wrap .slider_wrap .slider_text ul li:first-child {margin-left: 0;}
    .pip.contents_safety .scene_wrap .text_wrap {position: absolute;z-index: 2;left: 65px;top: 210px;height: auto;min-height: 1px;max-height: 999999px;}
    .pip.contents_safety .scene_wrap .text_wrap ul li {display: none;}
    .pip.contents_safety .scene_wrap .text_wrap ul li:first-child {display: block;}
    .pip.contents_safety .scene_wrap .text_wrap ul li strong {display: block;padding: 0 0 9px 0;font-size: 18px;line-height: 24px;color: #fff;}
    .pip.contents_safety .scene_wrap .text_wrap ul li p {font-size: 14px;line-height: 20px;width: 660px;color: #fff;}
    .pip.contents_safety .scene_wrap .text_wrap ul li span.notice_wrap {display: block;padding: 3px 0 0 0;background: #fff;}
    .pip.contents_safety .scene_wrap .text_wrap ul li span.notice_wrap span.notice {display: block;padding: 7px 0 0 15px;font-size: 12px;line-height: 15px;color: #736357;background: url("images/icon_notice.html") no-repeat 0 9px;}
    .pip.contents_safety .scene_wrap .text_wrap .caution { margin-top:10px; color:#8d744a;display:block;font-size:12px;padding-left:15px;background: url('images/bul_caution.html') no-repeat 0 2px; }
    .pip.contents_safety .scene_wrap .controls {position: absolute;z-index: 3;left: 720px;top: 290px;}
    .pip.contents_safety .scene_wrap .controls a {float: left;display: block;width: 65px;height: 22px;padding: 48px 0 0 0;background: url("images/sl_control.png") no-repeat 10px 0;color: #555;font-size: 12px;text-align: center;}
    .pip.contents_safety .scene_wrap .controls a.replay {background-position: 10px 0;}
    .pip.contents_safety .scene_wrap .controls a.replay:hover {background-position: 10px -90px;color: #888;text-decoration: none;}
    .pip.contents_safety .scene_wrap .controls a.play {background-position: -55px 0;}
    .pip.contents_safety .scene_wrap .controls a.play:hover {background-position: -55px -90px;color: #888;text-decoration: none;}
    .pip.contents_safety .scene_wrap .controls a.stop {display: none;background-position: -120px 0;}
    .pip.contents_safety .scene_wrap .controls a.stop:hover {background-position: -120px -90px;color: #888;text-decoration: none;}
    .pip.contents_safety .scene_wrap .controls a.next {background-position: -185px 0;}
    .pip.contents_safety .scene_wrap .controls a.next:hover {background-position: -185px -90px;color: #888;text-decoration: none;}
    .pip.contents_safety .scene_wrap .scene {position: absolute;z-index: 1;left: -170px;top: 200px;width: 1280px;height: 930px;display: none;}
    .pip.contents_safety .scene_wrap .scene.scene1 .bg {position: absolute;width:100%;height:100%;}
    .pip.contents_safety .scene_wrap .scene.scene1 .bg1 {background: url("images/safety_scene1_bg1.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene1 .bg2 {background: url("images/safety_scene1_bg2.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene1 .bg3 {background: url("images/safety_scene1_bg3.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene1 .bg4 {background: url("images/safety_scene1_bg4.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene1 .bg5 {background: url("images/safety_scene1_bg5.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene1 .bg6 {background: url("images/safety_scene1_bg6.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene1 .bg7 {background: url("images/safety_scene1_bg7.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene1 .bg8 {background: url("images/safety_scene1_bg8.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene1 .bg9 {background: url("images/safety_scene1_bg9.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene1 .bg10 {background: url("images/safety_scene1_bg10.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene1 .bg11 {background: url("images/safety_scene1_bg11.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene1 .bg12 {background: url("images/safety_scene1_bg12.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene1 .bg13 {background: url("images/safety_scene1_bg13.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene1 .bg14 {background: url("images/safety_scene1_bg14.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene1 .bg15 {background: url("images/safety_scene1_bg15.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene1 .bg16 {background: url("images/safety_scene1_bg16.html") no-repeat 0 0;}

    .pip.contents_safety .scene_wrap .scene.scene2 .bg {position: absolute;width:100%;height:100%;}
    .pip.contents_safety .scene_wrap .scene.scene2 .bg1 {background: url("images/safety_scene2_bg1.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene2 .bg2 {background: url("images/safety_scene2_bg2.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene2 .bg3 {background: url("images/safety_scene2_bg3.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene2 .bg4 {background: url("images/safety_scene2_bg4.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene2 .bg5 {background: url("images/safety_scene2_bg5.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene2 .bg6 {background: url("images/safety_scene2_bg6.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene2 .bg7 {background: url("images/safety_scene2_bg7.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene2 .bg8 {background: url("images/safety_scene2_bg8.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene2 .bg9 {background: url("images/safety_scene2_bg9.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene2 .bg10 {background: url("images/safety_scene2_bg10.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene2 .bg11 {background: url("images/safety_scene2_bg11.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene2 .bg12 {background: url("images/safety_scene2_bg12.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene2 .bg13 {background: url("images/safety_scene2_bg13.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene2 .bg14 {background: url("images/safety_scene2_bg14.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene2 .bg15 {background: url("images/safety_scene2_bg15.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene2 .bg16 {background: url("images/safety_scene2_bg16.html") no-repeat 0 0;}

    .pip.contents_safety .scene_wrap .scene.scene3 .bg {position: absolute;width:100%;height:100%;}
    .pip.contents_safety .scene_wrap .scene.scene3 .bg1 {background: url("images/safety_scene3_bg1.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene3 .bg2 {background: url("images/safety_scene3_bg2.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene3 .bg3 {background: url("images/safety_scene3_bg3.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene3 .bg4 {background: url("images/safety_scene3_bg4.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene3 .bg5 {background: url("images/safety_scene3_bg5.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene3 .bg6 {background: url("images/safety_scene3_bg6.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene3 .bg7 {background: url("images/safety_scene3_bg7.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene3 .bg8 {background: url("images/safety_scene3_bg8.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene3 .bg9 {background: url("images/safety_scene3_bg9.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene3 .bg10 {background: url("images/safety_scene3_bg10.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene3 .bg11 {background: url("images/safety_scene3_bg11.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene3 .bg12 {background: url("images/safety_scene3_bg12.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene3 .bg13 {background: url("images/safety_scene3_bg13.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene3 .bg14 {background: url("images/safety_scene3_bg14.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene3 .bg15 {background: url("images/safety_scene3_bg15.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene3 .bg16 {background: url("images/safety_scene3_bg16.html") no-repeat 0 0;}

    .pip.contents_safety .scene_wrap .scene.scene4 .bg {position: absolute;width:100%;height:100%;}
    .pip.contents_safety .scene_wrap .scene.scene4 .bg1 {background: url("images/safety_scene4_bg1.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene4 .bg2 {background: url("images/safety_scene4_bg2.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene4 .bg3 {background: url("images/safety_scene4_bg3.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene4 .bg4 {background: url("images/safety_scene4_bg4.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene4 .bg5 {background: url("images/safety_scene4_bg5.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene4 .bg6 {background: url("images/safety_scene4_bg6.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene4 .bg7 {background: url("images/safety_scene4_bg7.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene4 .bg8 {background: url("images/safety_scene4_bg8.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene4 .bg9 {background: url("images/safety_scene4_bg9.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene4 .bg10 {background: url("images/safety_scene4_bg10.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene4 .bg11 {background: url("images/safety_scene4_bg11.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene4 .bg12 {background: url("images/safety_scene4_bg12.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene4 .bg13 {background: url("images/safety_scene4_bg13.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene4 .bg14 {background: url("images/safety_scene4_bg14.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene4 .bg15 {background: url("images/safety_scene4_bg15.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene4 .bg16 {background: url("images/safety_scene4_bg16.html") no-repeat 0 0;}

    .pip.contents_safety .scene_wrap .scene.scene5 .bg {position: absolute;width:100%;height:100%;}
    .pip.contents_safety .scene_wrap .scene.scene5 .bg1 {background: url("images/safety_scene5_bg1.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene5 .bg2 {background: url("images/safety_scene5_bg2.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene5 .bg3 {background: url("images/safety_scene5_bg3.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene5 .bg4 {background: url("images/safety_scene5_bg4.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene5 .bg5 {background: url("images/safety_scene5_bg5.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene5 .bg6 {background: url("images/safety_scene5_bg6.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene5 .bg7 {background: url("images/safety_scene5_bg7.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene5 .bg8 {background: url("images/safety_scene5_bg8.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene5 .bg9 {background: url("images/safety_scene5_bg9.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene5 .bg10 {background: url("images/safety_scene5_bg10.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene5 .bg11 {background: url("images/safety_scene5_bg11.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene5 .bg12 {background: url("images/safety_scene5_bg12.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene5 .bg13 {background: url("images/safety_scene5_bg13.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene5 .bg14 {background: url("images/safety_scene5_bg14.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene5 .bg15 {background: url("images/safety_scene5_bg15.html") no-repeat 0 0;}
    .pip.contents_safety .scene_wrap .scene.scene5 .bg16 {background: url("images/safety_scene5_bg16.html") no-repeat 0 0;}
    
    
    .pip.contents_safety .scene_wrap.black .text_wrap ul li strong {color: #ebebeb;}
    .pip.contents_safety .scene_wrap .text_wrap ul li .img{ display:none;}


    /* PIP - interior */
    .pip.contents_interior .pip_cont .text_play {overflow: visible;z-index: 2;}

    .pip.contents_interior .section0 {
        position: relative;
        width: 1280px;
        margin: 0 auto;
        
    }
    .pip.contents_interior .section0 .menu ul {width: 100%;text-align: center;}
    .pip.contents_interior .section0 .menu ul li {display: inline-block;width: 235px;height: 40px;overflow: hidden;*display: inline;*zoom: 1;margin-left: -1px;font-weight: bold;}
    .pip.contents_interior .section0 .menu ul li a {position: relative;display: block;width: 233px;height: 38px;line-height: 38px;border: 1px solid #dcdcdc;text-align: center;color: #666;font-size: 13px;font-size: 1.3rem;z-index: 1;text-decoration: none;}
    .pip.contents_interior .section0 .menu ul li:hover a,
    .pip.contents_interior .section0 .menu ul li.on a {border: 1px solid #a99281;color: #c97e34;z-index: 2;}
    .pip.contents_interior .section0 .contents {margin-top: 60px;margin-bottom: 130px;position: relative;}
    .pip.contents_interior .section0 .contents li {
        position: relative;
        display: none;
    }
    .pip.contents_interior .section0 .contents li.on {
        display: block;
    }
    .pip.contents_interior .section0 .contents .subject {
        position: absolute;
        top: 105px;
    }
    .pip.contents_interior .section0 .contents .subject h3 {padding: 0 0 16px;margin: 0 0 23px;color: #333;font-size: 30px;line-height:130%;text-align:left;background: url("images/line_orange_80.html") no-repeat left bottom;}
    .pip.contents_interior .section0 .contents .subject p {font-size:14px;line-height:22px;color:#888;}
    .pip.contents_interior .section0 .contents .left .subject {
        left: 190px;
    }
    .pip.contents_interior .section0 .contents .right .subject {
        left: 810px;
    }

    .pip.contents_interior .section1 {position: relative;width: 100%;height: 620px;overflow: hidden;padding: 0;background:#fff;}
    .pip.contents_interior .section1 .features {clear: both;width: 100%;padding: 590px 0 0 0;text-align: center;}
    .pip.contents_interior .section1 .features strong {display: block;padding: 0 0 14px 0;font-size: 16px;color: #e1e1e1;line-height: 24px;color: #222;background: url("images/bg_pip_title_orange_underline.html") no-repeat center bottom;}
    .pip.contents_interior .section1 .features p {padding: 15px 0 0 0;font-size: 14px;line-height: 20px;color: #888;}
    .pip.contents_interior .section1 .car {position: absolute;left: 0;top: 0;width: 100%;text-align: center;}
    .pip.contents_interior .section1 .car img {display: none;}
    .pip.contents_interior .section1 .car img:first-child {display: inline;}
    .pip.contents_interior .section1 .color {position: absolute;left: 0;top: 400px;width: 100%;height: auto;min-height: 1px;max-height: 999999px;}
    .pip.contents_interior .section1 .color .txt {font-size: 12px;text-transform: uppercase;color: #333;text-align: center;font-weight: bold;}
    .pip.contents_interior .section1 .color ul.chip {width: 100%;padding:0;text-align: center;}
    .pip.contents_interior .section1 .color ul.chip li {display: inline-block;width: 30px;height: 30px;overflow: hidden;margin: 0 2px 0 3px;text-align: left;*display: inline;*zoom: 1;}
    .pip.contents_interior .section1 .color ul.chip li a {display: block;width: 24px;height: 24px;padding: 3px;text-align: center; }
    .pip.contents_interior .section1 .color ul.chip li a span { display:block; width:24px; height:24px; font-size:0; }
    .pip.contents_interior .section1 .color ul.chip li a.color_1 span {background: url("images/interior_color_icon_1.html") no-repeat center; 
        background-size:24px 24px;
    }
    .pip.contents_interior .section1 .color ul.chip li a.color_2 span {background: url("images/interior_color_icon_2.html") no-repeat center; 
        background-size:24px 24px;
    }
    .pip.contents_interior .section1 .color ul.chip li a.color_3 span {background: url("images/interior_color_icon_3.html") no-repeat center; 
        background-size:24px 24px;
    }
    .pip.contents_interior .section1 .color ul.chip li a.color_4 span {background: url("images/interior_color_icon_4.html") no-repeat center; 
        background-size:24px 24px;
    }
    .pip.contents_interior .section1 .color ul.chip li.on a {/*border:1px solid #458ee5; border-radius:50%; padding: 2px;*/
        background:url("images/bg_interior_color_cover_new.html") no-repeat center top; background-size:100%;
    }
    .pip.contents_interior .section1 .color ul.chip li span.text {position: absolute;top: -3px;width: 200px;height: 20px;margin-left: -86px;line-height: 20px;color: #fefefe;font-size: 12px;text-align: center;}
    .pip.contents_interior .section1 .color ul.chip li span.text span {display: inline-block;height: 20px;padding: 0 9px 0 8px;background: #464646;*display: inline;*zoom: 1;}
    .pip.contents_interior .section1 .color ul.chip li span.text i {display: inline-block;top: 20px;width: 100%;height: 6px;vertical-align:top;background: url("images/bg_arrow_white_down.html") no-repeat center top;*display: inline;*zoom: 1;}
    
    .pip.contents_interior .section1 .color .details {width: 100%;padding: 2px 0 0 0;text-align: center;position:relative;top:-34px;}
    .pip.contents_interior .section1 .color .details ul.detail {display: none;width: 300px;height: 30px;margin: 0 auto;}
    .pip.contents_interior .section1 .color .details ul.detail:after{clear:both; content:''; display:block;}
    .pip.contents_interior .section1 .color .details_img {width: 300px;height: 30px;margin: 5px auto 0;}
    .pip.contents_interior .section1 .color .details_img img { display:none; }
    .pip.contents_interior .section1 .color .details_img .detail_1 { display:block; }

    .pip.contents_interior .section1 .color .details_img.web { display:block; }
    .pip.contents_interior .section1 .color .details_img.mobile { display:none; }
    .pip.contents_interior .section1 .color .details ul.detail li {float: left;position: relative;height: 30px;}
    .pip.contents_interior .section1 .color .details ul.detail li span {display: none;}
    .pip.contents_interior .section1 .color .details ul.detail li span.text {position: absolute;display: block;top: -26px;width: 145px;height: 20px;margin-left: -65px;line-height: 20px;color: #fefefe;font-size: 0px;text-align: center;}
    .pip.contents_interior .section1 .color .details ul.detail li span.text span {display: inline-block;height: 20px;padding: 0 9px 0 8px;background: #464646;font-size: 12px;vertical-align:top;*display: inline;*zoom: 1;}
    .pip.contents_interior .section1 .color .details ul.detail li span.text i {display: inline-block;top: 20px;width: 100%;vertical-align:top;height: 6px;background: url("images/bg_arrow_white_down.html") no-repeat center top;*display: inline;*zoom: 1;}
    
    .pip.contents_interior .section1 .color .details ul.detail li.color_detail1 {width: 145px;}
    .pip.contents_interior .section1 .color .details ul.detail li.color_detail2 {width: 145px; margin-left:10px;}
    .pip.contents_interior .section1 .color .details ul.detail li.color_detail1 span.text,
    .pip.contents_interior .section1 .color .details ul.detail li.color_detail2 span.text,
    .pip.contents_interior .section1 .color .details ul.detail li.color_detail3 span.text,
    .pip.contents_interior .section1 .color .details ul.detail li.color_detail4 span.text {margin-left: -72px;left:50%;}
    
    .pip.contents_interior .section1 .color .details ul.detail.detail1 {display: block;}

    .pip.contents_interior .section1 .color .details ul.detail.detail1 li.color_detail1 {width: 145px;}
    .pip.contents_interior .section1 .color .details ul.detail.detail1 li.color_detail2 {width: 48px; margin-left:10px;}
    .pip.contents_interior .section1 .color .details ul.detail.detail1 li.color_detail3 {width: 48px; }
    .pip.contents_interior .section1 .color .details ul.detail.detail1 li.color_detail4 {width: 48px; }
    .pip.contents_interior .section1 .color .details ul.detail.detail1 li.color_detail3 span.text {margin-left: -72px;left:50%;}
    .pip.contents_interior .section1 .color .details ul.detail.detail1 li.color_detail4 span.text {margin-left: -78px;left:50%;}

    .pip.contents_interior .section1 .color .details ul.detail.detail2 li.color_detail2 {width: 72px; margin-left:10px;}
    .pip.contents_interior .section1 .color .details ul.detail.detail2 li.color_detail3 {width: 72px; }
    .pip.contents_interior .section1 .color .details ul.detail.detail2 li.color_detail3 span.text {margin-left: -78px;left:50%;}

    .pip.contents_interior .section1 .color .details ul.detail.detail3 li.color_detail2 {width: 48px; margin-left:10px;}
    .pip.contents_interior .section1 .color .details ul.detail.detail3 li.color_detail3 {width: 48px; }
    .pip.contents_interior .section1 .color .details ul.detail.detail3 li.color_detail4 {width: 48px; }
    .pip.contents_interior .section1 .color .details ul.detail.detail3 li.color_detail3 span.text {margin-left: -72px;left:50%;}
    .pip.contents_interior .section1 .color .details ul.detail.detail3 li.color_detail4 span.text {margin-left: -78px;left:50%;}

    .pip.contents_interior .section1 .color .details ul.detail.detail4 li.color_detail2 {width: 48px; margin-left:10px;}
    .pip.contents_interior .section1 .color .details ul.detail.detail4 li.color_detail3 {width: 48px; }
    .pip.contents_interior .section1 .color .details ul.detail.detail4 li.color_detail4 {width: 48px; }
    .pip.contents_interior .section1 .color .details ul.detail.detail4 li.color_detail3 span.text {margin-left: -72px;left:50%;}
    .pip.contents_interior .section1 .color .details ul.detail.detail4 li.color_detail4 span.text {margin-left: -78px;left:50%;}

    .pip.contents_interior .section1 .color .details ul.detail_txt {width: 300px;margin: 0 auto;}
    .pip.contents_interior .section1 .color .details ul.detail_txt li {float:left;width:150px;text-align: center;color: #666666;font-size:14px;}
        
    /* performance */
    .bgB { background-color:#e4dcd3; }
    .p_section h3 { font-size:30px; line-height:40px;  text-align:center; margin-top:-9px; }
    .p_section p.sub_title {font-size:16px; text-align:center; width:820px; margin:22px auto 0; }
    .p_section .engine_box { margin-top:100px;}
    .p_section .engine_box:after {clear:both; content:''; display:block;} 
    .p_section .engine_box > div {float:left; width:50%; }
    .p_section .engine_box .engine_spec {width:520px; float:right; margin-top:10px; }
    .p_section .engine_box .pos { position:relative; opacity:0; }
    .p_section .engine_box .pos .text { position:absolute; top:0; left:0; opacity:0;  }
    .p_section .engine_box .max { padding-top:25px; margin-top:25px; border-top:1px solid #d9d9d9;}
    .p_section .engine_box .max:after {clear:both; content:''; display:block;}
    .p_section .engine_box .max dl { float:left; width:50%; }
    .p_section .engine_box .max dt { padding-top:52px; width:48px; font-size:14px; line-height:14px; color:#00aad2; text-align:center; font-weight:bold;}
    .p_section .engine_box .max dd { float:left; margin-left:10px;  }
    .p_section .engine_box .max dd strong { font-size:80px; letter-spacing:-5px; line-height:1; color:#444444; }
    .p_section .engine_box .max dd span {font-size:16px;}
    .p_section .engine_box .max .max_power { width:50%;}
    .p_section .engine_box .max .max_toque {width:50%; float:right; padding-left:10px; }
    .p_section .engine_box .max .max_power dt { float:left; background: url("images/performance_icon_1.html") no-repeat 0 0; }
    .p_section .engine_box .max .max_toque dt { float:left; color:#002c5f; background: url("images/performance_icon_2.html") no-repeat 0 0; }
    .p_section.right .engine_box > div { float:right;}
    .p_section.right .engine_box .engine_spec { float:left; }
    .p_section.right .engine_box .max { overflow:hidden; padding-top:25px; margin-top:25px; border-top:1px solid #c2bbb4;}
    .p_section .graph_m { display:none; }
    .p_section .engine_box {display:block;}
    .p_section .caution { text-align:center; margin-top:25px; }
    .p_section .caution span{ padding-left:20px; font-size:14px; color:#666666; background: url("images/pip_caution.html") no-repeat left center;}

    .p_section .engine_box.typeTxt { margin-top:50px; position:relative;}
    .p_section .engine_box.typeTxt .engine_spec { float:left; margin-left:20px;}
    .p_section .engine_box.typeTxt .engine_spec .text_block h3 { text-align:left; margin-bottom:20px;}
    .p_section .engine_box.typeTxt .engine_spec .text_block p { text-align:left; font-size:16px; line-height:28px; }
    .p_section .engine_box.typeTxt .engine_spec .max { border:0; position:absolute; bottom:165px; }
    .p_section .engine_box.typeTxt .engine_spec .max dl { float:none; width:100%; }
    .p_section .engine_box.typeTxt .engine_spec .max dl dd { padding-left:20px; margin-left:20px; border-left:1px dotted #aba59e; }
    .p_section .engine_box.typeTxt .engine_spec .max .max_power { width:100%; overflow:hidden; margin-bottom:26px; }
    .p_section .engine_box.typeTxt .engine_spec .max .max_toque {padding-left:0; width:100%; overflow:hidden; }
    .p_section .engine_box.typeTxt .engine_spec .max dd strong { letter-spacing:0; }
    .p_section .caution { text-align:center; margin-top:15px; }
}

@media screen and (min-width:0) and (max-width:740px){
    
    .contentWrap .contWrap .contBox {padding:70px 15px 0 15px;} 
    .pip .pip_cont .text_play {position: relative; text-align:center; margin-bottom:20px;}
    .pip .pip_cont .text_play .text1 {font-size: 27px;line-height: 32px;}
    .pip .pip_cont .text_play .text2 {font-size: 14px;line-height: 21px; margin-top:10px; width:auto; }

    .pip.contents_safety .scene_wrap .scene{ display:none !important;}
    .pip.contents_safety .scene_wrap .controls{ display:none;}
    .pip.contents_safety .scene_wrap .slider_wrap{ display:none;}
    .pip.contents_safety .scene_wrap .text_wrap{margin:0 -15px;}
    .pip.contents_safety .scene_wrap .text_wrap ul li { display:block !important;}
    .pip.contents_safety .scene_wrap .text_wrap ul li.bgBeige { background:#f6f3f2;}
    .pip.contents_safety .scene_wrap .text_wrap ul li.bgBlack { background:#000000;}
    .pip.contents_safety .scene_wrap .text_wrap ul li:last-child { padding-bottom:60px;}
    .pip.contents_safety .scene_wrap .text_wrap ul li strong.first { padding: 15px 15px 10px 15px;}
    .pip.contents_safety .scene_wrap .text_wrap ul li strong {display: block;padding: 60px 35px 10px 35px;font-weight: normal;font-size: 19px;line-height: 24px; text-align:center;}
    .pip.contents_safety .scene_wrap .text_wrap ul li strong:after {    width: 48px;height: 1px;padding-top: 10px;border-bottom: 1px solid #418ce5;content: '';display:none;}
    .pip.contents_safety .scene_wrap .text_wrap ul li div {color:#666;font-size: 14px;line-height: 18px;padding:0 35px; position:relative; z-index:4;}
    .pip.contents_safety .scene_wrap .text_wrap ul li div.img { z-index:3;}
    .pip.contents_safety .scene_wrap .text_wrap ul li div .caution {position: relative; display: block; margin-top: 10px; font-size: 12px;line-height: 14px;color: #acacac; display:none;}
    .pip.contents_safety .scene_wrap .text_wrap p {font-size:14px; line-height:21px;  color:#000000; text-align:center; }
    .pip.contents_safety .scene_wrap .text_wrap ul li .img{ padding: 0;}
    .pip.contents_safety .scene_wrap .text_wrap ul li.bgBlack strong {color:#fff;}
    .pip.contents_safety .scene_wrap .text_wrap ul li.bgBlack p {color:#fff;}

    .pip.contents_interior .section1 {position: relative;width: 100%;overflow: hidden;padding: 0;background: #fff; padding:20px 0 40px 0;}
    .pip.contents_interior .section1 .features {clear: both;width: 100%;text-align: center; margin-top:0px;}
    .pip.contents_interior .section1 .features strong {display: block;padding: 0 0 0px 0;font-size: 19px;line-height: 24px;color: #000;}
    .pip.contents_interior .section1 .features p {padding: 15px 0 0 0;font-size: 14px;line-height: 21px;color: #000;}
    .pip.contents_interior .section1 .car { position:relative;padding:0 15px;}
    .pip.contents_interior .section1 .car img {display: none;}
    .pip.contents_interior .section1 .car img:first-child {display: inline;}
    .pip.contents_interior .section1 .color { margin-top:0px;width: 100%;height: auto;min-height: 1px;max-height: 999999px; position:relative;}
    .pip.contents_interior .section1 .color .txt {font-size: 14px;color: #666666;text-align: center;font-weight: bold;}
    .pip.contents_interior .section1 .color ul.chip {width: 100%;padding: 5px 0 0 0;text-align: center;}
    .pip.contents_interior .section1 .color ul.chip li {display: inline-block;width: 30px;height: 30px;overflow: hidden;margin: 0 2px 0 3px;text-align: left;*display: inline;*zoom: 1;}
    .pip.contents_interior .section1 .color ul.chip li a {display: block;width: 24px;height: 24px;padding: 3px;text-align: center;}
    .pip.contents_interior .section1 .color ul.chip li a span { width:24px; height:24px; display:block; font-size:0; }

    .pip.contents_interior .section1 .color ul.chip li a.color_1 span {background: url("images/interior_color_icon_1_3x.html") no-repeat center; 
         background-size:24px 24px;
    }
    .pip.contents_interior .section1 .color ul.chip li a.color_2 span {background: url("images/interior_color_icon_2_3x.html") no-repeat center; 
        background-size:24px 24px;
    }
    .pip.contents_interior .section1 .color ul.chip li a.color_3 span {background: url("images/interior_color_icon_3_3x.html") no-repeat center; 
        background-size:24px 24px;
    }
    .pip.contents_interior .section1 .color ul.chip li a.color_4 span {background: url("images/interior_color_icon_4_3x.html") no-repeat center; 
        background-size:24px 24px;
    }

    .pip.contents_interior .section1 .color ul.chip li.on a {border:1px solid #3a7dc6; border-radius:50%; padding: 2px; background:none;}

    .pip.contents_interior .section1 .color ul.chip li span.text {display:none;position: absolute;top: -6px;width: 200px;height: 20px;margin-left: -86px;line-height: 20px;color: #fefefe;font-size: 12px;text-align: center;}
    .pip.contents_interior .section1 .color ul.chip li span.text span {display: inline-block;height: 20px;padding: 0 9px 0 8px;background: #464646;*display: inline;*zoom: 1;}
    .pip.contents_interior .section1 .color ul.chip li span.text i {display: inline-block;top: 20px;width: 100%;height: 6px;background: url("images/bg_arrow_white_down.html") no-repeat center top;*display: inline;*zoom: 1;}
    .pip.contents_interior .section1 .color .details_img img { display:none; }
    .pip.contents_interior .section1 .color .details_img .detail_1 { display:block; }
    .pip.contents_interior .section1 .color .details_img.web { display:none; }
    .pip.contents_interior .section1 .color .details_img.mobile { display:block; width:250px; margin:10px auto 0; }
    .pip.contents_interior .section1 .color .details {width: 100%;padding: 11px 0 0 0;text-align: center;position:relative; top:-30px;}
    .pip.contents_interior .section1 .color .details ul.detail {display: none;width: 250px; margin: 0 auto;text-align:center;}
    .pip.contents_interior .section1 .color .details ul.detail li {float: left;position: relative;height: 30px;}
    .pip.contents_interior .section1 .color .details ul.detail li span {display: none;}
    .pip.contents_interior .section1 .color .details ul.detail li.color_detail1 {width: 50%;}
    .pip.contents_interior .section1 .color .details ul.detail li.color_detail2 {width: 50%;}
    .pip.contents_interior .section1 .color .details ul.detail.detail1 {display: block;}
    .pip.contents_interior .section1 .color .details ul.detail_txt {width: 250px;margin: 0 auto; overflow:hidden; }
    .pip.contents_interior .section1 .color .details ul.detail_txt li {text-align: center;color: #666; font-size:14px;display:none;}
    .pip.contents_interior .section1 .color .details ul.detail_txt li.first { display:block; }
    .pip.contents_interior .section1 .hidden_mo { display:none; }

    /* performance */
    .p_section .engine_box { display:none; }
    .bgB { background-color:#e4dcd3; }
    .p_section h3 { font-size:19px; line-height:24px;  text-align:center;  }
    .p_section p.sub_title {font-size:14px; line-height:21px; text-align:center; width:100%; margin:20px auto 0; }
    .p_section .graph_m { display:block; padding:35px 0 70px; }
    .p_section .caution { text-align:center; margin-top:15px; }
    .p_section .caution span{ padding-left:20px; font-size:14px; color:#000000; background: url("images/pip_caution.html") no-repeat left center;}

    .p_section .engine_box.typeTxt { display:block; }
    .p_section .engine_box.typeTxt .engine_image {display:none;}
    .p_section .engine_box.typeTxt .engine_spec .max { display:none; }
    .p_section .engine_box.typeTxt h3 { font-size:19px; line-height:24px;  text-align:center;  }
    .p_section .engine_box.typeTxt p {font-size:14px; line-height:21px; text-align:center; width:100%; margin:20px auto 0; }
}

.vr_box{
    height: 570px !important;
    width: 900px !important;
    background-position: center center;
    background-size: cover;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    margin-left: 25px;
   margin-top: 100px;

}

.tab_content2{
    height: 750px;
}

.vr_box2{
    margin-left: 0;
}

#vr360{
    z-index: 9999;
}



#vr360-2{
    display: none;
}

.onLoadingDiv{
    background-color: transparent !important;
    display: none;
}

/*.vr_tab1,
.vr_tab2{
    position:relative;
    float: left;
    width: 100%;
}

.vr_tab2{
    display: none;
}*/

.vr_tab_btn{
    position: relative;
    float: left;
    padding:10px 20px;
    color: #fff;
    background-color: #999;
    cursor: pointer;
    border-radius: 5px;
    background-position: center;
    background-image: url(images/223.png);
    background-repeat: no-repeat;
    background-size: cover;
    font-weight: bold;
    transition: .2s ease;
}

.vr_tab_btn.active{
    background-color: #f89d1a;
    background-image: none;
}

.vr_tab_btn2{
}

.vr_open_buttons{
    padding-top: 20px;
}

.vr_open_buttons ul{
    display: flex;
}

.vr_open_buttons ul li{
    position: relative;
    float: left;
    width: unset !important;
    margin-left: 0 !important;
    padding-right: 0!important;
    margin-top: 0 !important;
    margin-bottom: 10px;
}

.tab_content2{
    padding: 0;
}

.over_bg{
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.9);
    z-index: 9;
    padding: 100px 0;
    top: 0;
    left: 0;
}

.od_middle_slider,
.od_middle_slider .owl-carousel .owl-item img{
    height: 516px;
    position: relative;
    float: left;
    width: 100%;
    object-fit: inherit;
}

.od_middle_slider .owl-carousel .owl-item{
    overflow: hidden;
}

.od_middle_slider .owl-theme .owl-nav.disabled+.owl-dots{
    position: absolute;
    bottom: 5px;
    width: 100%;
}

.od_middle_slider .owl-theme .owl-dots .owl-dot span{
    background: #8f8888;
}

.od_middle_slider .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #434141 !important;
    margin-bottom: 5px;
}

.od_middle_slider_content{
   position: absolute;
    left: -224px;
    top: -95px;
    z-index: 99;
    height: 935px;
    width: 900px;
    background-color: #fff;
    padding: 30px 20px;
    transform: rotate(63deg);
    border-top: 5px solid #f89d1a;

}

.od_sl_text_img p{
    position: relative;
    float: left;
    font-size: 14px;

}

.logovr{
    position: relative;
    float: left;
    width: 220px !important;
    margin-top: -90px;
}

.od_middle_slider .owl-carousel .owl-item img{
    position: relative;
    float: right;
    width: 65%;
    object-fit: cover;
}
.od_sl_text_img{
    position: absolute;
    width: 556px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}


.od_text{
    position: absolute;
    float: left;
    right: 0;
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    padding-left: 40px;
}

.od_text h2{
    margin-bottom: 5px;
    font-size: 16px;
}

.od_text p,
.od_text span{
    position: relative;
    float: left;
    color: #3f3f40;
    font-size: 15px;
}

.od_text ul li{
    position: relative;
    float: left;
    width: 100%;
}

.od_text ul li:before{
    position: relative;
    float: left;
    width: 5px;
    margin-top: 10px;
    margin-right: 5px;
    height: 5px;
    background-color: #f89d1a;
    border-radius: 100%;
    content: '';
}

.od_text .od_span_bold {
    font-weight: bold;
    margin: 5px 0;
}

.bottom_shadow{
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #09358a;
    -webkit-box-shadow: 2px 2px 177px 146px #09358a;
    -moz-box-shadow: 2px 2px 177px 146px #09358a;
    -ms-box-shadow: 2px 2px 177px 146px #09358a;
    -o-box-shadow: 2px 2px 177px 146px #09358a;
    box-shadow: 2px 2px 177px 146px #09358a;
}

.od_bottom_text{
    position: absolute;
    right: 30px;
    bottom: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 29px;
    font-weight: bold;
}

.post_419 .tg_container{
    display: none;
}

.post_419 .pv_tetbiq_container ul{
    width: 1200px;
}

.post_419 .pv_tetbiq_container ul li{
    width: 20%;
}

.post_419 .p_s_container{
    padding-bottom: 60px;
}

.ustunluk_section{
    padding: 40px 0;
    background-color: #F6F6F6;
}

.ustunluk_section ul li{
    position: relative;
    float: left;
    width: 48%;
    margin-left: 4%;
    margin-bottom: 60px;
}

.ustunluk_section ul li:last-child{
    display: none;
}

.ustunluk_section ul li:nth-child(odd){
    margin-left: 0;
}

.ust_left{
    width: 98px;
    height: 92px;
    background-color: #002F8A;
    border-radius: 5px;
    position: relative;
    float: left;
}

.ust_left img{
    position: relative;
    float: left;
}

.ust_right{
    position: relative;
    float: left;
    width: calc(100% - 98px);
    padding-left: 15px;
    min-height: 125px;

}

.ust_right img{
    position: relative;
    float: left;
    width: 90px;
}

.Xidmet_sah{
    background-color: #F2F2F2;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/sub_back.png);
    background-size: 100% 100%;
}

.Xidmet_sah .over_bg{
    background-color: rgba(242,242,242,0.9);
}

.Xidmet_sah .owl-carousel{
    height: 340px;
}

.Xidmet_sah .owl-carousel .item{
    height: 340px;
    background-color: #fff;
    border-radius: 15px;
    padding:40px 25px;
}

.Xidmet_sah .owl-theme .owl-dots .owl-dot.active span,.Xidmet_sah .owl-theme .owl-dots .owl-dot:hover span{
    margin-bottom: 5px;
}

.Xidmet_sah .owl-theme .owl-dots .owl-dot.active span,.Xidmet_sah .owl-theme .owl-dots .owl-dot:hover span {
    background: #002F8A !important;
}

.Xidmet_sah .owl-theme .owl-dots .owl-dot span{
    border: 1px solid #002F8A;
    background-color: transparent;
}

.Xidmet_sah .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 40px;
}

.xid_sah_img_box{
    height: 64px;
}

.xid_sah_img{
    width: 64px !important;
    height: 64px;
    position: relative;
    float: left;
}

.xid_sah_img_box h2{
    position: relative;
    float: left;
    width: calc(90% - 64px);
    padding-left: 25px;
    color: #141414;
    font-size: 19px;
    font-weight: bold;
}

.Xidmet_sah .owl-carousel .item p{
    position: relative;
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 1.4;
    color: #41484D;
    margin-top: 20px;
}

.od_umumi_second_title{
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom:20px;
    font-weight: bold;
    font-size: 18px;

}

.elaqe_cover_img{
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(images/contact_cover.png);
}

.contact_form_section .contact_form_list{
    width: 25%;
}

.contact_form_section .contact_form_list li{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.contact_form_section .contact_form_list li:nth-child(odd){
    margin-left: 0
}

.contact_inp{
    position: relative;
    float: left;
    width: 100%;
    height: 65px;
    background-color: #f2f2f2;
    padding-left: 20px;
    font-size: 16px;
    border-radius: 8px;
    padding-right: 20px;
    border:1px solid #dadada;
}

.contact_inp::-webkit-input-placeholder { /* Edge */
  color: #3f3f3f;
}

.contact_inp:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #3f3f3f;
}

.contact_inp::placeholder {
  color: #3f3f3f;
}

.custom-select {
  position: relative;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.contact_form_section .select-selected {
  background-color: #f2f2f2;
  border-radius: 8px;
  height: 65px;
  border:1px solid #dadada;
  padding: 18px 20px;
}

/* Style the arrow inside the select element: */
.contact_form_section .select-selected:after {
  position: absolute;
  content: "";
  top: 30px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #3f3f3f transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.contact_form_section .select-selected.select-arrow-active:after {
  border-color: transparent transparent #3f3f3f transparent;
  top: 23px;
}

/* style the items (options), including the selected item: */
.contact_form_section .select-items div,.select-selected {
  color: #3f3f3f;
  padding: 12px 20px;
  height: 50px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

.contact_form_section .select-items div{
   padding: 4px 20px;
   height: 35px; 
}

/* Style items (options): */
.contact_form_section .select-items {
  position: absolute;
  background-color: #f2f2f2;
  top: 100%;
  width: 50%;
  right: 0;
  z-index: 99;
}

.contact_page_map_side{
    position: relative;
    float: right;
    width: 75%;
    height: 444px;
    padding-left: 30px;
}

/* Hide the items when the select box is closed: */
.contact_form_section .select-hide {
  display: none;
}

.contact_form_section .select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.post_48 .footer_section{
    display: none;
}

.contact-full-size{
    width: 100% !important;
    margin-left: 0 !important;
}

.text-area-contact{
    font-size: 15px;
    color: #3f3f3f;
    margin-bottom: 15px;
}

.contact-full-size textarea{
    width: 25%;
    height: 190px;
    background-color: #f2f2f2;
    resize: none;
    padding: 20px;
    border-radius: 8px;
    font-size: 17px;
    margin-bottom: 20px;
}

.contact-send{
    color: #4a4749;
    font-weight: bold;
    background-color: #ff9933;
    position: relative;
    float: left;
    width: 360px;
    height: 50px;
    border-radius: 8px;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 60px;
    font-size: 18px;
    transition: .3s ease;
}

.contact-send:hover{
    background-color:#f2f2f2; 
}

.cover_bottom_cover{
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(images/contact-bottom-cover.png);
}

.cover_bottom_cover .center{
    height: 200px;
}

.elaqe_ucun{
    text-align: left;
    font-size: 32px;
    color: #fff;
    font-weight: bold;

}

.cpms_left{
    position: relative;
    float: left;
    width: 65%;
}

.cpms_right{
    position: relative;
    float: right;
    width: 35%;
}

.cpms_left .contact_list li h3{
    color: #000;
    font-size: 18px;
    margin-bottom: 10px;
}

.cpms_left .contact_list li p,.cpms_left .contact_list li a{
    color: #000;
    font-size: 16px;
}

.cpms_left .contact_list li{
    width: 100%;
    margin-left: 0!important;
    min-height: unset;
    padding-bottom: 25px;
    padding-top: 0;

}

.cpms_right #map{
    position: relative;
    float: left;
    width: 100%;
    height: 444px;
}

.poli_section .cover_img_box{
    width: 95%;
}

.poli_um_txt{
    margin: 20px 0;
}



.blue_p{
    color: #002F8A;
    font-size: 25px;
    margin-bottom: 20px;
}

.poli_tetbiq li{
    position: relative;
    float: left;
    width: 100%;
    padding: 7px 0;
}

.poli_tetbiq li p{
    color: #1E1E1E;
    font-size: 18px;
}

.poli_ts_left{
    width: 15%;
    padding-left: 50px;
}

.poli_ts_right{
    width: 85%
}

.poli_ts_left,
.poli_ts_right{
    position: relative;
    float: left;
}

.pts_line{
    height: 1px;
    background-color: 
}

.poli_tetbiq li:nth-child(1){
    border-bottom: 1px solid rgba(30,30,30,0.2);
}

.poli_tetbiq li:nth-child(4){
    border-bottom: 1px solid rgba(30,30,30,0.2);
}

.poli_tetbiq{
    margin-bottom: 60px;
}

.layihe_section_home .owl-dot:hover span{
    margin-bottom: -2px !important;
}

.tx_t {
    padding: 10px 0;
}

.tx_t span{

    position: relative;

    color: #262A30;

    font-size: 16px;

    font-weight: bold;

}



.txtl{

    float: left;

}



.txtr{

    float: right;

}



.departamentler{

    margin-top: 5px;

}



.departamentler li{

    position: relative;

    float: left;

    width: 100%;

    background-color: #fff;

}



.departamentler li:last_child .tab_btn{

    border-bottom: 1px solid #E6E6E6;

}



.departamentler li:first-child{

    margin-top: 0;

}



.tab_btn{

    height: 70px;

    color: #3B3B3B;

    font-size:18px;

    font-weight: bold;

    background-color: #fff;

    padding: 0 35px;

    width: 100%;

    text-align: left;

    background-position: right 35px center;

    background-repeat: no-repeat;

    background-image: url(images/tab_btn2.png);

    cursor: pointer;

    border:1px solid #E6E6E6;

    border-bottom: none;

}



.tab_opn{

    background-image: url(images/tab_opn2.png) !important;

}



.tab_content{

    display: none;

    padding:20px 50px;

    background-color: #fff;

    position: relative;

    float: left;

    width: 100%;

}



.tab_content ul li{

    position: relative;

    float: left;

    width: 100%;

    margin-top: 15px;

    padding-left: 20px;

}



.tab_content ul li:first-child{

    margin-top: 10px;

}



.tab_border{



}



.tab_content ul li:first-child{

    margin-top: 0;

}



.tab_content ul li span{

    position: relative;

    float: left;

    width: 100%;

    color: #262A30;

    font-size: 18px;

    font-weight: bold;
    text-align: left;

}



.tx_box{

    margin-bottom: 60px;

}



.tp_box{

    padding: 70px 0;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-image: url(images/main_back.html);

    background-color: #fff;

}

.ps_in_title{
    color: #002F8A;
}

.poli_texniki_g{
    padding: 100px 0;
    background-color: #F2F2F2;
}

.poli_tg_tabs li{
    position: relative;
    float: left;
    padding-right: 10px;
}

.poli_tg_tabs li button{
    color: #CFCFCF;
    font-weight: bold;
    font-size: 16px;
    padding: 8px 15px;
    background-color: #fff;
    cursor: pointer;
}

.poli_tg_tabs li button.active{
    background-color: #F6921E;
    color: #fff;
}


.poli_titles{
    color: #002F8A;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 40px;
    text-align: center;
}

.poli_tg_tab_content{
    margin-top: 45px;
}

.spec_list22{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: inherit;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
}

.spec_list22 li{
    width: 20%;
    display: flex;
    flex-direction: column;
    border: 1px solid #dddddd;
    text-align: center;
    padding: 8px;
    color: #000 !important;
}

.spec_list22 li:nth-child(odd){
    background-color: #BCBABA;
}


.spec_list22 li:nth-child(even){
    background-color: #fff;
}

.spec_list22 li p:first-child {
    font-weight: bold;
}

.spec_list22 li p{
    position: relative;
    float: left;
    width: 100%;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.spec_list22 li p:not(:last-child),
.spec_list22 li p span:not(:last-child){
    border-bottom: 1px solid #dddddd;
}

.spec_list22 li p span{
    min-height: 50px;
    padding: 8px;
}

.poli_tg_tab_content td span:first-child{
    border-bottom: 1px solid #dddddd;
}

.poli_tg_tab_content > li{
    position: relative;
    float: left;
    width: 100%;
    display: none;
}

.poli_tg_tab_content > li:first-child{
    display: block;
}

.poli_ust .pvs_back{
    background-size: 60%;
}

.poli_tb_list > li button{
    color: #002F8A;
}

.poli_ust{
    padding-bottom: 20px;
}

.qbmpp{
    text-align: center;
    color: #000;
    margin-bottom: 20px;
}

.poli_tg_tab_content2{
    margin-bottom: 40px;
}

.poli_tg_tab_content2 table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.poli_tg_tab_content2 td, th {
  border: 1px solid #dddddd;
  text-align: center;
  padding: 8px;
  color: #000 !important;
}

.poli_tg_tab_content2 td:nth-child(odd),
.poli_tg_tab_content2 th:nth-child(odd) {
  background-color: #BCBABA;
}

.poli_tg_tab_content2 td:nth-child(even),
.poli_tg_tab_content2 th:nth-child(even) {
  background-color: #fff;
}

.poli_tg_tab_content2 td:first-child,
.poli_tg_tab_content2 th:first-child{
    font-weight: bold;
    text-align: left !important;
}

.poli_tg_tab_content2 td span{
    position: relative;
    float: left;
    width: 100%;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.poli_tg_tab_content2 td span:first-child{
    border-bottom: 1px solid #dddddd;
}

.poli_tg_tab_content2 > li{
    position: relative;
    float: left;
    width: 100%;
}

.post_type_14 .send_main_slider ul li h2{
    display: block;
}

.post_type_14 .pivot_u_left{
    display: none;
}

.post_type_14 .pivot_u_right{
    width: 100%;
    padding-left: 0;
}

.post_type_14 .pivot_u_right p,
.post_type_14 .p_s_container_in p{
    font-size: 30px;
}

.texh_gases_list li{
    width:175px;
    height: 202px;
    background-color: #fff;
    margin-left: calc((100% - 1050px) / 5);
    transition: .4s ease;
}

.texh_gases_list li:hover{
    background-color: #f6921e;
}

.texh_gases_list li:hover a span{
    color: #fff;
}

.texh_gases_list li a{
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    padding: 15px 0;
}

.texh_gases_list li a.active{
    border-bottom: 4px solid #f6921e;
}

.texh_gases_list li:first-child{
    margin-left: 0;
}



.texh_gases_list li img{
    height: 123px;
}

.texh_gases_list li span{
    text-align: center;
    color: #333333;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 8px;
    transition: .4s ease;
    padding: 0 15px;
}

.post_type_14 .p_s_container .center,
.post_type_14 .pv_tetbiq_container .center,
.tex_tetbiq .center{
    width: 1350px;
}

.tex_tetbiq{
    padding-bottom: 50px;
}

.tex_tetbiq h2{
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 25px;
    margin: 30px 0;
}

.post_type_14 .ps_container_text{
    padding: 80px 102px;
}

.post_type_14 .ps_container_text h2{
    font-size: 60px;
}

.post_type_14 .pv_tetbiq_container ul{
    width: 100%;
}

@media(max-width: 1400px){
    .post_type_14 .p_s_container .center,
    .post_type_14 .pv_tetbiq_container .center{
        width: 100%;
        padding: 0 20px;
    }
}

.post_type_14 .pv_tetbiq_container ul li{
    width: 20%;
}

.distr_cover{
    height: 380px;
}

.distr_cover img{
    height: 100%;
    object-fit: cover;
}

.dist_side{
    position: relative;
    float: left;
    width: 50%;
}

.distr_left{
    padding-right: 40px;
}

.distr_right{
    padding-left: 40px;
}

.distr_left ul li{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 60px;
    padding-left: 70px;
}

.diler_name{
    color: #4a4749;
    font-size: 17px !important;
    font-weight: bold !important;

}

.distr_left ul li a,
.distr_left ul li p,
.distr_left ul li span{
    position: relative;
    float: left;
    color: #4a4749;
    font-size: 16px;
}
.distr_left ul li a{
	margin-left: 4px;
}

.distr_left ul li:before{
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/distr_pin.png);
    content: '';
}

#mapElement{
    height: 465px;
    width: 100%;
    position: relative;
    float: left;
}

.post_600 .footer_section{
    display: none;
}

.post_92 .send_main_slider h2,
.post_419 .send_main_slider h2{
	display: block;
}

.submenu_mehsul_1 ul li{
	padding: 0 30px !important;
}

.post_212 .pv_tetbiq_container img,
.post_207 .pv_tetbiq_container img{
    object-fit: contain;
}
.post_7 #sliderpv, #sliderpv .flex-viewport, #sliderpv .slides, #sliderpv .slides img{
    object-fit: contain;
}

.post_7 .tg_container{
    display: none;
}

.post_7 .pv_tetbiq_container img{
    width: 70px;
    object-fit: contain;
}

.post_7 .pvs_back{
    background-size: 700px;
}

.post_7 .send_main_slider ul li h2{
    display: block !important;
}

.flex{
    display: flex;
    justify-content: center;
    align-items: center;
}

.oil_box1{
    position: relative;
    float: left;
    width: 750px;
    height: 750px;
}

.absolute{
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: transparent;
    cursor: pointer;
}

.oil_image{
    width: 750px;
    height: 750px;
}


.image_back{
    background-image: url('images/plus1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.image_back:hover{
    background-image: url('images/plus1_hover5e1f.png?v=2');
}

.image_back2{

    background-image: url('images/plus2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.image_back2:hover{
    background-image: url('images/plus2_hover5e1f.png?v=2');
}

.td_oil .plus1{
    left: 97px;
    top: 244px;
}

.td_oil .plus2{
    top: 201px;
    left: 143px;
}

.plus3{
    top: 238px;
    right: 270px;
}

.plus4{
    top: 149px;
    right: 314px;
}

.plus5{
    right: 12px;
    bottom: 291px;
}

.plus6{
    bottom: 0px;
    right: 173px;
}

.plus7{
    bottom:175px;
    left: 125px;
}

.plus8{
    left: 183px;
    bottom: 225px;
}

.line1:after {
    position: relative;
    float: left;
    content: "";
    width: 77px;
    height: 50px;
    margin-top: 11px;
    margin-left: 44px;
    transform: rotate(43deg);
    background-image: url(images/line.png);
    background-size: cover;
    background-position: center;

}


.line2:after {
    position: relative;
    float: left;
    content: "";
    width: 77px;
    height: 50px;
    margin-top: 15px;
    margin-left: 36px;
    transform: rotate(48deg);
    background-image: url(images/line.png);
    background-size: cover;
    background-position: center;
}

.line3:after {
    position: relative;
    float: left;
    content: "";
    width: 77px;
    height: 50px;
    margin-top: 53px;
    margin-left: -20px;
    transform: rotate(112deg);
    background-image: url(images/line.png);
    background-size: cover;
    background-position: center;
}

.eline1:after {
    position: relative;
    float: left;
    content: "";
    width: 80px;
    height: 50px;
    background-image: url(images/xett5.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transform: rotate(237deg);
    margin-top: 62px;
    margin-left: -20px;
}


.eline2:after{
   position: relative;
    float: left;
    content: "";
    width: 45px;
    height: 50px;
    background-image: url(images/xett5.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transform: rotate(237deg);
    margin-top: 34px;
    margin-left: -5px;
}


.eline3:after{
    position: relative;
    float: right;
    content: "";
    width: 46px;
    height: 50px;
    background-image: url(images/xett5.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transform: rotate(354deg);
    margin-top: -34px;
    margin-right: 27px;
}

.line4:after {
    position: relative;
    float: left;
    content: "";
    width: 77px;
    height: 50px;
    margin-top: 53px;
    margin-left: -22px;
    transform: rotate(112deg);
    background-image: url(images/line.png);
    background-size: cover;
    background-position: center;
}

.line5:after {
    position: relative;
    float: right;
    content: "";
    width: 77px;
    height: 50px;
    margin-top: -43px;
    margin-right: 42px;
    transform: rotate(222deg);
    background-image: url(images/line.png);
    background-size: cover;
    background-position: center;
}

.line6:after {
    position: relative;
    float: right;
    content: "";
    width: 55px;
    height: 50px;
    margin-top: -38px;
    margin-right: 38px;
    transform: rotate(222deg);
    background-image: url(images/line.png);
    background-size: cover;
    background-position: center;
}


.line7:after {
    position: relative;
    float: left;
    content: "";
    width: 77px;
    height: 50px;
    margin-top: -40px;
    margin-left: 44px;
    transform: rotate(368deg);
    background-image: url(images/line.png);
    background-size: cover;
    background-position: center;
}


.line8:after {
    position: relative;
    float: left;
    content: "";
    width: 77px;
    height: 50px;
    margin-top: -32px;
    margin-left: 44px;
    transform: rotate(368deg);
    background-image: url(images/line.png);
    background-size: cover;
    background-position: center;
}

#box1{
    display: none;
}

#box2,#box3,#box4,#box5,#box6,#box7,#box8{
    display: none;
}

.post_type_8.fancybox-slide--html .fancybox-close-small {
    background-color: #020202;
    top: 2px !important;
    border-radius: 100%;
    right: 173px !important;

}

.post_type_8 .fancybox-button svg{
    color: #fff !important;
}

.post_type_8 .fancybox-content{
    position: relative;
    width: 400px !important;
    height: 400px !important;
    background-color: #fff !important;
}

.post_type_8 .fancybox-content img{

    position: relative;
    float: left;
    width: 190px !important;
    height: 190px !important;
    left: 50%;
    margin-top: -45px;
    top: 50%;
    transform: translate(-50%,-50%);

}

.post_type_8 .fancybox-content p{
	position: relative;
	float: left;
	width: 100%;
	padding: 20px 20px;
	font-size: 18px;
	margin-top: 15px;
	color: #000;
	text-align: center;
	font-weight: bold;
}

.post_type_8 .fancybox-content{
    overflow: unset !important;
}

.post_type_8 .fancybox-close-small{
    background: #000;
    border-radius: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: -22px;
}

.td_img_side{
    position: relative;
    float: right;
    width: 750px;

}

.post_type_8 .teklif_l_desc .breadcumb ul li a, .strategiya .breadcumb ul li a, .f_say .breadcumb ul li a{
    color: #141414;
}

.post_type_8 .teklif_l_desc .breadcumb ul li:after, .strategiya .breadcumb ul li:after, .f_say .breadcumb ul li:after{
     color: #141414;
}

.td_text_side{
    position: relative;
    float: left;
    width: calc(100% - 750px);
    padding-top: 50px;
}

.section_3d{
    padding: 30px 0;
}

.teklif_desc p:first-child{
    font-size:26px;
    color: #F6921E;
    font-weight: bold;
}

@media(min-width: 1450px){
    .section_3d .center{
        width: 80%;
    }
}

@media(min-width: 1600px){
    .td_text_side{
        padding-top: 150px;
    }
}

.cov_overlay1{
    position: absolute;
    width: 95%;
    height: calc(100% - 70px);
    top: 70px;
    background-image: url(images/cov_over1_main.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    left: 50%;
    transform: translateX(-50%);
}

.cov_overlay1:after{
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(images/cov_over1.png);
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    background-size: cover;z-index: 9;
}

.cov_overlay1 h1{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    left: 245px;
    z-index: 10;
    font-family: 'NeueHaasUnicaW1G-Heavy';
}
.cov_overlay1 h1:before{
    position: absolute;
    bottom: 0;
    width: 50%;
    height: 2px;
    content: '';
    background-color: #fff;
}

.td_oil{
    display: none;
}

.post_4 .td_oil{
    display: block !important;
}

.td_energetika{
    display: none;
}

.post_2 .td_energetika{
    display: block !important;
}

.energey_box{
    position: relative;
    float: left;
    width: 750px;
    height: 750px;
}

.ses-final{
    width: 750px;
    height: 750px;
}


.td_energetika .btn1{
    top: 223px;
    left: 33px;
}


.td_energetika .btn2{
    left: 147px;
    top: 211px;
}

.td_energetika .btn3{
    top: -4px;
    right: 289px;
}

.td_energetika .btn4{
    top: 105px;
    right: 57px;
}

.td_energetika .btn5{
    right: -20px;
    bottom: 426px;
    transform: rotateY(55deg);
}

.td_energetika .btn6{
    left: 304px;
    top: -19px;
}

.none{
    display: none;
    width: 300px;
    height: 300px;
}

.sizes{
    position: relative;
    float: left;
    width: 200px;
    height: 200px;
}

.back_ses{
    background-image:url(images/plus2.png);
    background-repeat: no-repeat;
    background-size:contain;
    background-position: center;
}

.back_ses2{
     background-image:url(images/plus1.png);
    background-repeat: no-repeat;
    background-size:contain;
    background-position: center;
}
.build_img{
    position: relative;
    float: left;
    width: 750px;
    height: 750px;
}

.build_box{
    position: relative;
    float: left;
    width: 750px;
    height: 750px;
}

.td_insaat .btn1{
    left: 142px;
    top: 290px;
}

.td_insaat .btn2{
    
    left: 23px;
    top: 172px;
}

.td_insaat .btn3{
    top:16px;
    right: 124px;
}

.td_insaat .btn4{
    top: 376px;
    right: 267px;
}

.td_insaat .btn5{
    top:249px;
    right:81px;
    display: none;
}

.td_insaat .btn6{
    top: 432px;
    right: 182px;
}

.td_insaat .btn7{
    bottom: 161px;
    right:0px;
}

.td_insaat .btn8{
    bottom: 0px;
    left: 349px
}

.td_insaat .btn9{
    left: 0px;
    bottom: 2px;
    transform: rotateY(35deg);
}


.iline1:after {
    position: relative;
    margin-left: 91px;
    margin-top: -30px;
    float: left;
    content: "";
    width: 3px;
    height: 113px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/xett.png);
    transform: rotate(100deg);
}

.iline2:after{
    position: relative;
    margin-left: 91px;
    margin-top: -30px;
    float: left;
    content: "";
    width: 3px;
    height: 113px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/xett.png);
    transform: rotate(99deg);
}


.iline3:after{
    position: relative;
    margin-right: 91px;
    margin-top: -34px;
    float: right;
    content: "";
    width: 3px;
    height: 113px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/xett.png);
    transform: rotate(262deg);
}

.iline4:after{
    position: relative;
    margin-right: 91px;
    margin-top: -48px;
    float: right;
    content: "";
    width: 3px;
    height: 113px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/xett.png);
    transform: rotate(274deg);
}


.iline5:after {
    position: relative;
    margin-left: 91px;
    margin-top: -60px;
    float: left;
    content: "";
    width: 20px;
    height: 113px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/xett.png);
    transform: rotate(77deg);
}

.td_insaat{
    display: none;
}

.post_3 .td_insaat{
    display: block !important;
}

#modal,#modal2,#modal3,#modal4,#modal5,#modal6,#modal7,#modal8,#modal9
{
    display: none;
    width: 400px;
    height: 400px;
}

.insaat_plus{
    background-image:url(images/plus1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.td_kend{
    display: none;
}

.post_1 .td_kend{
    display: block !important;
}

.td_kend .plus1{
    background-image:url(images/plus2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.td_kend .plus1:hover{
    background-image:url(images/plus2_hover5e1f.png?v=2);
}

.td_kend .plus2{
    background-image:url(images/plus1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.td_kend .plus2:hover{
    background-image:url(images/plus1_hover5e1f.png?v=2);
}

.village_box img{
    width: 750px;
    height: 750px;
}

.village_box{
    position: relative;
    float: left;
    width: 750px;
    height: 750px;
}

.td_kend .btn1{
    left: 88px;
    bottom: 239px;
}

.td_kend .btn2{
    left: 69px;
    bottom: 100px;
}


.td_kend .btn3{
    bottom: 160px;
    left: 0px;
}

.td_kend .btn4{
    top: 299px;
}

.td_kend .btn5{
    left: 66px;
    top: 249px;
}

.td_kend .btn6{
    left: 194px;
    top: 180px;
}

.td_kend .btn7{
    left: 232px;
    top: 254px;
}

.td_kend .btn8{
    top: 126px;
    right: 336px;
}

.td_kend .btn9{
    right: 281px;
    top: 114px;
    transform: rotate(15deg);
}

.td_kend .btn10{
    top: 170px;
    right: 240px;
    transform: rotate(45deg);
}

.td_kend .btn11{
    right: 129px;
    top: 237px;
}

.td_kend .btn12{
    
    bottom: 362px;
    right: 453px;
    transform: rotate(180deg);
}



.td_kend .width{
    width: 400px;
    height: 400px;
    display: none;
}


.td_kend .width > img{
    position: relative;
    width: 200px;
    height: 200px;
    margin-left: 50px;
    margin-top: 100px;
}

.td_kend .line1:after{
    position: relative;
    float: left;
    margin-top: -44px;
    margin-left: 35px;
    transform: rotate(75deg);
    content: "";
    background-image: url(images/xett.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 73px;
    height: 83px;
}

.td_kend .line2:after{
    position: relative;
    float: left;
    margin-top: -4px;
    margin-left: 28px;
    transform: rotate(117deg);
    content: "";
    background-image: url(images/xett.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 73px;
    height: 83px;
}

.td_kend .line3:after{
    position: relative;
    float: left;
    margin-top: 27px;
    margin-left: -12px;
    transform: rotate(172deg);
    content: "";
    background-image: url(images/xett.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 73px;
    height: 83px;
}

.td_kend .line4:after{
    position: relative;
    float: left;
    margin-top: 27px;
    margin-left: -18px;
    transform: rotate(178deg);
    content: "";
    background-image: url(images/xett.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 73px;
    height: 83px;
}

.td_kend .line5:after{
    position: relative;
    float: left;
    margin-top: -97px;
    margin-left: -22px;
    transform: rotate(0deg);
    content: "";
    background-image: url(images/xett.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 73px;
    height: 83px;
}

/*cabel table*/

table{
margin-top:50px !important;
	width: 100% !important;
margin-bottom: 30px !important;
}
table thead{
	text-align: center !important;
	background-color: #384886 !important;
	
}
table tr:first-child td{
     background-color: #384886 !important;
     color:#fff !important;
}

table td p{
    border-bottom:2px solid #fff;
}

table tbody{
	background-color: #d2d3d5 !important;
	text-align: center !important;
}

table th{
	border:2px solid #fff !important;
	font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 25px !important;
    padding: 14px 24px !important;
    text-align: center !important;
    width: 12.5%;
	min-width: 12.5%;
	color: #fff !important;
}

table td{
	border: 2px solid #fff !important;
	padding: 14px 0 !important;
	text-align: center !important;
	color: #2a2a2a !important;
	background-color: #f1f1f1 !important; 
	max-width: 12.5%;
	min-width: 12.5%;
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
}

.cabel__tittle td{
	border: none !important;
	background-color: #384886 !important;
	color: #fff;
}

.cabel__except tr td:last-child{
  color: #2a2a2a !important;
  background-color: #f1f1f1 !important; 
}

.cabel__except tr td p{
   border: none;
}

.cabel__except tr td:first-child{
     background-color: #384886 !important;
     color:#fff !important;
}

/*cabel table responsive*/


@media(max-width: 525px){
   
table{
margin-top:20px !important;
	width: 100% !important;
margin-bottom: 10px !important;
}


table td p{
    border-bottom:1px solid #fff;
    font-size:7px !important;
   line-height: 20px !important;
}



table th{
	border:1px solid #fff !important;
	font-size: 10px !important;
        font-weight: 300 !important;
        line-height: 15px !important;
        padding: 5px 8px !important;
        text-align: center !important;
        width: 12.5%;
	min-width: 12.5%;
	color: #fff !important;
}

table td{
	border: 1px solid #fff !important;
	padding: 6px 0 !important;
	text-align: center !important;
	color: #2a2a2a !important;
	background-color: #f1f1f1 !important; 
	max-width: 12.5%;
	min-width: 12.5%;
	font-size: 9px !important;
	font-weight: 300;
	line-height: 14px !important;
}



}