@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: 30px; margin-bottom: 30px; }

/*========================================================
                                    HEADER styles
=========================================================*/
header .top-header .lang { display: none; 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: #00793a; height: 27px; display: block }
header .top-header .containesera r { position: relative; width: 1003px; margin: auto; }
header .top-header .container { width: 1003px; display: block; position: relative; margin: auto }
header .top-header .container .static { line-height: 27px; color: #fff; display: inline-block; position: relative ; font-weight: 600}
header .top-header .container .static .line:after { content: "|"; display: block; position: absolute; right: 0; top: 0 }
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; height: 78px; }
header .header .navbar-brand  a.logo { position: relative; display: inline-block; float: left; background-image: url("../theme/logo.png"); width: 198px; height: 67px; z-index: 99999; margin: 5px 0; background-repeat: no-repeat;}
header .header .navbar-brand  a.logo img {width: 100%; height: auto}
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: #00793a; 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;background: -moz-radial-gradient(center, ellipse cover, #f7f7f7 0%, #c9c9c9 100%);background: -webkit-radial-gradient(center, ellipse cover, #f7f7f7 0%, #c9c9c9 100%);background: radial-gradient(ellipse at center, #f7f7f7 0%, #c9c9c9 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#c9c9c9', GradientType=1);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: 4% 3% 3% 3%; color: #333; }

/*========================================================
                                    MAIN
=========================================================*/
.main .container >.left { position: relative; float: left; margin: 0px 2% 0 0; width: 25%; height: auto; background: #00793a; }
.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: #00793a; }
.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: #00793a; 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 .button:hover { background-color: #006631; 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: 34%; }
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 #5d5c5c; border-right: 1px solid #2f2e2e; }
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: #00793a; }
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 }

    header .header .navbar-brand { height: auto; }
    header .header .navbar-brand a.logo { width: 150px; background-size: 148px !important; height: 42px !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 }
    header .top-header .container .static { text-align: center }
    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; }
    .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 }
}