@charset "utf-8";

/*=============================================================================== body =====*/
@import url('font-awesome.min.css');

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/cairo/cairo-bold-webfont.woff2') format('woff2'),
         url('../fonts/cairo/cairo-bold-webfont.woff') format('woff'),
         url('../fonts/cairo/cairo-bold-webfont.ttf') format('truetype'),
         url('../fonts/cairo/cairo-bold-webfont.svg#cairobold') format('svg');
    font-weight: 600;
    font-style: normal;

}




@font-face {
    font-family: 'Cairo';
    src: url('../fonts/cairo/cairo-light-webfont.woff2') format('woff2'),
         url('../fonts/cairo/cairo-light-webfont.woff') format('woff'),
         url('../fonts/cairo/cairo-light-webfont.ttf') format('truetype'),
         url('../fonts/cairo/cairo-light-webfont.svg#cairolight') format('svg');
    font-weight: 300;
    font-style: normal;

}




@font-face {
    font-family: 'Cairo';
    src: url('../fonts/cairo/cairo-regular-webfont.woff2') format('woff2'),
         url('../fonts/cairo/cairo-regular-webfont.woff') format('woff'),
         url('../fonts/cairo/cairo-regular-webfont.ttf') format('truetype'),
         url('../fonts/cairo/cairo-regular-webfont.svg#cairoregular') format('svg');
    font-weight: 400;
    font-style: normal;

}


body{max-height: 100%;font-size:14px;font-family: "Cairo", sans-serif;font-weight:400;color:#2b2f30;line-height:22px;text-align:justify;cursor:default;}
.success {
color: #4F8A10;
height: 35px;
margin:5px;
padding: 5px;
background-color: #DFF2BF;
background-size: 32px 32px;
background-image:url('../theme/tick.png');
background-repeat: no-repeat;
background-position: left; 
}
.success span{ margin-left: 30px; display: block; padding-top: 5px; font-weight: 600;}
/*=============================================================================== link =====*/
a{color:#5b5b5b;outline:none;cursor:pointer;text-decoration:none;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
a:hover{text-decoration:none;}
.coverimg{background:#fff; }
.camera_caption {
    font-weight:600;
    line-height:45px;
    letter-spacing:-1px;
    text-transform: capitalize;
    display: block;
    width:58%;
    margin: auto;
    margin-top: 10%;
    right: 0px;
    text-align: left;
    text-shadow: -1px 0px 3px rgba(0, 0, 0, 0.7);
}
.camera_caption p{ font-weight:300; text-transform:capitalize; font-size:24px;color: #FFF; letter-spacing: -1px;line-height: 30px;margin-top: 15px; display: none}
.camera_caption > div {
    font-weight:600; text-transform:none; font-size:38px;color: #FFF; letter-spacing: -2px;
    padding: 7px 32px;
    float: right;
    width: auto;
    background-color: rgba(0,0,0,0.4);
    text-align: right;
}
/*=============================================================================== h styles =====*/
h1,
h2,
h5,
h6{line-height:1em;text-transform:none;}
h1{font-size:30px;}
h2{font-size:20px;color:#444;font-weight:400;margin:0px 0 20px 0!important;text-transform:capitalize;line-height:45px;padding:0 0 0 0px;}
h2 span{color: #444;}
h3{font-size:16px;color:#4f4f4f;font-weight:600;margin:20px 0 20px 0!important;width:100%; text-transform:capitalize;border-bottom:1px solid #CCC;line-height:29px;}
h3 span{border-bottom:2px solid #ed1c24;}
h4{font-size:18px;color:#EEE;font-weight:600;margin:20px 0 20px 0px!important;text-transform:none;text-align:left;line-height:25px}
h3 .circle{width:10px;height:10px;border-radius:10px;background:#268b26;position:absolute;top:43px;}
h5{font-size:21px;text-align:center;padding-top:10px;line-height:26px}
h6{font-size:18px;padding-bottom:14px;text-align:left;margin-left:50px!important;margin-top:5px!important;}
h3+h6{margin-top:10px;}
.clear{clear:both;}
p{margin:0;}
h1{margin-top: 50px; margin-bottom: 30px;}
/*========================================================
                                    HEADER styles
=========================================================*/
header .top-header .lang{ display: inline-block; float: right; text-align: right;  height:20px}
header .top-header .lang a {display: block;position: inline-block;; float: left;}
header .top-header .lang a div{float: left;}
header{position:relative;display:block;width:100%;height:auto;float:left;z-index:999; background:#fff;border-bottom: 3px solid #ececec;}
header .top-header{ background-color: #FFF; height:20px; border-bottom:1px solid #ececec; display:none}
header .top-header .container{position:relative;width:1003px;margin:auto;}
header .top-header .container .lang a{text-transform: uppercase; font-weight: 600;color: #2f80bf; font-size:15px;padding-right:10px;}header .top-header .container .lang a:last-child{padding-right:0px;}
header .top-header .container .lang a:hover,header .top-header .container .lang a.selected{color: #004071}
header .top-header  .container  .social{float: right;}
header .top-header  .container  .social  ul{display: table; text-align: right; margin-bottom:15px; }
header .top-header  .container  .social  li{display:inline-block;position:relative;color:#CCC;font-size:20px; width: 13px;height: 10px;line-height:8px;padding:10px;float:left; border-left:1px solid #ccc;}
header .top-header  .container  .social  li:last-child{ border-right:1px solid #ccc}
header .top-header  .container  .social  li a{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);color: #919191; text-shadow:1px 1px #fff}
header .top-header  .container  .social  li a:hover{ text-shadow:0px 0px #fff !important;}
header .top-header  .container  .social  li:hover{background: #989898;text-shadow:0px 0px #fff !important;}
header .top-header  .container  .social  li:hover a{color:#FFF}
header .header {width: 100%;background: #FFF;height: 40px;}
header .header .navbar-brand {position:relative;z-index:999;display:inline-block;float:left;}
header .header .navbar-brand  a.logo {position:relative;display: inline-block;float:left;background-image: url("../theme/logo.png");width: 320px;height: 93px;z-index: 99999;background-size: 290px;background-repeat:no-repeat;top: 7px;}
header .header .container{position:relative;width:1003px;margin:auto;}


/*========================================================
                                    INDEX Slider
=========================================================*/
.slider_container .camera_wrap{margin-top:0px;}





/*========================================================
                                    INDEX SEKTORLER
=========================================================*/
.main_page_h2 span {background: url(../theme/bg.jpg) top;display: inline-block;line-height: 40px;border-bottom: 1px solid #FFF;padding: 10px;color: #6c6c6c;}
.main_page_h2 {background: none;text-align: center;height: 32px;padding: 0;font-size: 24px;color: #6c6c6c;font-weight: 600;margin: 20px 0 20px 0 !important;text-transform: capitalize;border-bottom: 1px solid #6c6c6c;line-height: 32px;}
.main{width:100%;position:relative;display:block;}
.coverimg .main .header{height:27px; color: #FFF;  font-size:16px;font-weight:600;padding: 0px; text-transform:capitalize;line-height:27px;text-align: left; border-bottom:0px solid #2077ba; width:100%; background:#ed1c24; margin-bottom:30px}
.coverimg .main .header .date{color: #fff; float: right;font-size: 10px; padding-right:10px;}
.coverimg .main .header>.left_h{ float: left;display: none;position: relative; background:#2077ba;width: 27px; height: 27px; background-repeat: no-repeat;background-position: left;}
.coverimg .main .header>.middle_h{float: left;display: inline-block;position: relative;height: 27px; background-repeat: repeat-x;background-position: center;padding-left: 10px;}
.coverimg .main .header>.right_h{float: left;display: inline-block;position: relative;;width: 0px; height: 0px; background-repeat: no-repeat;background-position: right;}
.coverimg .main .header>.middle_h span{ font-size:15px; font-weight:600; text-transform:uppercase; color:#fff}

.coverimg .main .sub_header{height:27px; color: #FFF;  font-size:16px;font-weight:600;padding: 0px; text-transform:capitalize;line-height:27px;text-align: left; border-bottom:1px solid #ccc; width:100%; background:#fff; margin-bottom:30px; margin-top:30px;}
.coverimg .main .sub_header>.left_h{ float: left;display: none;position: relative; background:#ccc;width: 27px; height: 27px; background-repeat: no-repeat;background-position: left;}
.coverimg .main .sub_header>.middle_h{float: left;display: inline-block;position: relative;height: 27px; background-repeat: repeat-x;background-position: center;padding-left: 0px;}
.coverimg .main .sub_header>.right_h{float: left;display: inline-block;position: relative;;width: 0px; height: 0px; background-repeat: no-repeat;background-position: right;}
.coverimg .main .sub_header>.middle_h span{ font-size:14px; font-weight:600; text-transform:uppercase; color:#4f4f4f}
.coverimg .main .sub_header::after{content: "";position: absolute; width: 0;height: 0;border-style: solid;border-width: 6px 6px 0px 6px;border-color: #ccc transparent transparent transparent; margin-top:28px; left:1px}


.coverimg .main{margin-top:50px; margin-bottom:50px}
.coverimg .main .container:nth-child(1){background:none;min-height: 528px; display: block;position: relative; }
.coverimg .main .container .main_content{margin-top: 0px;}
.main .container{width:1003px; margin:auto!important;display:block;text-align:justify;height: auto;}
.main .container .news-image{float: left;width: 40%;border: 1px solid #efefef;margin-right: 5%;}
.main .container .news-image img{ width:100%;} 
.main .full{width: 100%;position: relative;display: block;}
.main  > .full > .first_row{position:relative; }
.main  > .second_row{position: relative;display: block; float: none;background: #f7f7f7; /* Old browsers */background: -moz-radial-gradient(center, ellipse cover,  #f7f7f7 0%, #c9c9c9 100%); /* FF3.6-15 */background: -webkit-radial-gradient(center, ellipse cover,  #f7f7f7 0%,#c9c9c9 100%); /* Chrome10-25,Safari5.1-6 */background: radial-gradient(ellipse at center,  #f7f7f7 0%,#c9c9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#c9c9c9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */width:100%; margin-bottom:20px;}
.main  > .second_row > .container >.left-index{width: 49.9%; float: left;}
.main  > .second_row >.container >.left-index img{width: 100%; height: auto;}
.main  > .second_row >.container >.right-index{width: 44%; float: right;padding:0px 3% 0 3%;color: #333;}

/*========================================================
                                    MAIN
=========================================================*/
.main .container >.left{position: relative; float: left; margin:0px 2% 0 0; width: 25%; height: auto;background: #2b2f30;}
.main .container >.right{position: relative;float: left; width: 73%; height: auto;background: #fff;}
/*.main .container >.right .padding{padding: 20px 20px;}*/
.main .container >.right .main_content{height: auto;}
.main .container .main_content .content{width: 100%;float: left;}
.main .container >.right  .main_content .content .left{width:50%;float: left;margin: 0 4% 2% 0 !important}
.main .container >.right  .main_content .content .right{width: 100%;margin: 0!important;padding-left: 14px; text-align:left}
.main .container .main_content .content_image{width: 30%; padding-right: 20px; float: left;}
.main .container .main_content {text-align: justify;}
.main .container .main_content .content .prod_img{width: 100%; height: auto;margin-bottom: 10px;}
.main .container .main_content .content .prod_img img{width: 100%; height: auto;border:1px solid #ededed; box-sizing:border-box}
.main .container .main_content .content .text{width: 100%; }
.main .container .main_content .content .text strong{ font-weight:600}


.main .container .main_content .product-view  li{width: 32.9%;float: left; height: auto; margin-left:0.6%;margin-bottom: 1%; box-sizing:border-box}
.main .container .main_content .product-view  li:nth-child(3n+1){margin-left: 0px;}
.main .container .main_content .product-view li img{width: 100%; overflow: hidden; border:1px solid #ddd;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s ease-in; box-sizing:border-box}
.main .container .main_content .product-view .pro_bar{width: 100%;color: #FFF; font-weight: 400; text-transform: capitalize; text-align: center;  min-height:20px;line-height: 18px;background: #000}
.main .container .main_content .product-view .pro_bar a{color: #FFF;height: 50px; width: 100%;text-align: center;display: table;-moz-box-sizing: border-box;}
.main .container .main_content .product-view .pro_bar a span{vertical-align:middle; text-align: center; display: table-cell; }
.main .container .main_content .product-view  li:nth-child(3n+1) a ,
.main .container .main_content .product-view  li:nth-child(3n+1)  {}
.main .container .main_content .product-view  li:nth-child(3n+2) a,
.main .container .main_content .product-view  li:nth-child(3n+2) {}
.main .container .main_content .product-view  li:nth-child(3n+3) a,
.main .container .main_content .product-view  li:nth-child(3n+3) { }




.main .container .main_content .image-view {}
.main .container .main_content .image-view  li{width: 24.2%;float: left; height: auto; display:block; margin:0.5% 0.5% 0.5% 0.5%; border:1px solid #f3f3f3;/*background: url("../theme/hover.png")center no-repeat;background-size: cover;*/ box-sizing:border-box}
.main .container .main_content .image-view li img{width: 100%;height: auto; padding: 0px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s ease-in; display:block}
.main .container .main_content .image-view li img:hover{opacity: 1;}
.main .container .main_content .image-view .img_name{width: 100%;color:#fff; font-weight: 400; text-transform: capitalize; text-align: center;  min-height:20px;line-height: 18px}
.main .container .main_content .image-view .img_name a{color: #FFF;height: 50px; width: 100%;text-align: center;display: table;-moz-box-sizing: border-box;}
.main .container .main_content .image-view .img_name a span{vertical-align:middle; text-align: center; display: table-cell; }
.main .container .main_content .image-view  li:nth-child(4n+4) .img_name ,
.main .container .main_content .image-view  li:nth-child(4n+4)  {margin: 0.5% 0 0.5% 0.5%; }
.main .container .main_content .image-view  li:nth-child(4n+1) .img_name ,
.main .container .main_content .image-view  li:nth-child(4n+1)  {margin: 0.5% 0.5% 0.5% 0%; }




/*========================================================
                                    VIDEO CONTENT GALLERY
=========================================================*/

.main .container .main_content .video-content {

    margin-top: 0px;

}

.main .container .main_content .video-content  li {

    width: 32.6%;
    float: left;
    height: auto;
    margin: 0.5% 0.5% 2.5% 0.5%;
    border: 2px solid #f3f3f3;
    padding: 15px;
    background: #fff !important;
    box-sizing: border-box;
    position:relative;

}





.main .container .main_content .video-content  li #button{

    content:"";
    display:block;
    position:absolute;
    width:45px;
    height:45px;
    right:32px;
    bottom:-17px;
    background:url(../theme/play-button-2.svg) center center no-repeat #3d2b97;
    background-size:20px 20px;
    z-index:9

}

.main .container .main_content .video-content li img {

    width: 100%;
    height: auto;
    padding: 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s ease-in;

}



.main .container .main_content .video-content .img_name {

    width: 100%;
    text-align: center;
    color: #000;
    font-weight: 400;
    text-transform: capitalize;
    text-align: center;
    min-height: 20px;
    line-height: 18px

}

.main .container .main_content .video-content .img_name a {

    color: #454545;
    height: 50px;
    width: 100%;
    text-align: center;
    display: table;
    -moz-box-sizing: border-box;
    font-size: 15px;
    font-weight: 600;
    text-decoration:none

}

.main .container .main_content .video-content .img_name a span {

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

}

.main .container .main_content .video-content  li:nth-child(3n+1) .img_name, .main .container .main_content .video-content  li:nth-child(3n+1) {

    background: #fff;
    margin-left:0px

}

.main .container .main_content .video-content  li:nth-child(3n+2) .img_name, .main .container .main_content .video-content  li:nth-child(3n+2) {

    background: #fff;
}

.main .container .main_content .video-content  li:nth-child(3n+3) .img_name, .main .container .main_content .video-content  li:nth-child(3n+3) {

    background: #fff;
    margin-right:0px

}




.main .container .main_content .category-view  li{width: 33%;float: left; height: auto; margin-left:0.5%;border:1px solid #CCC; margin-bottom: 1%; box-sizing:border-box}
.main .container .main_content .category-view  li:nth-child(3n+1){margin-left: 0px;}
.main .container .main_content .category-view  li:nth-child(3n+4){margin-left: 0px;}
.main .container .main_content .category-view li img{width: 100%; overflow: hidden;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s ease-in; box-sizing:border-box}
.main .container .main_content .category-view .pro_bar{width: 100%;color: #FFF; font-weight: 400; text-transform: capitalize; text-align: center;  min-height:20px;line-height: 18px;background: #2b2f30}
.main .container .main_content .category-view .pro_bar a{color: #FFF;height: 50px; width: 100%;text-align: center;display: table;-moz-box-sizing: border-box;}
.main .container .main_content .category-view .pro_bar a span{vertical-align:middle; text-align: center; display: table-cell; }


.main .container .main_content .news-view  li{width:100%;height: auto;border-bottom:1px dashed #ccc; padding-bottom: 1%;padding-top: 1%;}
.main .container .main_content .news-view  li:last-child{border-bottom:0px}
.main .container .main_content .news-view  li .img{width: 25%; float: left;}
.main .container .main_content .news-view  li .img img{width: 90%;}
.main .container .main_content .news-view  li .text-content{width: 75%; float: left;}
.main .container .main_content .news-view  li .text-content span.date{color: #D9140C;position: relative;display:inline-block; float:right; font-size:11px; bottom:-4px}

/*========================================================
                                    ContactUs
=========================================================*/
.map,.phone,.fax,.mobile,.web{
    background-position: left; background-repeat: no-repeat;padding-left: 30px; margin-bottom: 10px;background-size: 20px 20px;
}
.map{background-image: url("../theme/map1.png");}
.phone{background-image: url("../theme/phone1.png");}
.fax{background-image: url("../theme/fax1.png");}
.mobile{background-image: url("../theme/mobile1.png");}
.web{background-image: url("../theme/web1.png");}
.main  .container .main_content  .contactPage .left  {display: block;width:50%;margin: auto; color: #2b2f30;float: left;}
.main  .container .main_content  .contactPage .right {display: block;width: 50%;margin: auto;float: left;}
.main .container .main_content .contactPage .left span{width: 90%;display: block;padding-left: 30px; margin-bottom: 10px;background-size: 20px 20px;background-position: left; background-repeat: no-repeat;}
.main .container .main_content .contactPage .left span.map{background-image: url("../theme/map2.png");background-position: top left; text-align:left}
.main .container .main_content .contactPage .left span.phone{background-image: url("../theme/phone2.png");}
.main .container .main_content .contactPage .left span.fax{background-image: url("../theme/fax2.png");}
.main .container .main_content .contactPage .left span.mobile{background-image: url("../theme/mobile2.png");}
.main .container .main_content .contactPage .left span.web{background-image: url("../theme/web2.png");}

#mainContactForm{display: inline-block;}
.main .maps { margin-bottom:30px}
.main .maps  .mapcontainer{width: 100%;min-height:230px; height: auto;}
h2.contact_form{
    background: transparent;
    color: #444;
}
/*========================================================
                                    human resources
=========================================================*/
#kariyertbl th { text-align: left; background-color: #202020; color: #FFFFFF; padding-left: 20px; }
#kariyertbl td{padding: 3px;}
.sform  input[type="radio"]{width: 20px; float: none;}
.sform  input, .sform  textarea { margin-bottom: 5px; border: 1px solid #cdcccd; color: #666666; font-size: 12px; font-family: 'Helvetica Neue', Arial, sans-serif; }
.sform  textarea { width: 346px; height: 100px; text-indent: 10px; }
.sform  input[type=text] { width: 350px; height: 25px; line-height: 25px; text-indent: 10px; }
.sform  input:hover, textarea:hover, input:focus, textarea:focus { border: 1px solid #999999; }
.sform  label { color: #0054a6; font-weight: bold; font-size: 14px; display: inline-block; }
.sform  label.error { color: #FF0000; font-size: 15px; }
.sbmt { -webkit-appearance: none; cursor: pointer; border: none; background-color: #DE1A31; width: 125px; height: 33px; line-height: 33px; text-align: center; color: #FFF!important; font-weight: bold; font-size: 14px; font-family: 'Helvetica Neue', Arial, sans-serif; }
.sbmt:hover { background-color: #202020; color: #ffffff; border: none; }
.errorbox { color: #c4151c; font-weight: normal; font-size: 14px; }
/*========================================================
                                    easyticker
=========================================================*/
.main .container  .easyticker{ }
.main .container  .easyticker ul{list-style:none;}
.main .container  .easyticker li{text-align: left;width: 100%;}
.main .container  .easyticker li a{display: block;position: relative;width: 100%; height: auto;}
.main .container  .easyticker li strong{color: #444444;}
.main .container  .easyticker a.tick{font-size:14px;font-weight:300;text-decoration:none; display:inline-block; position:relative; color:#6c6c6c; text-align:left}
.main .container  .easyticker a:hover{color: #5f5f5f;}
.main .container  .easyticker .date{float:right;color:#009EDB;padding-top:0px; font-size:10px;}
/*========================================================
                                    carosel
=========================================================*/
.containercarosel{ float: none; margin-right: auto;margin-left: auto;width:100%;margin-bottom: 20px; display:block; position:relative;}
.containercarosel .slick-prev,
.containercarosel .slick-next { left: -3%; color:#000;    font-size: 0;    line-height: 0;    position: absolute;    top: 50%;    display: block;border-radius: 40px;    width: 40px;    height: 40px;    padding: 0;      -webkit-transform: translate(0, -50%);    -ms-transform: translate(0, -50%);    transform: translate(0, -50%);cursor: pointer;border: none;outline: none;background: transparent;   text-align: -moz-left;}
.containercarosel .slick-next{left:99%;}
.containercarosel .slick-prev:hover,.containercarosel .slick-prev:focus,.containercarosel .slick-next:hover,.containercarosel .slick-next:focus{}
.containercarosel .slick-dots{ position: absolute;bottom: 0px;display: block;width: 100%;padding: 0;list-style: none;text-align: center;top: 105%;left:51%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
.containercarosel .slick-dots li.slick-active button::before {opacity: 1; color: #009EDB; font-size: 20px;}
.containercarosel .slick-dots li button::before{opacity: 1;color: #009EDB;font-size: 9px;}
.containercarosel .slick-prev::before,
.containercarosel .slick-next::before {    font-family: 'FontAwesome';    font-size: 40px;    line-height: 1;    opacity: 1.75;    color: #000;   -webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale;}
.containercarosel .slick-next::before{margin-left:11px; content:"\f105"}
.containercarosel .slick-prev::before{ content:"\f104";margin-left:8px; }
.containercarosel .slide a {display: inline-block;background: none; margin:9px 20px 0px 20px;position: relative; border:1px solid #ededed}

.containercarosel span {
    color: #FFF;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    background-color: #009EDB;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s ease-in;
    text-shadow: 1px 1px #017baa;
}

/*
.containercarosel span{text-transform: uppercase; width: 100%;  text-align: left; font-weight: 600; font-size: 13px; padding: 10px 0px 10px 0px; display: block ;text-align: center; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s ease-in;}*/
/*.containercarosel .slide:nth-child(5n+1) span{
background-color:#a5dbd2;
color: #1ca890;
border-bottom: 4px solid #1ca890;
}
.containercarosel .slide:nth-child(5n+2) span{
background-color:#f5c288;
color: #f56d08;
border-bottom: 4px solid #f56d08;
}*/
.containercarosel .slide span{
background-color:#e0e3ea;
color: #3079a7;
border-bottom: 4px solid #3079a7;
line-height: 17px;
min-height: 34px;
}
/*.containercarosel .slide:nth-child(5n+4) span{
background-color:#efc2c4;
color: #cc0a13;
border-bottom: 4px solid #cc0a13;
}
.containercarosel .slide:nth-child(5n+5) span{
background-color:#fceea8;
color: #c4a400;
border-bottom: 4px solid #c4a400;
}*/
.containercarosel div.text{display: inline-block;  min-height: 90px;color: #5f5f5f;font-weight: 400; font-size: 12px;padding-top: 0px; text-align: justify;line-height: 20px }
.containercarosel .slick-slide a:hover{text-decoration:none;  }
.containercarosel img{width: 100%;height: auto;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s ease-in; box-sizing:border-box}


.containercarosel .button {
    color: #FFF;
    text-transform: uppercase;
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    padding:13px 10px;
    height: 47px;
    box-sizing:border-box;
    line-height: 20px;
    display:block;
    background-color: #ed1c24;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s ease-in;
    text-shadow: 1px 1px #ba171d;
}


.containercarosel .button:hover {
  
    background-color: #2b2f30;
    text-shadow:none
}


.news_h2 {position: absolute;text-shadow: none; font-weight: 400;text-transform: uppercase;right: 0;font-size: 30px;color: #000;background: none;margin: 9px 80px 0px 0px !important;}
.containercarosel a{margin-top: 0px;}


/*image carosel*/


.imagecarosel {
    width: 100%;
    margin-top:30px;
    display:block;
    position:relative
}
.imagecarosel .slick-prev, .imagecarosel .slick-next {
    left: 0;
    position: absolute;
    top: 44%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    border: none;
    outline: none;
    text-align: -moz-left;
    z-index:999;
    width:20px;
    height:40px;
}
.imagecarosel .slick-next {
    left: 98.7%;
}

.imagecarosel .slick-dots {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    top: 105%;
    left: 51%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
.imagecarosel .slick-dots li.slick-active button::before {
    opacity: 1;
    color: #CCC;
    font-size: 12px;
}
.imagecarosel .slick-dots li button::before {
    opacity: 1;
    color: #7E7E7E;
    font-size: 9px;
}
.imagecarosel .slick-prev::before, .imagecarosel .slick-next::before {
    font-family: 'FontAwesome';
    font-size: 37px;
    line-height: 1;
    opacity: 1;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.imagecarosel .slick-next::before {
    content: "\f105";
}
.imagecarosel .slick-prev::before {
    content: "\f104"
}
.imagecarosel .slide {
    margin-right: 10px;
    margin-left: 10px;
    border:1px solid #ededed;
    display:block;
    position:relative
}
.imagecarosel .slide:after {
     
     content: '';
    position: absolute;
    bottom: 0;
    background: url(../theme/third-row-product-shadow.png) center bottom no-repeat;
    width: 100%;
    height: 14px;
    clear: both;
    background-size:65%;
    opacity:.3


}
.imagecarosel span {
    color: #ed2128;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    padding-top: 22px;
    padding-bottom: 22px;
    background: #FFF;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s ease-in;
}
.imagecarosel span.text {
    color: #707070;
    text-shadow: 1px 1px #CCC;
    font-weight: 400;
    font-size: 13px;
    padding-top: 0px;
}
.imagecarosel .slick-slide:nth-child(even) a {
    display: block;
    border-right: 0px solid #CCC;
    border-left: 0px solid #CCC;
}
.imagecarosel .slick-slide:nth-child(odd) a {
    display: block;
    border-right: 0px solid #FFF;
    border-left: 0px solid #FFF;
}
.imagecarosel  a:hover {
    text-decoration: none;
}
.imagecarosel img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s ease-in;
}
.imagecarosel span:hover {
}
.imagecarosel img:hover {
}

/*product image carosel*/


.main .container > .right .main_content .content .left .imagecarosel {
    width: 100%;
    display:block;
    position:relative;
    margin-top: 0
}
.main .container > .right .main_content .content .left .imagecarosel .slick-prev, .main .container > .right .main_content .content .left .imagecarosel .slick-next {
    left: -8px;
    position: absolute;
    top: 47%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    border: none;
    outline: none;
    text-align: -moz-left;
    z-index:999;
    width:20px;
    height:40px;
}
.main .container > .right .main_content .content .left .imagecarosel .slick-next {
    left: 100%;
}

.main .container > .right .main_content .content .left .imagecarosel .slick-dots {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    top: 105%;
    left: 51%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
.main .container > .right .main_content .content .left .imagecarosel .slick-dots li.slick-active button::before {
    opacity: 1;
    color: #CCC;
    font-size: 12px;
}
.main .container > .right .main_content .content .left .imagecarosel .slick-dots li button::before {
    opacity: 1;
    color: #7E7E7E;
    font-size: 9px;
}
.main .container > .right .main_content .content .left .imagecarosel .slick-prev::before,.main .container > .right .main_content .content .left  .imagecarosel .slick-next::before {
    font-family: 'FontAwesome';
    font-size: 27px;
    line-height: 1;
    opacity: 1;
    color: #233061;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.main .container > .right .main_content .content .left .imagecarosel .slick-next::before {
    content: "\f105";
}
.main .container > .right .main_content .content .left .imagecarosel .slick-prev::before {
    content: "\f104"
}
.main .container > .right .main_content .content .left .imagecarosel .slide {
    margin-right: 5px;
    margin-left: 5px;
    border:1px solid #ededed;
    display:block;
    position:relative
}
.main .container > .right .main_content .content .left .imagecarosel .slide:after {
     
     content: '';
    position: absolute;
    bottom: 0;
    background: url(../theme/third-row-product-shadow.png) center bottom no-repeat;
    width: 100%;
    height: 14px;
    clear: both;
    background-size:65%;
    opacity:.3


}
.main .container > .right .main_content .content .left .imagecarosel span {
    color: #ed2128;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    padding-top: 22px;
    padding-bottom: 22px;
    background: #FFF;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s ease-in;
}
.main .container > .right .main_content .content .left .imagecarosel span.text {
    color: #707070;
    text-shadow: 1px 1px #CCC;
    font-weight: 400;
    font-size: 13px;
    padding-top: 0px;
}
.main .container > .right .main_content .content .left .imagecarosel .slick-slide:nth-child(even) a {
    display: block;
    border-right: 0px solid #CCC;
    border-left: 0px solid #CCC;
}
.main .container > .right .main_content .content .left .imagecarosel .slick-slide:nth-child(odd) a {
    display: block;
    border-right: 0px solid #FFF;
    border-left: 0px solid #FFF;
}
.main .container > .right .main_content .content .left .imagecarosel  a:hover {
    text-decoration: none;
}
.main .container > .right .main_content .content .left .imagecarosel img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s ease-in;
}

/*.news{margin-top:70px}
.news .containercarosel img{width: 25%;float: left;}
.news .containercarosel .news_body{text-align:left; float:none; position:relative; left:20px}
.news .date{color: #D9140C;position: relative;display:inline-block; float:right; font-size:11px; bottom:-4px}
.news .containercarosel .slide a{box-shadow: none}*/

.news{margin-top:70px}
.news_h2 {position: absolute;text-shadow: none; font-weight: 400;text-transform: uppercase;right: 0;font-size: 30px;color: #000;background: none;margin: 9px 80px 0px 0px !important;}
.news .containercarosel img{width: 25%;float: left;}
.news .containercarosel .news_header{text-align:left; float:none; position:relative; left:20px; font-size:14px; font-weight:600; color:#2b2f30; margin-bottom:10px}
.news .containercarosel .news_body{text-align:left; float:none; position:relative; left:20px}
.news .date{color: #D9140C;position: relative;display:inline-block; float:right; font-size:11px; bottom:-4px}
.news .containercarosel .slide a{box-shadow: none; border:none}


/*========================================================
                                    FOOTER
=========================================================*/
footer{width:100%;height:auto;display:block;position:relative; }
footer .top-footer{width: 100%;background: url('../theme/top_footer_bg.jpg') top center no-repeat #2b2f30;height: auto; position: relative;display: block; min-height:220px; background-size:cover}
footer .top-footer .container{ width:1003px;margin:auto; height: auto;position: relative;display: block;}
footer .top-footer .container .first_row,
footer .top-footer .container .second_row,
footer .top-footer .container .third_row{padding-top: 14px; color:#F4F4F4;position: relative;font-size: 12px; height: auto;min-height: 50px;float: none; margin:auto;width: 32%;}
footer .top-footer .container .first_row .footer_logo{background: url("../theme/footer_logo.png") center no-repeat;display: block;position: relative;height: 80px}
footer .top-footer .container .third_row .menu ul{ display:table ;width: 100%; margin:auto}
footer .top-footer .container .third_row .menu ul li {float: left;}
footer .top-footer .container .third_row .menu ul li {border-left: 1px solid #2b2f30;border-right: 1px solid #50565a;}
footer .top-footer .container .third_row .menu ul li:first-child{border-left: 0px;}
footer .top-footer .container .third_row .menu ul li:last-child{border-right: 0px;}
footer .top-footer .container .third_row .menu ul li a{text-decoration: none;padding:0px 10px 0px 10px;color:#FFF;font-size: 13px;line-height: 26px; font-weight: 300;transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease; display:inline-block}
footer .top-footer .container .third_row .menu ul li a:hover{color: inherit; text-decoration:underline}
footer .top-footer .container .third_row .menu{ width:100%;text-align: left;}
footer .top-footer .container .second_row ul li{font-size: 12px; color:#8fb7d9; font-weight:300}
footer .top-footer .container .second_row .social  ul{display: table;  margin: auto; }
footer .top-footer .container .second_row .social  li{display:inline-block;position:relative;color:#CCC;font-size:18px;margin-left:5px; width: 15px;height: 15px;line-height:8px;padding:10px;float:left; background: transparent; border-radius:20px; border:2px solid #fff;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s ease-in;}
footer .top-footer .container .second_row .social  li:first-child{ margin-left:0px}
footer .top-footer .container .second_row .social  li a{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);color: #fff;}
footer .top-footer .container .second_row .social  li:hover{background: #ed1c24}
footer .top-footer .container .second_row .social  li:hover a{color:#FFF}
footer .bottom-footer{width: 100%;height: auto; min-height: 50px;}
footer .bottom-footer .container{width:1003px;margin:auto;padding:0 0 0 0; height: auto; }
footer .bottom-footer .container .copy-right{min-height: 10px; height: auto; padding-top: 15px; font-size: 12px; text-align: left;float: left; font-weight:600}
/*footer .bottom-footer .container .copy-right:hover{color:#FFF; text-decoration:underline}*/
footer .bottom-footer .container .vizyoner{color: #8a8880;min-height: 10px; height: auto;float: right;padding-top: 15px;}
footer .bottom-footer .container .vizyoner a{background:url(../theme/vizyoner.png) top no-repeat; width:46px; height:21px; float:right}
footer .bottom-footer .container .vizyoner a:hover{ background-position:bottom}

/*========================================================
                                    CssTable
                                
=========================================================*/
.scroll{
    overflow-x: scroll;
}
.feature-content img{width:50%;height: auto;}
.CSSTableGenerator {
    padding:0px;
    border:0px;
    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;
    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;
    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
    margin-bottom: 30px;
}
.CSSTableGenerator ul {
    list-style: disc;
    padding: 0 0 0 20px;
}
.CSSTableGenerator table{
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
    height:100%;
    margin:0px;padding:0px;
    overflow-x: scroll;
}.CSSTableGenerator tr:last-child td:last-child {
    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td {
    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
    font-size: 12px;
    font-weight: 600;
}

.CSSTableGenerator table tr:first-child td:last-child {
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;

}
.CSSTableGenerator table tr td:last-child {
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;
    font-size:13px;
    font-weight: 400;
}
.CSSTableGenerator table tr td:first-child {
    font-weight: 400;
    font-size: 13px;
}
.CSSTableGenerator table tr th {
    font-weight: 600;
    font-size: 12px;
}
.CSSTableGenerator tr:last-child td:first-child{
    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{

}
.CSSTableGenerator tr:nth-child(odd){ background-color:#F5F5F5; }
.CSSTableGenerator tr:nth-child(even)    { background-color:transparent; }
.CSSTableGenerator td{
    vertical-align:middle;


    border:1px solid #ededed;
    border-width:0px 1px 1px 0px;
    text-align:left;
    padding:7px;
    color:#333;
}.CSSTableGenerator tr:last-child td{
    border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
    border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
    border-width:0px 0px 0px 0px;
}


.CSSTableGenerator tr:first-child td:first-child{
    border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
    border-width:0px 0px 1px 1px;
}

/*========================================================
                                    Mobile
                                
=========================================================*/

@media screen and (max-width:1300px){
    .main .container .main_content .productcont  li{width: 24%; height: auto;}
    .main .container .main_content .image-content  li{width: 24%; height: auto;}

    .container{width: 80%!important;margin:auto;}
    
    .main .container .main_content .productcont  li {
        width: 32.7%;
        height: auto
    }

    .container {
        width: 80% !important;
        margin: auto
    }
    
        .main .container .main_content .video-content  li {
        width: 48.9%;
        height: auto;
        margin-bottom: 6%
    }
    .main .container .main_content .video-content  li:nth-child(even){
        margin-right: 0px;
        margin-left: 0.5%;
    }
    .main .container .main_content .video-content  li:nth-child(odd){
        margin-left: 0px !important;
        margin-right: 0.5%;
    }
    
    }
@media screen and (max-width:1235px){
    .container{width: 90%!important;margin:auto;}
    .main .container > .right .main_content .content .left{ width:49%}
}
@media screen and (max-width:1024px){
    .slider_container .camera_wrap{margin-top:0px; min-height: 0px;}
    .main >.full >.container >.first_row >ul >li{width:100%!important;}
    .main .full > .third_row ul.category_index li{width: 274px;height: 206px;}
}
@media all and (max-width:1030px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),only screen and (min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min-resolution:192dpi) and (max-width:1024px),only screen and (min-resolution:2dppx) and (max-width:1024px)
{
    .container{width:95%!important;margin:auto;}
    .main .container .main_content img{ width:100% !important; height:auto !important}

}
@media all and (max-width:800px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),only screen and (min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min-resolution:192dpi) and (max-width:1024px),only screen and (min-resolution:2dppx) and (max-width:1024px)
{
    
    header{ height:auto !important}
    .main .full > .third_row >.container >.left-index{width: 100%; float: none;}
.main .full > .third_row >.container >.right-index{width: 90%;float: none;padding: 1% 5% 0 5%;height: auto; margin-bottom:30px}
iframe{
    width: 100%;
    height: auto;
}
h1 {
    margin-top: 24px;
    margin-bottom: 10px;
    font-size: 22px;
    text-align: center;

}
.main > .second_row > .container > .right-index {
    padding: 0px;
}
 p img{ width:100% !important; height:auto !important; margin:0px !important}
 img{ width:100% !important; height:auto !important; margin:0px !important}
 footer .bottom-footer .container .vizyoner img{ width:inherit;}
.main .full > .third_row{min-height: 250px;}
.slider_container .camera_wrap{margin-top: 0px; min-height: 0px;}
.main >.full >.container >.first_row >ul{display: block;position: relative;margin-top: 30px;}
.main >.full >.container >.first_row >ul >li{float: none;margin-top: 0px; width: 100%;margin: auto!important}
.main >.full >.container >.first_row >ul >li:hover{
    margin-top: 0px;
    height: 165px;
}

.main .container .main_content .video-content  li {

        width: 49%;
        height: auto;
        margin:0px;
        margin-bottom: 5% !important;
        margin-left: 2% !important;
        margin-right: 0% !important;
        float: left
    }   
#cssmenux{width: 90%!important; padding: 6%!important;margin-top: 30px;}
.main .container .main_content img{ width:100% !important; height:auto !important}

footer .top-footer .container .left .address .main_adress{ background:none; padding-left:0px;text-align: center; position: relative; display: block; margin-bottom: 10px;}
footer .top-footer .container .left .address .main_phone{background:none;padding-left:0px;position: relative; display: block; margin-bottom: 10px;}
footer .top-footer .container .left .address .main_fax{background:none;padding-left:0px;position: relative; display: block; margin-bottom: 10px; }
footer .top-footer .container .left .address .main_mobile{background:none;padding-left:0px;position: relative; display: block; margin-bottom: 10px;}
footer .top-footer .container .left .address .main_mail{background:none;padding-left:0px;position: relative; display: block; margin-bottom: 10px; }
footer .top-footer .container .first_row,
footer .top-footer .container .second_row{padding-top: 0; color:#F4F4F4;position: relative;font-size: 12px; height: auto;min-height: 50px;float: none; margin:auto;width: 100%;}
footer .top-footer .container .third_row{width:22%; margin:auto}
footer .top-footer .container .third_row .menu ul li {float: none; border:none; text-align:center !important}
footer .top-footer .container .third_row .menu ul li a{ padding:0px;}
.main .container  .easyticker li{text-align: center;width: 100%;}
.main .container  .easyticker a.tick{text-align:center}
.main .container  .easyticker .date{ float:none;}
.feature-content img{width: 100%;height: auto; margin: auto;float: none;}
header .header{ height:auto}
header .top-header{height:auto;}
header .top-header .container .social{ margin:auto; width:137px; float:none; display:none !important}
.main .full > .third_row > ul.category_index{display: block;position: relative;}
.main .full > .third_row ul.category_index li{width: 30%;height: auto;}

.main .container >.left{margin:auto;}
.main .container >.right{margin:auto; margin-top:30px}
.container{width:83%!important;margin:auto;}
.main .container > .second_row h2{width: 45%;}
.main .container > .fourth_row .h2{width: 50%;}
.main .container > .third_row .left .h2, .main .container > .third_row .right .h2 { width: 40%; }
.sform input,.sform textarea{width: 100%!important;}
header .header{border-bottom: 0px;}
header .navbar-brand a.logo{background-image: url("../theme/logo.png")!important;background-size: 197px!important;height: 72px !important;margin:0 !important;width: 200px!important;}
.lang {float: right;margin:auto; display:none;text-align: center;position: relative; z-index: 999999999999;width: 76px; right:-11px}
.main >.full{}
.left{ width: 100%!important;float: none!important;margin-left: auto!important;}
.right{ width: 100%!important;float: none!important;margin-left: auto!important;}
.middel{ width: 100%!important;float: none!important;margin-left: auto!important; margin-bottom: 5%!important;}
.main  > .full > .first_row{position:relative; top:0 !important;}
.main .container .main_content .content{width: 100%; margin:auto; float:none}
.main .container .main_content .product-view  li{width: 45.5%; margin-left: auto!important;}
.main .container .main_content .product-view  li:nth-child(odd){margin-right: 9%;}
.main .container .main_content .product-view  li img{width: 90%; }
.main .container .main_content .image-view  li{width: 49.4% !important;}
.main .container .main_content .image-view  li img{width: 100%; padding: 0%; height:auto}
.main .container .main_content .image-view li:nth-child(3n+1) .img_name, .main .container .main_content .image-view li:nth-child(3n+1) {
    margin: 0.5% 0.5% 0.5 0%;}
.main .container .main_content .image-view  li:nth-child(3n+2) .img_name,
.main .container .main_content .image-view  li:nth-child(3n+2) {margin: 0.5% 0% 0.5% 0.5% }
.main .container .main_content .image-view  li:nth-child(3n+3) .img_name,
.main .container .main_content .image-view  li:nth-child(3n+3) {margin: 0.5% 0.5% 0.5% 0% }
.main .container .main_content .image-view  li:nth-child(2n+2) .img_name,
.main .container .main_content .image-view  li:nth-child(2n+2) {margin: 0.5% 0% 0.5% 0.5% }
.main .container .main_content .image-view  li:nth-child(2n+1) .img_name,
.main .container .main_content .image-view  li:nth-child(2n+1) {margin: 0.5% 0.5% 0.5% 0% }
.main .container .main_content .category-view  li{width: 49.7%;}
.main .container .main_content .category-view  li:nth-child(2n+1){margin-left: 0px}
.main .container .main_content .category-view li:nth-child(3n+1) {
    margin-left: 0;
}
.main .container .main_content .category-view li:nth-child(3n+4) {
    margin-left: 0.5%;
}
.main .container >.right  .main_content .content .right{padding-left: 0px;}
.containercarosel .slick-prev{ left: -5%; }
.containercarosel .slick-next{left:100%;}
.imagecarosel .slick-prev{ left: -10%;}
.imagecarosel .slick-next{left:100%;}
.news .containercarosel .news_body{text-align:center; float:none; position:relative; left:0px}
.news .containercarosel .news_header{text-align:center; float:none; position:relative; left:0px}
.news .date{color: #D9140C;position: relative;display:block; float:none; font-size:11px; bottom:-4px;text-align: center;width: 100px;margin:auto;}
footer .top-footer{padding-bottom: 10px;}
footer .bottom-footer{margin-top: 0px;}
footer .top-footer .container .left .footer_h2,
footer .top-footer .container .middel .footer_h2,
footer .top-footer .container .right .footer_h2{text-align: left;}
footer .top-footer .container .left .footer_h2 span{ margin-right: 0;}
footer .top-footer .container .middel .footer_h2 span{margin-right: 0;}
footer .top-footer .container .right .footer_h2 span{margin-right: 0;}
footer .top-footer .container .left,
footer .top-footer .container .right,
footer .top-footer .container .middel{padding-top:0px!important; width: 100%!important;margin:auto; padding-left:0px}
footer .top-footer .container .left .footer_h2,
footer .top-footer .container .right .footer_h2,
footer .top-footer .container .middel .footer_h2{text-align: center;}
footer .top-footer .container .left ul li{text-align: center;}
footer .top-footer .container .middel .address ul li{text-align: center;}
footer .top-footer .container .left .address{float: none!important;margin-left: auto;margin-right: auto;text-align: center;padding-top: 0px!important;}
footer .top-footer .container .right .social{float: none!important;margin-left: auto;margin-right: auto;text-align: center;padding-top: 0px!important;}
footer .top-footer .container .right .social ul {    float: none;margin-left: auto;margin-right: auto;}
footer .bottom-footer .container .footer_logo {float: none!important;}
footer .bottom-footer .container .copy-right{float: none;text-align: center;}
footer .bottom-footer .container .vizyoner{float: none;margin:auto;text-align: center;width: 46px;}
footer .top-footer .container .left .menu,
footer .top-footer .container .middel .address{ width: 100%;text-align: center;}
footer .bottom-footer .container .copy-right .logo{float: none;margin: auto; padding-right: 0px; padding-bottom: 10px;}
.main_text div{width: 100%!important;float: none!important;margin: auto!important;}
.main_text  img{display: none;}
.CSSTableGenerator {overflow-x: scroll;}
}

@media screen and (max-width:450px){
    header .top-header .container .call{padding-bottom: 10px;}
    #cssmenu #menu-button{margin-top: -60px;}
    .lang{width:48px;}
    .main .container .main_content .product-view li:nth-child(odd){margin-right: auto!important;}
    .first,.second,.third,.forth,.fifth{width: 46%!important;}
    .main .container .main_content .content{width: 100%; margin:auto;}
    .main .container .main_content .product-view li{width: 50%; margin: auto;float: left!important;margin-left: auto!important;margin-bottom: 0.5%;}
    .main .container .main_content .product-view  li img{width: 99.1% !important;}
    .main .container .main_content .image-view  li{width: 100% !important; margin: auto;float: left!important;margin-bottom: 5px; height:auto}
    .main .container .main_content .image-view li:nth-child(even){margin-left: 0px;}
    .main .container .main_content .category-view  li{width: 100%;margin-left: 0px;}
    .main .container .second_row .left .sub_right , 
    .main .container .second_row .right .sub_left {border-radius: 80px;height: 80px;width: 80px;float: none;display: none; margin:auto}
    .main .container .second_row .left .sub_left , 
    .main .container .second_row .right .sub_right{width: 100%;text-align: center;}
    .main .container .second_row .left .sub_left span, 
    .main .container .second_row .right .sub_right span{text-align: center;}
    .main .full > .third_row ul.category_index li{width: 100%;height: auto; margin:auto; margin-top:30px}
    .main .full > .third_row ul.category_index li:last-child{ margin-bottom:30px}
    .coverimg .main .container:nth-child(1){min-height:0px;}
    .main .container .main_content .news-view  li .middle_h span{ font-size:10px}
    .main .container .main_content img{ width:100% !important; height:auto !important}
    .containercarosel .slick-prev{ left: -5%; }
    .containercarosel .slick-next{left:94%;}
    .main > .second_row{    margin-top: 0px}
    .main .container .news-image { width:100%; float:none}
    .main .container .main_content .product-view .pro_bar{ width:99%}
    .main > .second_row > .container > .left-index {
    width: 90%;
    float: none;
    margin: auto;
    padding-top:3%
    }
    .main > .second_row > .container > .right-index {
    width: 90%;
    float: none;
    padding: 0px;
    color: #333;
    margin: auto;
    } 
    .main .container .main_content .category-view li:nth-child(3n+4) {
    margin-left: 0%;
}
.main .container .main_content .video-content li {
        width: 100%;
        height: auto;
        margin: 0px;
        margin-bottom: 12% !important;
        margin-left: 0% !important;
        margin-right: 0% !important;

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

    header .top-header .container .call{ padding:0; margin-right:-15px}
    }