@font-face {
	font-family: 'Conv_HelveticaNeue_Lt';
	src: url('../fonts/HelveticaNeue_Lt.eot');
	src: local('☺'), url('../fonts/HelveticaNeue_Lt.woff') format('woff'), url('../fonts/HelveticaNeue_Lt.ttf') format('truetype'), url('../fonts/HelveticaNeue_Lt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}  
@font-face {
	font-family: 'Conv_Champion Shipmate';
	src: url('../fonts/Champion Shipmate.eot');
	src: local('☺'), url('../fonts/Champion Shipmate.woff') format('woff'), url('../fonts/Champion Shipmate.ttf') format('truetype'), url('../fonts/Champion Shipmate.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_segoeuil';
	src: url('../fonts/segoeuil.eot');
	src: local('☺'), url('../fonts/segoeuil.woff') format('woff'), url('../fonts/segoeuil.ttf') format('truetype'), url('../fonts/segoeuil.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_weblysleekuisb';
	src: url('../fonts/weblysleekuisb.eot');
	src: local('☺'), url('../fonts/weblysleekuisb.woff') format('woff'), url('../fonts/weblysleekuisb.ttf') format('truetype'), url('../fonts/weblysleekuisb.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
        margin: 0px;
        padding:0;
     font-size: 14px;
        font-family: 'latolight';
     height: 100vh;
    font-family: 'roboto';
    }
    
 html, 
body {
     -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    font-size: 16px;
    
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }
    

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    menu,
    nav,
    section,
    summary {
        display: block;
    }
    
    input,
    textarea,
    button, select {
        border: 1px solid #d0d0d0;
        
    }

input[type=submit],input[type=button]{ cursor: pointer} 
    
    * {
        margin: 0px;
        padding: 0px;
        
    }
    
    a {
        text-decoration: none;
        color: #000;

    }
    
    a img {
        border: 0px;
    }
    
    ul {
        list-style: none
    }
    
    .left {
        float: left;
        position: relative;
        margin-left: 10px;
    }
    
    .right {
        float: right;
        position: relative
    }
    
    .clearfix:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }
    
    
    .clearfix {
        display: block;
    }
    
    .container {
      width: 1200px;
        margin: 0px auto;
        position: relative;
        padding-bottom: 50px;
}
.maT20{ margin-top: 20px !important;}
.maB30 { margin-bottom: 30px;}
.paL20{margin-left: 20px  !important;}
.paT0{ padding-top: 0 !important}
.colorBlack{ color: #000  }

header{ height:80px;  background-color: #fff; border-bottom: 1px solid #d0d9f1; padding: 0 15px;  }
.logo{ padding-top: 15px;}
.logo a{ margin-right: 10px;}

.menu a{float: left}
.menu a.compMenu{ margin-left:80px; margin-top: 30px; font-size: 14px; color: #0c4fa3; margin-right: 10px}
.menu a.compMenu img{ margin-left: 10px;}

.barsep{ font-size: 24px;  color:#ccc; margin:5px; }
.headSearch{ width: 64%; margin: 0px auto; position: absolute;top:26px; left: 19%; height: 35px; color:#0c4fa3;}
.headSearch ul li{ display: table-cell; font-size: 16px}



.headSearch ul li a{ color: #0c4fa3; padding: 5px 10px; display: block; height: 33px;text-align:center; }
.headSearch ul li a:hover{color: #ef3c2b;text-align:center;}

/**.headSearch ul li:last-child{ float: right;  background-color: #0c4fa3; border-radius: 0 6px 6px 0; }
.headSearch ul li:first-child{padding:7px;}
.headSearch ul li:nth-child(2){ }
*/

.homeBanner{ width: 100%; position: absolute; top:80px; bottom: 35px; background-position: center bottom; background-repeat: no-repeat; background-size:90%; z-index: -1;}
.homeBanner div{ background-size: cover !important}
.slItem{ background-size:contain}
.fullSlidetext .slText{ top:initial; bottom: 15%;}
.fullSlidetext .slText h2 { font-weight: bold !important;}
.fullSlidetext .slText p{text-shadow: 2px 2px #000;}
.fullSlidetext .slText h2 span{ display: block; margin-left: 15px; font-size:45px !important}
.fullSlidetext h2 span{ !important; font-weight: bold !important}
.fullSlidetext h2,.fullSlidetext p{ color: #fff !important}




.slText h2{ color:#0d4da2; font-size:70px; font-weight: normal; margin-bottom:15px}
.slText h2 span{ display: block; margin-left: 140px}
.slText p {color: #333333; font-size: 18px; margin-bottom: 40px;}

.slText {top: 30%;}

nav{ position: fixed; right:-300px; width: 230px; top:0; bottom:0; background-color: #ef3c2b; z-index: 1111}
.nav a, .nav label {
  display: block;
 padding: 1.60rem;
  color: #fff;
 
  box-shadow: inset 0 -1px #c43123;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
}

.nav a:focus, .nav a:hover, .nav label:focus, .nav label:hover {
  color: rgba(255, 255, 255, 0.5);
  background: #b32d20;
}

.nav label { cursor: pointer; }

/**
 * Styling first level lists items
 */

.group-list a, .group-list label {
  padding-left: 2rem;
  background: #c43123;
  box-shadow: inset 0 -1px #c43123;
}

.group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover { background: #b32d20; }

/**
 * Styling second level list items
 */

.sub-group-list{ display: none}

.sub-group-list a, .sub-group-list label {
  padding-left: 4rem;
  background: #c43123;
  box-shadow: inset 0 -1px #c43123;
}

.sub-group-list a:focus, .sub-group-list a:hover, .sub-group-list label:focus, .sub-group-list label:hover { background: #b32d20; }

/**
 * Styling third level list items
 */

.sub-sub-group-list a, .sub-sub-group-list label {
  padding-left: 6rem;
  background: #c43123;
  box-shadow: inset 0 -1px #c43123;
}

.sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover { background: #c43123; }
.group-list span.fa-angle-right{ display: none !important}
/**
 * Hide nested lists
 */

.group-list, .sub-group-list, .sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
}
.nav__list{ margin-top: 20px;}
.nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
max-height: 1000px; }

/**
 * Rotating chevron icon
 */

label > span {
  float: right;
  -webkit-transition: -webkit-transform .65s ease;
  transition: transform .65s ease;
}

.nav__list input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.closeMenu{ float: right; margin-right: 10px; margin-top: 10px; cursor: pointer}



/*Inner Page css*/

.gradecontainer {
	width:1200px;
}

.gradedivimg {
    float: left;
    width: 200px;

	margin:10px;

}
.toolsdieimg {
    width: 210px;
	margin:0px;
}

.mediathumbimg {
    width: 285px;
	margin:0px;
}

.mySlides {
    width: 100%;
	margin:0px;
}

.leftbuttongallery {
	font-size:32px;
}

.w3-display-left{position:absolute;top:50%;left:2%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:2%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#0c4fa3!important}

.w3-content{max-width:980px;margin:auto}
.w3-rests{overflow:hidden}
.w3-display-containers {
    position: relative;
}

.w3-btn, .w3-button {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

div.toolsdieimg2 {
    float: left;
	text-align:left;
	margin-left:20px;
	margin-bottom:20px;
}
div.mediaimg {
    float: left;
	text-align:left;
	margin-left:0px;
	margin-right:25px;
	margin-bottom:20px;
}

.gradedivtxt {
    float: left;
    width: 48%;
    margin: 10px;
    border: 1px solid #ccc;
}
.gradedivtxtin {
    width: 100%;
	padding:10px;
	font-size:14px;
}
.readmoretxtin {
	padding:5px;
	float:right;
	background: #064fae;
	font-size:12px;
    color: white;
    border-radius: 4px;

    padding-left: 2%;
    padding-right: 2%;
}
.tabledataimg {
	width:98%;
	height:550px;
	overflow-y:scroll;
	
}

.tabledataimg_1 {
    width:98%;
    height:auto;
    overflow-y:scroll;

}





.tabledataimg p {	
	text-align:left !important; 
	margin:20px;
}

.tabletdalignleft td {
	text-align:left;
	border: 1px solid #ccc;
	padding:6px;
}

.tabletdalignleft {
	width:96%;
	margin:20px;
		font-size:16px;
}



.gradient{background: rgba(219,245,252,1);
background: -moz-linear-gradient(top, rgba(219,245,252,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(219,245,252,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(219,245,252,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(219,245,252,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(219,245,252,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(219,245,252,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbf5fc', endColorstr='#ffffff', GradientType=0 ); background-repeat: repeat-x}
.innerData {padding-top: 70px;}

.innerData ul.data li{ width: 50%; float: left; }
.innerData ul.da li{ width:100%; float: left;    margin-left: 2%; }
.innerData ul.data li div.viewTbl{ padding: 0 20px;}
.innerData ul.data li div {padding: 0 30px;}
.innerData ul.data li:last-child div{ padding-right: 0; margin-bottom:20px;    }
.innerData h1{ font-size: 60px; padding-bottom: 15px; color: #0c4fa3; font-weight: bold; line-height: 55px}
.innerData h1 span{ display: block; font-size: 30px; font-weight: normal;}
.innerData ul.data li div.viewTbl p{ font-size: 16px; line-height: 22px; padding-bottom: 30px;}
.innerData ul.data li:first-child div{ padding-left: 0}
.innerData ul.data li div.viewTbl ul{  padding-left: 15px;}
.innerData ul.data li div.viewTbl ul li { width: 100%; font-size: 14px; padding-bottom:10px; font-weight: bold; list-style: circle}
.innerData ul.data li div.viewTbl ul li span{ display: block; font-weight: normal}
.innerData ul.data li div.viewTbl h2{ color: #0c4fa3; font-weight: normal; padding-bottom: 15px; font-size: 30px;}

.innerData ul.data li ul{ }
.innerData ul.data li div.statictext ul{ margin-bottom: 30px;}
/*.innerData ul.data li div.statictext ul li {padding-left: 20px; width: 100%; line-height:25px; padding-bottom: 15px; background-image: url('../images/bullets.png'); background-repeat: no-repeat; background-position: 0px 5px;}*/
/*.innerData ul.data li div.statictext ul li {padding-left: 20px; width: 100%; line-height:25px;  background-image: url('../images/bullets.png'); background-repeat: no-repeat; background-position: 0px 5px;}*/

.innerData p{ font-size: 16px; line-height: 21px; margin-bottom: 20px;}

.innerData h2 span{ display: block; font-size: 22px; font-weight: normal;}

.innerData span.txtred{ display: block; font-size: 22px; font-weight: normal; color:red;}
.innerData span.txtblk{ display: block; font-size: 22px; font-weight: normal;}
.innerData span.txtblu{ display: block; font-size: 22px; font-weight: normal; color:#0c4fa3;}


ul.breadcrumb {
    padding:5px 16px;
    list-style: none;
   border-bottom: 1px solid #d0d9f1;
    background-color: #fff;
    font-size: 12px;
}

/* Display list items side by side */
ul.breadcrumb li {
    display: inline;
    color: #999999;
}

ul.breadcrumb li:last-child{ color: #0d4da2} 

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: ">";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
    color: #999999;
    text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
}

.btn{ background-color:#ee3c2b; padding:7px 15px; border-radius: 6px; margin:0px 0 15px 10px; color: #fff; border: 0; font-size: 13px; }
.viewTbl{ position: fixed; top:0; right:0; bottom:0; left: 0; background-color:rgb(0,0,0,0.9); z-index: 11; display: none}
.viewTbl div{ padding-left: 0 !important;}

.viewTbl div.gms{ width: 751px;  background-color: #fff; text-align: center; margin: 0px auto; padding-bottom:10px; position: absolute; top:50%; margin-top: -250px; left: 50%; margin-left: -374px; border: 4px solid #0c4fa3; display: table; padding-left: 0 !important;}
.viewTbl div.gms h3{ color: #0c4fa3; font-size: 16px; margin-top: 2%; font-weight: normal; margin-bottom: 6px;}
.viewTbl div.gms ul{ margin:10px 10px; text-align: center}
.viewTbl div.gms li{ list-style: none !important; border-radius: 3px; cursor: pointer;  padding: 0px !important;  border: 0px solid #0c4fa3;  margin:0px 0px 3px; height: 30px; display: inline-block; float: inherit !important}
.viewTbl div.gms li a{line-height:30px; vertical-align: middle; display: block; color: #fff; font-size:15px;}
.viewTbl div.gms li a font{ font-size: 10px;}
.viewTbl div.gms li:hover{ background-color:#0c4fa3; color: #fff }

.popuptablehd{ font-size: 16px; background-color: #0c4fa3; color:#fff; font-size: 20px; font-weight: normal; margin-bottom: 20px; line-height:42px;}

.popuptablehd2{ font-size: 16px; color:#0c4fa3; font-size: 40px; font-weight: normal; margin-bottom: 20px; line-height:42px; text-align:left; margin-left:20px; margin-top:20px;}

.div.gms div#thumbnails{ padding: 0 !important}

#lightbox-container-image-data-box{ display: none !important}


.clspopup{ position: absolute; cursor: pointer; right:0;}
.clspopupred{ position: absolute; cursor: pointer; right:15px;}


/*Certification CSS*/
.certificationBox li{ width: 25% !important}
.certificationBox li div{ padding-left: 0 !important}
.certificationBox li img{ margin-bottom:10px; width: 70%; box-shadow: 4px 4px 4px grey;}
.certificationBox li span{ display: block; padding-right: 30px; font-size: 11px;}


.event{margin-left:-10px;}
.event li{ float: left; width: 20%; margin-bottom: 20px;}
.event li div{ border:0px solid #ccc; margin: 10px;}
.event li div h2{ font-weight: normal; padding-bottom: 10px; font-size: 18px;}
.event li div img{ width: 100%; }
.event li div p{  padding: 15px; padding-left: 0; font-size: 14px }
.event .thumbnails{overflow: hidden; height: 165px; }


.cl-form p{ line-height: 22px }
.cl-form li{ float: left; color: #fff}
.cl-form h1{  color: #fff}
.cl-form h2{ font-size: 18px; margin-bottom: 15px;}
.cl-form li:first-child{ width: 34%}
.cl-form li:last-child{ width: 66%}
.cl-form li:last-child div{ padding-left: 100px;}
.cl-form h3{ margin: 60px 0 30px; }
.cl-form table{ border-radius: 20px}
.cl-form table th{ background-color: #0c4fa3 !important; padding: 15px !important; font-weight: normal; }
.cl-form table th:first-child{border-radius: 20px 0 0 0 }
.cl-form table th:last-child{border-radius: 0 20px 0 0 }

.cl-form table td{ padding: 15px; background-color: #2561ac; font-size: 14px; border: 1px solid #0c4fa3}
.cl-form table tr:last-child td:first-child{border-radius: 0 0 0 20px}
.cl-form table tr:last-child td:last-child{border-radius: 0 0 20px 0 }


.contactus label, .contactus p{ float: left; width: 50%}
.contactus  li:last-child p{ margin-bottom: 13px;}
.contactus label{  font-weight: bold; padding: 0 40px 0 0  }

.contactus .form .item{ padding: 0; padding-bottom: 25px; position: relative}
.contactus .form .item input[type=text], select{ width: 50%; padding: 0 10px; height: 35px; border:1px solid #ccc}
.contactus .form .item textarea{ width: 50%; height: 80px; padding: 10px}
::placeholder{ font-family: arial}
.contactus .form .item [type=submit]{ width: 100px; height: 35px; background-color: #ef3c2b; color: #fff; border: 0; border-radius: 6px }
.contactus .form .item label.error{ color: red; font-size: 12px; position: absolute; bottom:7px; left: 0; font-weight: normal}


.masterBatch{ margin-bottom: 10px; padding-top:8px; }
.masterBatch li{ width: 120px !important; height: 120px; margin-right: 20px; border-radius: 50%; background-color: #0c4fa3; float: left; list-style: none !important; text-align: center; color: #fff; cursor: pointer; padding-bottom: 0 !important; margin-bottom: 26px;}
.masterBatch li span{ display: table-cell !important; height: 120px; vertical-align: middle; width: 120px; }
.masterBatch li div, .masterBatch li div ul{ padding: 0 !important}
.masterBatch li div a{ color: #fff}


.innerData ul.data li div .viewTbl .pvcTable{ position: absolute; background-color: #fff; padding:15px !important; width: 900px; left: 50%; margin-left: -450px; top:10%; bottom: 10%;border: 4px solid #0c4fa3;}
.tblData{overflow-y: auto; overflow-x: hidden; height: 600px; padding: 0 !important}
.pvcTable table th{ background-color: #d5d5d5; padding: 10px;}
.pvcTable table td{  padding: 10px; font-size: 14px}
.pvcTable table tr:nth-child(odd){ background-color: #f1f1f1}
.pvcTable .clspopup{right: -50px;
top: -32px;
}

.mblBg{ display: none; margin-bottom: 15px}

.petLeft{ width: 35% !important}
.petRight{ width: 65% !important}

.remark span{ display: block; padding-left: 10px; margin-top: 10px}

/*Footer CSS*/
/*footer{ position: fixed; bottom:0; text-align: center; left: 0; right:0; padding: 10px 0; border-top:1px solid #d0d9f1; font-size: 12px; background-color: #fff}*/
footer{bottom:0; text-align: center; left: 0; right:0; padding: 10px 0; border-top:1px solid #d0d9f1; font-size: 12px; background-color: #fff; height:5%;}


.viewTbl div.gms .extraLg li{ width: 40% !important}

/*.innerData ul.data li div ul.blowMolds li{ width: 100%; font-weight: bold; margin-bottom: 30px}*/
.innerData ul.data li div ul.blowMolds li{ width: 100%; font-weight: bold;}

.innerData ul.data li div ul.blowMolds li span{ display: block; padding-top: 5px; font-weight: normal}


#jquery-script-menu {
position: fixed;
height: 90px;
width: 100%;
top: 0;
left: 0;
border-top: 5px solid #316594;
background: #fff;
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
z-index: 999999;
padding: 10px 0;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

.jquery-script-center {
width: 960px;
margin: 0 auto;
}
.jquery-script-center ul {
width: 212px;
float:left;
line-height:45px;
margin:0;
padding:0;
list-style:none;
}
.jquery-script-center a {
	text-decoration:none;
}
.jquery-script-ads {
width: 728px;
height:90px;
float:right;
}
.jquery-script-clear {
clear:both;
height:0;
}

.zoomImg{ display: none; position: absolute }
.easyzoom { position:fixed !important; z-index: 1111; overflow: initial !important; background-color: #fff;  top:5%; width: 1020px;left: 50%; margin-left: -510px; padding: 10px; }
.overlayZoom{ position: fixed; background-color: rgba(0, 0, 0, 0.9); left:0; top:0; right:0; bottom: 0; z-index: 1110}
.zoomImg .clspopup2{ z-index: 1111; top:20px; position: fixed; right:20px;position: fixed; cursor: pointer; right:20px }
.zoomImg .buttons { padding: 0 0 10px 0!important; }
.zoomImg .buttons button{ border: 0; margin: 0 10px; cursor: pointer; background: none}

.slider {
    width: 100%;
    height: 100vh;
    position: relative;a:hover
}

.slItems {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.slItem {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden;
    -webkit-backface-visibility: hidden;  
    backface-visibility: hidden;
}

.slText {
    position: absolute;
    padding-left: 5%;
  /*  font-family: 'Quicksand', sans-serif; */
	font-family: 'Roboto', sans-serif;
}

.fullSlidetext .slText {
    position: absolute;
	padding-left: 0 !important;
    font-family: 'Quicksand', sans-serif;
}

.slideImg{ float: right}
.fullSlidetext .slideImg{ margin-top: 9%; }
.slider [class*="ctrl"] {
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 85px;
    font-weight: bold;
    cursor: pointer;
}

.ctrlNext {
    right: 50px;
}

.ctrlPrev {
    left: 50px;
}

.slItem.active {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

.next, .prev {
    transition: transform 0.7s ease-in-out;
    -webkit-transition: -webkit-transform 0.7s ease-in-out;
    -moz-transition: -moz-transform 0.7s ease-in-out;
    -o-transition: -o-transform 0.7s ease-in-out;
    -ms-transition: -ms-transform 0.7s ease-in-out;
}

.slItem.nextItem {
    opacity: 1;
    visibility: visible;
    transform: translate3d(100%,0, 0);
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    -o-transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
}

.slItem.nextItem.next, .slItem.prevItem.prev {
    transform: translate3d(0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

.slItem.active.next {
    transform: translate3d(-100%,0,0);
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
}

.slItem.prevItem {
    opacity: 1;
    visibility: visible;
    transform: translate3d(-100%,0,0);
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
}

.slItem.active.prev {
    transform: translate3d(100%,0,0);
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    -o-transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
}

.slDots {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%,  0);
    -ms-transform: translate(-50%, 0);
}

.slDotsSingle {
    width: 13px;
    height: 13px;
    float: left;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    margin-left: 5px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.slDotsSingle.active {
    background: #FFFFFF;
}

.slDotsSingle:hover {
    background: #D0D0D0;
    border-color: #D0D0D0;
}

.visible-mbl{ display: none}


.news{ margin-bottom: 15px;}
.news span{ display: block; color: #666; font-size: 13px;}
.news h2, .news a{display: inline-block}
.news a {  margin-left: 20px;}

.clsurs{ height: initial}

.panzoom{ text-align: center}
.panzoom img{ height: 689px; }

::placeholder{ font-family: arial; font-size: 13px;}

#sucmessage{ padding-left: 0; padding: 10px; background-color: #f1f1f1; margin-bottom: 10px; }


.font{
    font-size: 16px;
    color: black;
}


/*ul { content:"•"; font-size: 20%; line-height: 2;}*/
/*ul li{*/
    /*font-size: 0.90em;*/

/*}*/

/*ul li p{*/

    /*font-size: 1.333em;*/

/*}*/