html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {  padding: 0;/*border: 0;*/font-size: 100%;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration: none;color: #000;}
p {margin:0;}

.img_style{width: 100%;}
*:focus {outline: 0;}
a {text-decoration:none;color: #242324;}
a:hover {text-decoration:none;color: #FCAC22;}
p {margin:0;}
h1{font-weight:normal;margin:0;padding:0;}
h2{font-weight:normal;margin:0;padding:0;}



/*@font-face{font-family:'fontawesome';*/
    /*src: url('../fonts/fontawesome-webfont.eot'); !* IE9 Compat Modes *!*/
    /*src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
    /*url('../fonts/fontawesome-webfont.woff') format('woff'), !* Modern Browsers *!*/
    /*url('../fonts/fontawesome-webfont.ttf')  format('truetype'), !* Safari, Android, iOS *!*/
    /*url('../fonts/fontawesome-webfont.svg#svgFontName') format('svg');*/
    /*font-style:normal;*/
/*}*/
@font-face{font-family:'icofont';
    src: url('../fonts/icofont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/icofont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/icofont.woff') format('woff'), /* Modern Browsers */
    url('../fonts/icofont.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/icofont.svg#svgFontName') format('svg');
    font-style:normal;
}
@font-face{font-family:'WebYekan';
    src: url('../fonts/BYekan.eot'); /* IE9 Compat Modes */
    src: url('../fonts/BYekan.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/BYekan.woff') format('woff'), /* Modern Browsers */
    url('../fonts/BYekan.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/BYekan.svg#svgFontName') format('svg');
    font-style:normal;
}

/*@media print {*/
    /*.main_header, .footer { display: none; }*/
/*}*/

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

html, body {
    width  : 100%;
    height : 100%;
}
#overlay-back {
    position   : fixed;
    top        : 0;
    left       : 0;
    width      : 100%;
    height     : 100%;
    background : #000;
    opacity    : 0.6;
    filter     : alpha(opacity=60);
    z-index    : 2;
    display    : none;
}


body { margin:0;font-family: WebYekan, Tahoma;font-size: 14px;background-color: #ffffff;width:100%; }


.main_header{width: 100%;position: relative;/*max-height: 600px;overflow: hidden;*/position: relative;}
.main_header1{width: 100%;position: relative;max-height: 450px;/*overflow: hidden;*/background: url('../images/slide_img.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;}
/*.main_header::before {*/
    /*content: "";*/
    /*background: #000;*/
    /*opacity: 0.3;*/
    /*top: 0;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*right: 0;*/
    /*position: absolute;*/
    /*z-index: 0;*/
/*}*/
.top_header{width: 100%;height: 80px;position: relative;z-index: 4;background-color: #fff;}
.top_header_fx{width: 100%;height: 80px;overflow: hidden;position: relative;z-index: 4;box-shadow: 0 5px 6px -5px #aaa;-moz-box-shadow: 0 5px 6px -5px #aaa;-webkit-box-shadow: 0 5px 6px -5px #aaa;
    background-color: #fff;
    /*position: fixed;*/
}
.in_header{width: 1300px;height: 80px;overflow: hidden;position: relative;padding: 20px 20px 0;margin: 0 auto;font-size: 18px;color: #3d5771;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.t_header{float: left;padding: 10px 8px;color: #3d5771;}
.h_phone{line-height: 115%;font-size: 15px;}
.h_phone:before {
    font-family: icofont;
    font-size: 18px;
    padding-right: 5px;
    content: "\e942";
    padding-top: 5px;
    float: left;
}
.title_header{width: 100%;float: left;padding-top: 20px;}
.title_header .title{width: 100%;text-align: center;font-size: 40px;padding: 4px;}
.title_header .desc{width: 100%;text-align: center;font-size: 20px;padding: 4px;}

.main_logo{width: 130px;}
.logo_box{float: right;}

.main_nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: none;
    font-size: 17px;
    text-align: center;
    direction: rtl;
}
.main_nav .sep{padding: 7px 2px 0;}
.main_nav li {
    /*float: right;*/
    display: inline-block;
}
.main_nav li a {
    display: inline-block;
    color: #242324;
    text-align: center;
    padding: 8px 8px;
    text-decoration: none;
    position: relative;

    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
}
.main_nav li a:hover {
    color: #FCAC22;
}
.main_nav .pro_menu_link::before {
    content: "\e925";
    /*content: attr(class);*/
    font-family: icofont;
    font-size: 17px;
    position: absolute;
    right: -12px;
    top: 38%;
}
/*.main_nav .pro span{*/
    /*width: 20px;*/
    /*height: 20px;*/
    /*position: relative;font-size: 10px;*/
/*}*/
/*.main_nav .pro span::before {content: ".";padding: 2px;position: absolute;left: 0;top: 0;}*/
/*.main_nav .pro span::before {content: ".";padding: 2px;position: absolute;left: 0;top: 50%;}*/
/*.main_nav .pro span::before {content: ".";padding: 2px;position: absolute;left: 0;bottom: 0;}*/


.pro_menu{display: none;position: absolute;
    left: 0;
    right: 0;
    top: 75px;
    z-index: 3;
    background-color: #fff;

/*position: fixed;*/
}
.pro_menu_box{width: 1300px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}


.main_content{width: 100%;min-height: 500px;padding: 20px 0;overflow: hidden;background-color: #ffffff;direction: rtl;}
.main_content_pro{width: 100%;min-height: 500px;padding-bottom: 20px;overflow: hidden;background-color: #ffffff;position: relative;direction: rtl;}
.in_content{width: 1300px;margin: 0 auto;overflow: hidden;padding: 0 20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

.top_txt{text-align: center;font-size: 30px;margin-bottom: 10px;font-weight: bold;}
.top_txt1{text-align: center;font-size: 16px;margin-top: 10px;}
.top_txt2{text-align: center;font-size: 26px;font-weight: bold;background-color: #F8F7F5;width: 100%;padding-top: 5px;}
.box_title{text-align: center;font-size: 30px;}
.c_box_bg{margin-top: 40px;padding: 20px 0 20px;background-color: #F4F7F8;}

.pro_list_content{
    width: 100%; list-style: none;display: table;margin-top: 20px;overflow: hidden;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
    /*padding: 0;*/
    /*margin: 0;*/
    /*list-style: none;*/
    /*display: -webkit-box;*/
    /*display: -moz-box;*/
    /*display: -ms-flexbox;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
    /*-webkit-flex-flow: row;*/
    /*justify-content: space-around;*/
}
.pro_list_content li{
    /*background: #3f5771;*/
    /*margin: 10px;*/
    /*color: white;*/
    /*font-weight: bold;*/
    /*font-size: 1.5em;*/
    /*text-align: center;*/
    /*flex: 1 0 auto;*/
    /*height:auto;*/

    position: relative;

    display: table-cell;vertical-align: top;
    width: 33.3%;float: right;
    overflow: hidden;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
}

.pro_list_content .t1{ background: url('../images/shutters-and-screens.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;background-origin: content-box;
    /*-moz-transform: scaleX(-1);*/
    /*-o-transform: scaleX(-1);*/
    /*-webkit-transform: scaleX(-1);*/
    /*transform: scaleX(-1);*/
    /*filter: FlipH;*/
    /*-ms-filter: "FlipH";*/
}
.pro_list_content .t2{ background: url('../images/blinds-and-curtains.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;background-origin: content-box; }
.pro_list_content .t3{ background: url('../images/terrace-and-outdoor.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;background-origin: content-box;}
.pro_list_content .t4{ background: url('../images/gates-and-door-phones.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;background-origin: content-box;}
.pro_list_content .t5{ background: url('../images/controls-and-smart-home.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;background-origin: content-box;}
.pro_list_content .t6{ background: url('../images/cameras-and-alarms.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;background-origin: content-box;}
.pro_list_content .t7{ background: url('../images/heating-and-lighting.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;background-origin: content-box;}
.pro_list_content .t8{ display: none;}
.pro_list_content .t9{ display: none;}

.pro_list_content li::before{
    content:'';
    float: right;
    padding-top:80%;
}
.pro_list_content li .content{
    position: absolute;
    padding-left: inherit;
    padding-right: inherit;
    top: 0;
    bottom: 0;
    right: 10px;
    left: 10px;
}
/*.pro_list_content .t1{*/
    /*position: absolute;*/
    /*padding-left: inherit;*/
    /*padding-right: inherit;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*right: 10px;*/
    /*left: 10px;*/
/*}*/
.pro_list_content li .pro_bg{
    width: 100%;height: 100%;float: right;

    /*position: absolute;*/
    /*padding-left: inherit;*/
    /*padding-right: inherit;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*right: 5px;*/
    /*left: 5px;*/


    /*opacity: 0;*/
    background-color: none;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;

    overflow: hidden;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
    /*padding: 10px;*/
    /*background-color: #21212124;*/
}
.pro_list_content li .title{
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    color: #fff;
    text-align: right;
    padding: 20px 20px;
    font-size: 25px;
    text-shadow: 0px 0px 5px #353535;
    display: block;
    line-height: 120%;

    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    /*left: 0;*/
}
/*.pro_list_content li .title:hover{*/
    /*color: #FCAC22;*/
/*}*/
/*.pro_list_content li .title:hover ~ .pro_bg{*/
    /*background-color: #3f5771;*/
    /*color: #fff;*/
/*}*/

.pro_list_content li .desc{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    opacity: 0;

    text-align: right;
    padding: 0;
}
.pro_list_content li .desc .sub_link{
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    float: right;
    width: 100%;
    /*margin: 1px 20px;*/
    padding: 6px 20px;
    color: #fff;
    font-size: 15px;
    line-height: 1;
    overflow: hidden;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
}
.pro_list_content li .desc a:hover{
    color: #FCAC22;
}
.pro_list_content li .desc:hover ~ .pro_bg{
    background-color: #3f5771;
    color: #fff;
}
/*.pro_list_content li .desc:hover ~ .pro_bg .title{*/
    /*color: #FCAC22;*/
/*}*/
.pro_list_content li .desc:hover{
    color: #fff;
    opacity: 1;
}
.pro_list_h li{width: 25%;}
.pro_list_h li::before{padding-top: 90%;}



/*.pro_list_content li div span:hover > .pro_list_content li .z1 {*/
    /*display: none;*/
/*}*/




/*.pro_list_content li .bg:hover{*/
/*!*opacity: 1;*!*/

/*background-color: #3f5771;*/
/*transition: background-color .5s ease-in-out;*/
/*-webkit-transition: background-color .5s ease-in-out;*/
/*-moz-transition: background-color .5s ease-in-out;*/
/*}*/
/*.pro_list_content li .pro_bg:hover{*/
/*background-color: #3f5771;*/
/*}*/
/*.pro_list_content li .bg:hover , .pro_list_content li .title{*/
/*color: #fff;*/
/*}*/




.news_content{ background-color: #F8F7F5;width: 100%;padding-bottom: 10px;overflow: hidden;}
.news_list_content{
    width: 100%; list-style: none;display: table;padding-top: 10px;overflow: hidden;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
    margin: 0;
}
.news_list_content li{
    position: relative;
    display: table-cell;vertical-align: top;
    width: 33.3%;float: right;
    overflow: hidden;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
    padding: 10px;
}
.news_list_content li a{
    /*padding: 20px;*/
    /*display: block;*/
    /*!*background-color: #fff;*!*/
    /*position: relative;*/

    /*padding: 20px;*/
    display: block;
    /* background-color: #fff; */
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    /* overflow: hidden; */
    padding-left: inherit;
    padding-right: inherit;

    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
}
.news_list_content li div{
    margin: 10px;
    display: block;
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border: solid 20px #fff;
    overflow: hidden;
}
.news_list_content li::before{
    content:'';
    float: right;
    padding-top:100%;
}
.news_list_content li span{width: 100%;
    font-size: 18px;
    text-align: center;
    display: block;
    line-height: 140%;}
.news_list_content li img{width: 100%;margin-top: 20px;}



.box_content{ background-color: #F8F7F5;width: 100%;padding-bottom: 10px;overflow: hidden;}
.box_list_content{
    width: 100%; list-style: none;display: table;padding-top: 10px;overflow: hidden;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
    margin: 0;
}
.box_list_content li{
    position: relative;
    display: table-cell;vertical-align: top;
    width: 33.3%;float: right;
    overflow: hidden;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
    padding: 10px;
}
.box_list_content li div{
    /*padding: 20px;*/
    /*display: block;*/
    /*!*background-color: #fff;*!*/
    /*position: relative;*/

    /*padding: 20px;*/
    display: block;
    /* background-color: #fff; */
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    /* overflow: hidden; */
    padding-left: inherit;
    padding-right: inherit;

    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;

    background-color: #fff;
    margin: 16px;
    text-align: center;
    overflow: hidden;
}
/*.box_list_content li div{*/
    /*margin: 10px;*/
    /*display: block;*/
    /*background-color: #fff;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*right: 0;*/
    /*left: 0;*/
    /*border: solid 20px #fff;*/
    /*overflow: hidden;*/
/*}*/
.box_list_content li::before{
    content:'';
    float: right;
    padding-top:100%;
}
.box_list_content li span{width: 100%;
    font-size: 15px;
    text-align: center;
    display: block;
    line-height: 140%;}
.box_list_content li img{width: 55%;margin: 40px 0;}




.list_carousel {margin: 0;width: 100%;position: relative;}
.list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;}
.list_carousel li {text-align: center;padding: 0;margin: 0;display: block;float: left;}
.list_carousel.responsive {width: auto;margin-left: 0;}
.clearfix {float: none;clear: both;}
.pager {text-align:center;position:absolute;bottom: 20px;right: 0;direction: ltr;width: 100%;}
.pager a {margin:0 3px;width:15px;height:15px;font-size:0px;color:#ccc;cursor:pointer;display:inline-block;background-color: #636363;-webkit-box-shadow:inset 1px 1px 4px 0px rgba(0, 0, 0, 0.60);-moz-box-shadow:inset 1px 1px 4px 0px rgba(0, 0, 0, 0.60);box-shadow:inset 1px 1px 4px 0px rgba(0, 0, 0, 0.60);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius: 15px;}
.pager a.selected {font-size:0px;display:inline-block;background-color: #FFF;-webkit-box-shadow:inset 1px 1px 4px 0px rgba(0, 0, 0, 0.60);-moz-box-shadow:inset 1px 1px 4px 0px rgba(0, 0, 0, 0.60);box-shadow:inset 1px 1px 4px 0px rgba(0, 0, 0, 0.60);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius: 15px;}
.next_btn {
    /*background: transparent url(/images/arrow1.png) no-repeat 5px 60px;*/
    height: 100px;
    width: 50px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    top: 44%;
    color: #ffffff;
    opacity: 0.2;
    text-decoration: none;
    right: 20px;
    padding-right: 2px;
}
.next_btn::before {
    content: "\e91c";
    font-family: icofont;
    font-size: 70px;
    text-shadow: 0px 0px 4px #1f1f1f;
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.next_btn:hover {color: #ffffff;opacity: 0.6;text-decoration: none;}
/*.next_btn:hover {background-position: 6px 60px;}*/
/*.next_btn:active {background-position: 6px 60px;}*/
.prev_btn {
    /*background: transparent url(/images/arrow2.png) no-repeat 5px 60px;*/
    height: 100px;
    width: 50px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    top: 44%;
    color: #ffffff;
    opacity: 0.2;
    text-decoration: none;
    left: 0;
}
.prev_btn::before {
    content: "\e91c";
    font-family: icofont;
    font-size: 70px;
    text-shadow: 0px 0px 4px #1f1f1f;
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.prev_btn:hover {color: #ffffff;opacity: 0.6;text-decoration: none;}
/*.prev_btn:hover {background-position: 4px 60px;}*/
/*.prev_btn:active {background-position: 4px 60px;}*/





/*.c_box{list-style: none;display: table;margin-top: 10px;}*/
/*.c_box li{display: table-cell;vertical-align: top;padding: 10px;*/
    /*width: 25%;float: left;*/
    /*overflow: hidden;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}*/
/*.c_box li img{width: 100%;}*/
/*.c_box li span{display: block;width: 100%;padding: 8px;text-align: center;font-size: 15px;font-weight: bold; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}*/


/*.c_box1{width: 100%;overflow: hidden;   width: 274px;}*/
/*.c_box1 img{width: 100%;overflow: hidden;height: 200px;     !*width: 274px;*!}*/
/*.c_box1 span{width: 100%;overflow: hidden;display: block;text-align: left;font-size: 15px;font-weight: bold;padding-top: 8px;}*/

/*.c_box2{list-style: none;display: table;margin-top: 10px;}*/
/*.c_box2 li{display: table-cell;vertical-align: top;padding: 10px;width: 33%;overflow: hidden;float: left; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}*/
/*.c_box2 li img{width: 100%;float: left;}*/
/*.c_box2 li div{width: 100%;float: left;height: 100px;overflow: hidden;padding: 8px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}*/
/*.c_box2 li span{display: block;width: 100%;padding: 8px;text-align: left;font-size: 16px;font-weight: bold; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}*/
/*.c_box2 li .detail{font-size: 14px;padding-top: 4px;}*/
/*.c_box2 span:hover{text-decoration: underline;}*/




.top_page{margin: 0;width: 100%;position: relative;}
.top_page .bg_gr{position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 180px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(247,246,244,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(247,246,244,1) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(247,246,244,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f7f6f4",GradientType=1);
    z-index: 0;}
.top_page .bg_gr div{
    direction: rtl;
    width: 100%;
    text-align: center;
    padding: 70px 20px 0;
    font-size: 25px;
    color: #1f1f1f;
    box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.top_page .bg_gr span{display: block;width: 100%;padding: 0; font-size: 17px;}
.top_page img{width: 100%;height: 100%;}
.title_bar{font-size: 24px;direction: rtl;text-align: right;width: 100%;float: right;height: 60px;padding: 4px 30px 0 0;overflow: hidden;border-bottom: 1px solid #e0dfde;
    z-index: 1;
    position: relative;
    box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
/*.title_bar form{margin: 0 auto;display: block;width: 350px;padding: 2px 4px;overflow: hidden;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}*/
/*.title_bar form .submit{float: right;margin: 0px 8px 0 0;font-size: 13px;padding: 3px 12px;}*/

.main_content_pro .bg_gr{position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 200px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(229,230,234,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(229,230,234,1) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(229,230,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e5e6ea",GradientType=1);
    z-index: 0;}
.top_txt3{text-align: center;font-size: 30px;position: relative;z-index: 1;padding: 30px 0 40px;}
.pro_detail_content{list-style: none;display: table;margin-top: 10px;position: relative;
    width: 100%;
    padding: 0 100px;
    box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.pro_detail_content li{display: table-cell;vertical-align: top;padding: 10px 10px 0;float: right;
    /*width: 25%;*/
    overflow: hidden;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
    text-align: center;}
.pro1_t{width: 25%;}
.pro2_t{width: 33.3%;}
.pro3_t{width: 50%;}
.pro_detail_content li svg{width: 45px;height: 45px;}
.pro_detail_content li span{width: 100%;
    text-align: center;
    /* float: right; */
    display: block;
    height: 26px;
    font-size: 14px;
}
.pro_detail_content li:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.03);
    z-index: 0;
}
.pro_detail_content li a{
    border-bottom: solid 1px rgba(0, 0, 0, 0);
    width: 100%;
    display: block;
    height: 100%;
    position: relative;
    z-index: 1;
    padding-bottom: 10px;
    box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
}
.pro_detail_content li a:hover{
    border-bottom: solid 1px #FCAC22;
    fill: #040101;
    color: #040101;
}
.pro_tab_hover{
    border-bottom: solid 1px #FCAC22 !important;
    color: #FCAC22 !important;
    fill: #FCAC22 !important;
}
.pro_img_box{margin-top: -15px;}









.m_content_box{list-style: initial !important;}
.m_content_box ul, ol{list-style: initial !important;}


.text_input {width:200px;padding: 6px 5px;font-family:WebYekan;font-size:13px;direction: rtl; outline:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#000;background:#FFFFFF;-webkit-appearance:none;-webkit-box-shadow:inset 0 0 3px 0 #EBEBEB;-moz-box-shadow:inset 0 0 3px 0 #EBEBEB;box-shadow:inset 0 0 3px 0 #EBEBEB;
    border:solid 1px #8a8a8a;/*box-sizing:border-box;*/-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:16px;}
.text_input:focus {background:#FFFFFF;
    border: solid 1px #b4b4b4;
    box-shadow: 0 0 3px 0 #DADADA;-webkit-box-shadow: 0 0 3px 0 #DADADA;-moz-box-shadow: 0 0 3px 0 #DADADA;}
*:focus {outline: 0;}


/*.archive_link{float: left;padding: 1px 6px;color: #f7941d;font-size: 13px; display: block;margin: 0 8px 8px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}*/
/*.archive_link:hover {color: #034ea2;}*/
.send_btn{background: #005380;float: right;padding: 6px 16px;color: #ffffff;display: block;margin: 0 8px 8px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
.send_btn:hover {color: #d8d8d8;}



.comment_box{width: 100%;padding: 6px;float: right;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.comment_box_h{width: 100%;background-color: #f1f1f1;padding: 6px;float: right;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0;}
.comment_box_m{width: 100%;background-color: #f9f9f9;padding: 10px;margin-bottom: 6px;float: right;text-align: justify;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.comment_box_l{width: 100%;float: right;border-bottom: solid 1px #b9b9b9;margin: 8px 0 4px;}
.comment_box_i{width: 100%;box-sizing: border-box;padding: 8px;display: table;}
.comment_box_i_h{width: 30px;display: table-cell;padding-left: 10px;text-align: right;padding-top: 3px;overflow: hidden;vertical-align: middle;}
.comment_box_i_m{width: auto;display: table-cell;overflow: hidden;}
.comment_box_i_h1{width: 100%;display: table-cell;text-align: right;overflow: hidden;float: right;padding-bottom: 3px;}
.comment_box_i_m1{width: 100%;display: table-cell;overflow: hidden;float: right;}
.comment_box_i_m input{width: 100%;height: 30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.comment_box_i_m1 textarea{resize: vertical;width: 100%;height: 50px;min-height: 50px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.comment_box_b{float: right;margin: 2px 8px 0 0;}
.comment_box_b input{width: 100%;height: 30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

/*.sn_links{float: left;text-align: left;overflow: hidden;direction: ltr;height: 20px;clear: inherit !important;}*/


.mid_content{padding: 0 20% 0;}

/*.show_photo_title{width: 100%;font-family: Arial;font-weight: bold;font-size: 1۷px;color: #ffffff;padding: 6px 10px;}*/
/*.show_photo_detail{font-family: Arial;font-size: 14px;color: #ffffff;padding: 0 10px 12px;}*/


.footer{width:100%;padding:20px 0 0;overflow:hidden;background-color: #fff;text-align:center;font-size:12px;position: relative;}
.footer_top{width:100%;padding:20px 0;overflow:hidden;background-color: #3F5771;text-align:center;position: relative;color: #fff;}
.footer_bot{width:100%;padding:20px 0 0;overflow:hidden;background-color: #fff;text-align:center;position: relative;color: #282828;}
.t_footer{float: left;padding: 10px 8px;font-size:17px;}
.footer img{text-align: center;
    margin: 10px 0 0;
    height: 170px;
    border: solid 4px #f7f7f7;
    border-radius: 5px;
    box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.bc_text{color: #303030;
    /* direction: rtl; */
    /* line-height: 200%; */
    padding: 20px 0;
    margin-top: 20px;
    border-top: solid 1px #d9d9d9;
    text-align: left;
    width: 100%;}

.footer_s{list-style: none;display: block;margin: 0;float: right;}
.footer_s li{float: left; overflow: hidden; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
    border: solid 1px #6b6b6b;
    border-radius: 25px;
    margin: 8px 3px 0;
}
.footer_s li a{color: #fff;font-family: icofont;font-size: 20px;
    display: block;
    width: 40px;
    height: 40px;
    padding: 10px 0;
    box-sizing: border-box;
    overflow: hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
}
.footer_s li a:hover{color: #FCAC22;text-decoration: none;}
.footer_s .li1 a::before {content: "\e91d";}
.footer_s .li2 a::before {content: "\ea9d";}
.footer_s .li3 a::before {content: "\ea92";}
/*.footer_s .li4 a::before {content: "\f167";}*/
.footer_s .li5 a::before {content: "\e901";}

.footer_link{list-style: none;display: block;margin: 0;float: right;width: 200px;}
.footer_link li{float: right; overflow: hidden; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;width: 100%;font-size: 14px;text-align: right;}
.footer_link li a{color: #232323;
    display: block;
    box-sizing: border-box;
    overflow: hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
    float: right;
}
.footer_link li a:hover{color: #FCAC22;text-decoration: none;}
.footer_link .li1 {font-size: 16px;font-weight: bold;}


/*nav menu icon*/
.menu_nav_m {
    position: absolute;
    right: 0;
    top: 34%;
    z-index: 5;
    left: 0;
    display: none;
}
#nav_main_v {display: none;width: 100%;background-color: #fff;float: right;margin-top: 26px;
    font-size: 14px;
    box-shadow: 0 5px 6px -5px #aaa;
    -moz-box-shadow: 0 5px 6px -5px #aaa;
    -webkit-box-shadow: 0 5px 6px -5px #aaa;}
#nav_main_v_s {display: none;}
#nav_main_v_s .navigation{width: 100%;padding: 6px 20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;  direction: rtl;font-size: 15px;}
#nav_main_v_s .navigation li{width: 100%;}
#nav_main_v_s .navigation span{width: 100%;height: 1px;margin: 4px 0;background-color: #8e8e8e33;display: block;}
#nav_main_v_s .navigation a{padding: 1px 8px 2px;width: 100%;display: block;margin: 0;color: #424242;text-decoration: none;}
.nav_main_ico{display: none;padding: 0 6px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;}
.mnav_btn{position: relative;
    display: block;
    vertical-align: middle;
    float: right;
    padding: 1px;
    cursor: pointer;
    color: #efefef;
    margin: 2px 20px 0;
    text-decoration: none;}
.mnav_collapsed{}
.mnav_icon{float: right;
    width: 24px;
    margin: 0 2px 0 4px;}
.mnav_icon_bar{display: block;
    width: 24px;
    height: 3px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    background-color: #505050;
    margin-top: 4px;}
.mnav_title{float: right;padding: 0 6px 0 5px;
    display: none;
}

.bot_content{width: 100%;}



#nav_line1, #nav_line2, #nav_line3 {display: none;}
.nav_line_btn::before {
    content: "+";
    padding-left: 4px;
    width: 13px;
    overflow: hidden;
    display: block;
    float: right;
    text-align: center;
}
.nav_line_btn_o::before {
    content: "-";
    padding-left: 4px;
    width: 13px;
    overflow: hidden;
    display: block;
    float: right;
    text-align: center;
}


@media screen and (max-width:1300px) {

    body {overflow-x:hidden;}

    .in_header, .in_content, .main_menu, .pro_menu_box{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;max-width: 100%;}

    .main_header, .footer, .main_content, .main_content_pro{min-width:340px;}

}
@media screen and (max-width:980px) {

    .pro_list_content li .title{font-size: 22px;}
    .pro_list_h li::before{padding-top: 100%;}

    .box_list_content li img {margin: 40px 0 10px;}
    .pro_detail_content li span{line-height: 120%;}

    /*.c_box1 {width: 250px;}*/
    /*.c_box1 img{width: 250px;}*/
    .c_box2 li{width: 50%;}
}
@media screen and (max-width:900px) {
    .c_box li{width: 50%;float: left;height: 300px;}
}
@media screen and (max-width:800px) {
    .pro_list_h li .title{font-size: 20px;padding: 10px 20px 20px;}

    .pro_detail_content{padding: 0 20px;}
}
@media screen and (max-width:750px) {
    .main_nav{font-size: 15px;padding-top: 4px;}
    .main_nav li a {padding: 8px 5px;}
    .pro_list_content li .title{font-size: 18px;padding: 10px 20px 10px;}
    .pro_list_content li .desc .sub_link{font-size: 13px;}
    .news_list_content li{width: 50%;}
    .box_list_content li{width: 50%;}
}
@media screen and (max-width:700px) {

    .main_nav{display: none;}
    .menu_nav_m{display: block;}
    .logo_box{float: left;}
    .t_header{display: none;}
    /*.pro_list_h{display: none;}*/
    /*#overlay-back{display: none !important;}*/

    .pro_list_content{margin: 0;}
    .pro_list_content li {width: 100%;
        height: 160px;
        margin: 8px 0;}


    .nav_main_ico {display: block;}
    #nav_main_v {display: block;}
    #nav_main_h {display:none;}
    .header, .main_menu{overflow: visible;}
    .h_bot{background-color: #034ea2;}
    .home_btn, .bot_left_c{display: none;}
}
@media screen and (max-width:650px) {

    .pro_detail_content{padding: 0;}
    .top_page .bg_gr div{font-size: 20px;line-height: 140%;}
    .top_page .bg_gr span{font-size: 14px;}
    .title_bar{font-size: 20px;padding: 8px 30px 0 0;}
    .top_txt3{font-size: 24px;}
    .pro_detail_content li svg {width: 30px;height: 30px;}
    .pro_detail_content li span{font-size: 11px;height: 20px;}
}
@media screen and (max-width:550px) {

    .news_list_content li{width: 100%;}
    .news_list_content li a{
        top: 10px;
        bottom: 10px;
        right: 10px;
        left: 10px;
    }
    .box_list_content li{width: 100%;}
    .box_list_content li div{
        top: 10px;
        bottom: 10px;
        right: 10px;
        left: 10px;
    }

    .pro_detail_content li{position: relative;width: 50%;}



    .c_box li{width: 100%;height: auto;}
    .c_box2 li{width: 100%;}
    .c_box2 li div{width: 100%;height: auto;}
    /*.c_box1{width: 100%;}*/
    .mid_content{padding: 0;}
}
@media screen and (max-width:450px) {

}
@media screen and (max-width:400px) {
    .main_logo{width: 100px;}
}