@import "color.css.less";


body {
	background: @colorC3 ;
	font-weight:bold;
  margin:0;
  position: relative;
 font-family:arial;
 
}


.flex-row{
   display: -webkit-flex; /* Safari */
   -webkit-flex-direction: row; /* Safari 6.1+ */
   -webkit-flex-wrap: wrap; /* Safari 6.1+ */


   display: flex;
  flex-direction: row;
  flex-wrap:wrap;
 }

.flex-row-reverse{
  display: -webkit-flex; /* Safari */
  -webkit-flex-direction: row-reverse; /* Safari 6.1+ */
  -webkit-flex-wrap: wrap; /* Safari 6.1+ */

  display: flex;
  flex-direction: row-reverse;
  flex-wrap:wrap;
 
}



body a {
	color:@colorA1;
	text-decoration:none;
	}
body a:hover{
	color:@colorA2;
}

#center {
	max-width: 1060px;
	margin: 15px auto;
	background: #fff;
	padding:10px;
	box-shadow: 0px 0px 12px @colorC1;
}


.header-wrapper {
  width:100%;
  background: @colorA1;
   border-top:2px solid @colorA2;

  border-bottom:2px solid @colorA2;

  }


.header{
max-width: 1080px;
margin: auto;
}

.header-logo {
 
    background: @colorA2;
 }
.header-logo #image-lc{
 margin:auto;
 max-width:98%;
 max-height:44px;
  
}

.header-logo #image-sc{
 margin:auto;
 max-width:98%;
 
  
}


.toolbar-option {
    background: @colorC2;  
    padding:8px 1%;
    width:98%;
    margin-bottom:10px;
}







.footer-wrapper {
  width:100%;
  background: @colorA1;
  padding:10px 0;
 }


 footer {
  display:block;
  text-align:center;
  max-width: 1080px;
  margin: auto;
  color:  @colorAInverse;
  padding:10px 0;
  
  background: @colorA2;
   
  a{ color:  @colorAInverse; &:hover{ color:@colorAInverse; opacity:.8 } }
  
}
 
 
.site{
  
&:extend(.flex-row);

}






 




 

 
.site-content {
  width: 850px;
  
  margin:0;
}

.site-content  img {
  max-width:100%
}







.right {
  
float:right;  
} 
.left{
  float:left;
}

.text-right{
  text-align:right;
}
.text-left{
  text-align:left;
}


.text-center{
  text-align:center;
}

.text-justify{
  text-align:justify;
}


.text-rtl{
 direction:rtl;
}

.text-ltr{
 direction:ltr;
}

.text-color-a{
  color:@colorA1;
}

.text-color-b{
   color:@colorB1;
}

.text-color-c{
  color:@colorC1; 
}
.text-color-warm{
    color:@colorWarmDark1;

}
.text-color-success{
  color:@colorSuccessDark1;
}


 
 
.typcn{
 
 
  
 }
.typcn-small{
	font-size:12px !important;
	} 
.typcn-medium{
font-size:18px !important;
} 
 
 .typcn-large{
font-size:24px !important;

} 




.form-caption{
width:98%;
padding:1%;
background:@colorA1 ;
color:@colorAInverse;
}
.form-unit{
 &:extend(.flex-row);

width:98%;
clear:both;
background:@colorC3;
padding:1%;
overflow:hidden;
border-bottom:4px solid @colorC2;


 

}

.form-wysiwyg-option a {
   
  cursor:default;
}

.form-unit img{
 max-width:100%; 
}

.form-unit-title{
  float:right;
  width:29%;
  height:30px;
  padding:10px 1% 0 0;
  background:@colorC2;
  
  
}


.form-unit-textarea-title{
  float:right;
  width:29%;
  height:100px;
  padding:10px 1% 0 0;
  background:@colorC2;
  
  
} 
 
.form-unit-field{
  float:right;
  width:70%;
   
  
}


input{
padding:5px 0%;
width:100%;
height:30px;
font-weight:bold;
border:0;
box-shadow: inset 0 0 2px 1px @colorA1;
text-indent:10px;
}

input[type="file"]{
  
  box-shadow: inset 0 0 0  ;

}
input[type="url"]{
direction:ltr;
 
}

input[type="checkbox"] , input[type="checkbox"]:focus{
    margin-top:10px;
    width:20px;
    height:18px;

   box-shadow: inset 0 0 0  ;
}

textarea{
padding:5px 1%;

width:98%;
height:100px;
font-weight:bold;
border:0;
box-shadow: inset 0 0 2px 1px @colorA1;

}

 

input:focus ,textarea:focus {
outline:none;
box-shadow: inset 0 0 2px 1px #27ae60;
}

select {

font-weight:bold;
border:0;
box-shadow: inset 0 0 2px 1px @colorA1;
width:160px;
height:40px;  
text-indent:10px;

}





.button {
border:0;
font-weight:bold;


 }
 
.button-small{
padding:5px 10px 3px 10px ;
height:30px;
 }
.button-medium{
padding:10px 20px 6px 20px ;
height:40px;
}
.button-large{
padding:15px 20px 9px 20px ;
height:50px;
 }

.button-style-a{
background-color: @colorA1;
color:@colorAInverse;	
border-bottom:4px solid @colorA1;
&:hover { border-bottom:4px solid @colorA2;  cursor: pointer; }

}
.button-style-b{
background-color: @colorB1;
color:@colorBInverse;	
border-bottom:4px solid @colorB1;
&:hover { border-bottom:4px solid @colorB2;  cursor: pointer; }
}
.button-style-c{
background-color: @colorC3;
color:@colorCInverse;	
border-bottom:4px solid @colorC3;
&:hover { border-bottom:4px solid @colorC2;  cursor: pointer; }
}

.button-style-warm-dark{
background-color: @colorWarmDark1;
color:@colorWarmDarkInverse; 
border-bottom:4px solid @colorWarmDark1;
&:hover { border-bottom:4px solid @colorWarmDark2;  cursor: pointer; }
}

.button-style-success-dark{
background-color: @colorSuccessDark1;
color:@colorSuccessDarkInverse; 
border-bottom:4px solid @colorSuccessDark1;
&:hover { border-bottom:4px solid @colorSuccessDark2;  cursor: pointer; }
}
 


.table_a {
	width:100%
	
}
.table_a td {
  padding: 6px 3px;	
    word-break:break-all;
}
.table_a tr:nth-child(even){
	background-color:@colorC3;
	
	
}
.table_a tr:nth-child(odd){
	background-color:@colorC2;
	
	
}

.table_a tr.warm{
	background-color:@colorWarmLight;
 
	
	
}
.table_a tr.success{
	background-color:@colorSuccessLight;
	
	
}



.table_a tr th {
	background-color:@colorA1;
	color:#fff;
	padding:8px 4px;
	

}

.table_a .thumb-imgae {
margin-left:4px;
width:40px; 
height:30px;
float:right;
}

.app_option {
  &:extend(.flex-row);
width:98%;
list-style: none;
overflow: hidden;
clear:both;
padding:1%;
margin:0 0 10px 0;
background-color: @colorC2;
}

.app_option li a {
  display:block;
 	margin:4px;
	padding:5px 20px  1px 20px;
	background-color:@colorA1;
	color:#fff;
	border-bottom: 4px solid @colorA1;
}

.app_option li a:hover {
	border-bottom: 4px solid @colorA2;
}
 
 




.mainBlock {
background-color:@colorC3;
width:98%;
padding:1%;	
	
}


.panel{
width:100%;
margin-bottom:10px;

}
.panel .panel-title {
	color:#fff;
	background-color:@colorA1;
	overflow:hidden;
	width:98%;	
	clear:both;
	padding:10px 1%;
}


.panel .panel-title h1 , .panel .panel-title h2 , .panel .panel-title h2 {
font-size:inherit;
padding:0;
margin:0;
}

.panel .panel-title a {
	color:#fff;
}

.panel .panel-title a:hover{
opacity:.8;
}
.panel .panel-title button {
	height:28px;
	padding:6px 10px;
	margin:-4px 0 -4px -4px ;
}


.panel .panel-content {
  	width:98%;	
  	overflow:hidden;
  	clear:both;
  	padding:1%;
	box-shadow: inset 0 0 1px 1px @colorA1;
}




.pages ul {
  &:extend(.flex-row);
	list-style:none;
	padding:0;
	margin:0;
	clear:both;
}

.pages ul li a {
display :inline-block;
padding:5px;
margin:2px;
background-color:@colorC2;
border:1px solid @colorC2;	
}
 .pages ul li a:hover{
 opacity:.8;
 border:1px solid @colorA2;
 }
 
 .pages ul li .active-page{
  border:1px solid @colorA2;
	background-color:@colorA2;
	color:#fff;
 }




.note-success {
margin:10px 0;
padding:1%;
text-align:center;
width:98%;
background:@colorSuccessLight;
display: none;

	
}

.note-warm {
margin:10px 0;
padding:1%;
text-align:center;
width:98%;
background:@colorWarmLight;
display: none;
}	


.note-info {
margin:10px 0;
padding:1%;
text-align:center;
width:98%;
background:@colorC3; 
} 	




 


 







.breadcrumb {
  padding:10px 1%;
  width:98%;
  background:@colorC2;
 clear:both;
 margin-bottom:10px;
 
 }
.breadcrumb a {
    display: inline;
}


 
.breadcrumb a+a:before {
    content:" \00a0 / \00a0 ";
    color:@colorC1;
}


.breadcrumb .active {
   color:black;
   opacity:.7;
}


.socialicon{
  height:32px; 
  margin:0 5px;
  transition: transform .6s ease-in-out;
  display : block;
}

.socialicon:hover{
 
  transform:   rotate(360deg);
 
}





.content-caption {
    &:extend(.flex-row);
    
      flex-wrap:nowrap;
      -webkit-flex-wrap: nowrap;
      
  background-color:@colorA2;
   padding:10px;
    height:30px;
 
    margin : 0 0 10px 0;
}
.content-caption-side {
  background-color:@colorA1; 
 
  display:inline-block;
  width:10px;
  margin:-10px;
}

.content-caption-text{
  padding:5px;
  margin:0 10px;
  color:@colorAInverse;
}








 
/* loading-box */

.loading-box {
  margin: 20px auto ;
  width: 70px;
  text-align: center;
  clear:both;
}

.loading-box > div {
  width: 18px;
  height: 18px;
  background-color: @colorA2;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.loading-box .loading-box-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loading-box .loading-box-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}







/* nav menu */
.site-menu {
background-color: @colorA1;


 }
 
 .site-menu-prevent-overflow-onload{
   max-height:43px;
   overflow:hidden;
   
 }
 
.site-menu  .nav-home-link{
  background: @colorA2;
  &:hover{   background: @colorSuccessDark1;  }
}
.site-menu .nav-home-icon{
  display:block; 
  margin-top:-6px;   
  margin-bottom:-2px;  
}
 
.site-menu ul {
margin:0;
padding:0;
list-style: none;
position: relative;

&:extend(.flex-row);
transition: visibility 0s, opacity .8s  ;

  } 

.site-menu ul:after {
    content: ""; 
    clear: both; 
    display: block;
  }
  
 
  
.site-menu ul ul {
display: block;
  visibility: hidden;
 z-index:5;
 opacity: 0;

}
.site-menu ul li:hover > ul {
  visibility: visible;
 opacity: 1;
  } 

.site-menu ul li.hidden{
  display:none;
 

}
 
.site-menu ul li.hidden a[rel="more-button"]{
  border:0; 
   text-align:center;
 
}

.site-menu ul li:hover {
background: @colorA2;

}

.site-menu ul li:hover a {
color: @colorAInverse;
box-shadow: 0px 0px 2px @colorA1;

}
  
.site-menu ul li a {
display: block;
padding: 14px 10px 0 10px;
color: @colorAInverse;
border-left: solid 1px @colorA2;
min-height:30px;
 
  }
  
.site-menu ul ul {
position: absolute;
background: @colorA1;
}
.site-menu ul ul li {
float: none; 
position: relative;

}

 
.site-menu ul ul li a {
   min-width:130px;
  
 } 
.site-menu ul ul li a:hover {
background: @colorA2;
box-shadow: 0px 0px 2px @colorA1;


}
      
.site-menu ul ul ul {
position: absolute;
top:0; 

 }



/*
 * site menu for mobile
 */

.site-menu-float {
position:absolute;
top:0;
left:0;
right:0;
width:90%;
height:auto;
color:@colorC3;
background-color:rgba(0,0,0,0.78);
padding:5%;
z-index:100;
min-height:100%;
 
}

.site-menu-float-button{
  cursor: pointer;
   color:@colorCInverse;
   padding:4px 2px 4px 2px ;
    margin:auto;  
}
 


.site-menu-float-close-icon {
 margin:0 0 12px 0; 
 display:inline-block;
 cursor:pointer;
}


.site-menu-float ul {
margin:0;
padding:0;
list-style: none;
position: relative;
 transition: visibility 0s, opacity .8s  ;
 background: @colorA1;

 } 

.site-menu-float ul:after {
    content: ""; 
    clear: both; 
    display: block;
  }
  
 
  
 





.site-menu-float ul li:hover {
background: @colorA2;

}

.site-menu-float ul li:hover a {
color: @colorAInverse;
 
}
  
.site-menu-float ul li a {
display: block;
padding: 14px 10px 0 10px;
color: @colorAInverse;
border-bottom: solid 1px @colorA2;
min-height:30px;
 
  }
  
.site-menu-float ul ul {
background: @colorA1;
}
.site-menu-float ul ul li {
float: none; 
position: relative;

}

 
.site-menu-float ul ul li a {
   min-width:100px;
  
 } 
.site-menu ul ul li a:hover {
background: @colorA2;
box-shadow: 0px 0px 2px @colorA1;


}
      
.site-menu ul ul ul {
position: absolute;
top:0; 

 }
 
 

 
 
 /* back to top */

 a.back-to-top {
   padding:4px;
  display: none;
  width: 28px;
  height: 28px;
  position: fixed;
  z-index: 3;
  right: 20px;
  bottom: 20px;
  background: @colorA2  ;
   -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  color:@colorAInverse;
  text-align:center;
  box-shadow: 0px 0px 0px 1px @colorAInverse;
  transition: transform .4s ease-in-out;

  &:hover{
      color:@colorAInverse;
     opacity:.9;

  transform:   scale(1.1);
 

  }
}


   /* responsive system */




   /* Custom, iPhone Retina */ 
 @media only screen and (min-width : 1px) {
  .sc-show{display:block}
  .sc-hide{display:none}
  
  /*
 .generate-sc(@n, @i: 1) when (@i =< @n) {
  .sc-@{i} {
    width: (@i * 100% / @n);
  }
  .generate-sc(@n, (@i + 1));
}
   
 .generate-sc(120); 
  */
 
 
 .sc-1 {
  width: 0.83333333%;
}
.sc-2 {
  width: 1.66666667%;
}
.sc-3 {
  width: 2.5%;
}
.sc-4 {
  width: 3.33333333%;
}
.sc-5 {
  width: 4.16666667%;
}
.sc-6 {
  width: 5%;
}
.sc-7 {
  width: 5.83333333%;
}
.sc-8 {
  width: 6.66666667%;
}
.sc-9 {
  width: 7.5%;
}
.sc-10 {
  width: 8.33333333%;
}
.sc-11 {
  width: 9.16666667%;
}
.sc-12 {
  width: 10%;
}
.sc-13 {
  width: 10.83333333%;
}
.sc-14 {
  width: 11.66666667%;
}
.sc-15 {
  width: 12.5%;
}
.sc-16 {
  width: 13.33333333%;
}
.sc-17 {
  width: 14.16666667%;
}
.sc-18 {
  width: 15%;
}
.sc-19 {
  width: 15.83333333%;
}
.sc-20 {
  width: 16.66666667%;
}
.sc-21 {
  width: 17.5%;
}
.sc-22 {
  width: 18.33333333%;
}
.sc-23 {
  width: 19.16666667%;
}
.sc-24 {
  width: 20%;
}
.sc-25 {
  width: 20.83333333%;
}
.sc-26 {
  width: 21.66666667%;
}
.sc-27 {
  width: 22.5%;
}
.sc-28 {
  width: 23.33333333%;
}
.sc-29 {
  width: 24.16666667%;
}
.sc-30 {
  width: 25%;
}
.sc-31 {
  width: 25.83333333%;
}
.sc-32 {
  width: 26.66666667%;
}
.sc-33 {
  width: 27.5%;
}
.sc-34 {
  width: 28.33333333%;
}
.sc-35 {
  width: 29.16666667%;
}
.sc-36 {
  width: 30%;
}
.sc-37 {
  width: 30.83333333%;
}
.sc-38 {
  width: 31.66666667%;
}
.sc-39 {
  width: 32.5%;
}
.sc-40 {
  width: 33.33333333%;
}
.sc-41 {
  width: 34.16666667%;
}
.sc-42 {
  width: 35%;
}
.sc-43 {
  width: 35.83333333%;
}
.sc-44 {
  width: 36.66666667%;
}
.sc-45 {
  width: 37.5%;
}
.sc-46 {
  width: 38.33333333%;
}
.sc-47 {
  width: 39.16666667%;
}
.sc-48 {
  width: 40%;
}
.sc-49 {
  width: 40.83333333%;
}
.sc-50 {
  width: 41.66666667%;
}
.sc-51 {
  width: 42.5%;
}
.sc-52 {
  width: 43.33333333%;
}
.sc-53 {
  width: 44.16666667%;
}
.sc-54 {
  width: 45%;
}
.sc-55 {
  width: 45.83333333%;
}
.sc-56 {
  width: 46.66666667%;
}
.sc-57 {
  width: 47.5%;
}
.sc-58 {
  width: 48.33333333%;
}
.sc-59 {
  width: 49.16666667%;
}
.sc-60 {
  width: 50%;
}
.sc-61 {
  width: 50.83333333%;
}
.sc-62 {
  width: 51.66666667%;
}
.sc-63 {
  width: 52.5%;
}
.sc-64 {
  width: 53.33333333%;
}
.sc-65 {
  width: 54.16666667%;
}
.sc-66 {
  width: 55%;
}
.sc-67 {
  width: 55.83333333%;
}
.sc-68 {
  width: 56.66666667%;
}
.sc-69 {
  width: 57.5%;
}
.sc-70 {
  width: 58.33333333%;
}
.sc-71 {
  width: 59.16666667%;
}
.sc-72 {
  width: 60%;
}
.sc-73 {
  width: 60.83333333%;
}
.sc-74 {
  width: 61.66666667%;
}
.sc-75 {
  width: 62.5%;
}
.sc-76 {
  width: 63.33333333%;
}
.sc-77 {
  width: 64.16666667%;
}
.sc-78 {
  width: 65%;
}
.sc-79 {
  width: 65.83333333%;
}
.sc-80 {
  width: 66.66666667%;
}
.sc-81 {
  width: 67.5%;
}
.sc-82 {
  width: 68.33333333%;
}
.sc-83 {
  width: 69.16666667%;
}
.sc-84 {
  width: 70%;
}
.sc-85 {
  width: 70.83333333%;
}
.sc-86 {
  width: 71.66666667%;
}
.sc-87 {
  width: 72.5%;
}
.sc-88 {
  width: 73.33333333%;
}
.sc-89 {
  width: 74.16666667%;
}
.sc-90 {
  width: 75%;
}
.sc-91 {
  width: 75.83333333%;
}
.sc-92 {
  width: 76.66666667%;
}
.sc-93 {
  width: 77.5%;
}
.sc-94 {
  width: 78.33333333%;
}
.sc-95 {
  width: 79.16666667%;
}
.sc-96 {
  width: 80%;
}
.sc-97 {
  width: 80.83333333%;
}
.sc-98 {
  width: 81.66666667%;
}
.sc-99 {
  width: 82.5%;
}
.sc-100 {
  width: 83.33333333%;
}
.sc-101 {
  width: 84.16666667%;
}
.sc-102 {
  width: 85%;
}
.sc-103 {
  width: 85.83333333%;
}
.sc-104 {
  width: 86.66666667%;
}
.sc-105 {
  width: 87.5%;
}
.sc-106 {
  width: 88.33333333%;
}
.sc-107 {
  width: 89.16666667%;
}
.sc-108 {
  width: 90%;
}
.sc-109 {
  width: 90.83333333%;
}
.sc-110 {
  width: 91.66666667%;
}
.sc-111 {
  width: 92.5%;
}
.sc-112 {
  width: 93.33333333%;
}
.sc-113 {
  width: 94.16666667%;
}
.sc-114 {
  width: 95%;
}
.sc-115 {
  width: 95.83333333%;
}
.sc-116 {
  width: 96.66666667%;
}
.sc-117 {
  width: 97.5%;
}
.sc-118 {
  width: 98.33333333%;
}
.sc-119 {
  width: 99.16666667%;
}
.sc-120 {
  width: 100%;
}

 #center {
  margin:  4px;
  }
  
    }
    
    

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
  .mc-show{display:block}
  .mc-hide{display:none}

/*
 .generate-mc(@n, @i: 1) when (@i =< @n) {
  .mc-@{i} {
    width: (@i * 100% / @n);
  }
  .generate-mc(@n, (@i + 1));
}
   
 .generate-mc(120); 
 */
 .mc-1 {
  width: 0.83333333%;
}
.mc-2 {
  width: 1.66666667%;
}
.mc-3 {
  width: 2.5%;
}
.mc-4 {
  width: 3.33333333%;
}
.mc-5 {
  width: 4.16666667%;
}
.mc-6 {
  width: 5%;
}
.mc-7 {
  width: 5.83333333%;
}
.mc-8 {
  width: 6.66666667%;
}
.mc-9 {
  width: 7.5%;
}
.mc-10 {
  width: 8.33333333%;
}
.mc-11 {
  width: 9.16666667%;
}
.mc-12 {
  width: 10%;
}
.mc-13 {
  width: 10.83333333%;
}
.mc-14 {
  width: 11.66666667%;
}
.mc-15 {
  width: 12.5%;
}
.mc-16 {
  width: 13.33333333%;
}
.mc-17 {
  width: 14.16666667%;
}
.mc-18 {
  width: 15%;
}
.mc-19 {
  width: 15.83333333%;
}
.mc-20 {
  width: 16.66666667%;
}
.mc-21 {
  width: 17.5%;
}
.mc-22 {
  width: 18.33333333%;
}
.mc-23 {
  width: 19.16666667%;
}
.mc-24 {
  width: 20%;
}
.mc-25 {
  width: 20.83333333%;
}
.mc-26 {
  width: 21.66666667%;
}
.mc-27 {
  width: 22.5%;
}
.mc-28 {
  width: 23.33333333%;
}
.mc-29 {
  width: 24.16666667%;
}
.mc-30 {
  width: 25%;
}
.mc-31 {
  width: 25.83333333%;
}
.mc-32 {
  width: 26.66666667%;
}
.mc-33 {
  width: 27.5%;
}
.mc-34 {
  width: 28.33333333%;
}
.mc-35 {
  width: 29.16666667%;
}
.mc-36 {
  width: 30%;
}
.mc-37 {
  width: 30.83333333%;
}
.mc-38 {
  width: 31.66666667%;
}
.mc-39 {
  width: 32.5%;
}
.mc-40 {
  width: 33.33333333%;
}
.mc-41 {
  width: 34.16666667%;
}
.mc-42 {
  width: 35%;
}
.mc-43 {
  width: 35.83333333%;
}
.mc-44 {
  width: 36.66666667%;
}
.mc-45 {
  width: 37.5%;
}
.mc-46 {
  width: 38.33333333%;
}
.mc-47 {
  width: 39.16666667%;
}
.mc-48 {
  width: 40%;
}
.mc-49 {
  width: 40.83333333%;
}
.mc-50 {
  width: 41.66666667%;
}
.mc-51 {
  width: 42.5%;
}
.mc-52 {
  width: 43.33333333%;
}
.mc-53 {
  width: 44.16666667%;
}
.mc-54 {
  width: 45%;
}
.mc-55 {
  width: 45.83333333%;
}
.mc-56 {
  width: 46.66666667%;
}
.mc-57 {
  width: 47.5%;
}
.mc-58 {
  width: 48.33333333%;
}
.mc-59 {
  width: 49.16666667%;
}
.mc-60 {
  width: 50%;
}
.mc-61 {
  width: 50.83333333%;
}
.mc-62 {
  width: 51.66666667%;
}
.mc-63 {
  width: 52.5%;
}
.mc-64 {
  width: 53.33333333%;
}
.mc-65 {
  width: 54.16666667%;
}
.mc-66 {
  width: 55%;
}
.mc-67 {
  width: 55.83333333%;
}
.mc-68 {
  width: 56.66666667%;
}
.mc-69 {
  width: 57.5%;
}
.mc-70 {
  width: 58.33333333%;
}
.mc-71 {
  width: 59.16666667%;
}
.mc-72 {
  width: 60%;
}
.mc-73 {
  width: 60.83333333%;
}
.mc-74 {
  width: 61.66666667%;
}
.mc-75 {
  width: 62.5%;
}
.mc-76 {
  width: 63.33333333%;
}
.mc-77 {
  width: 64.16666667%;
}
.mc-78 {
  width: 65%;
}
.mc-79 {
  width: 65.83333333%;
}
.mc-80 {
  width: 66.66666667%;
}
.mc-81 {
  width: 67.5%;
}
.mc-82 {
  width: 68.33333333%;
}
.mc-83 {
  width: 69.16666667%;
}
.mc-84 {
  width: 70%;
}
.mc-85 {
  width: 70.83333333%;
}
.mc-86 {
  width: 71.66666667%;
}
.mc-87 {
  width: 72.5%;
}
.mc-88 {
  width: 73.33333333%;
}
.mc-89 {
  width: 74.16666667%;
}
.mc-90 {
  width: 75%;
}
.mc-91 {
  width: 75.83333333%;
}
.mc-92 {
  width: 76.66666667%;
}
.mc-93 {
  width: 77.5%;
}
.mc-94 {
  width: 78.33333333%;
}
.mc-95 {
  width: 79.16666667%;
}
.mc-96 {
  width: 80%;
}
.mc-97 {
  width: 80.83333333%;
}
.mc-98 {
  width: 81.66666667%;
}
.mc-99 {
  width: 82.5%;
}
.mc-100 {
  width: 83.33333333%;
}
.mc-101 {
  width: 84.16666667%;
}
.mc-102 {
  width: 85%;
}
.mc-103 {
  width: 85.83333333%;
}
.mc-104 {
  width: 86.66666667%;
}
.mc-105 {
  width: 87.5%;
}
.mc-106 {
  width: 88.33333333%;
}
.mc-107 {
  width: 89.16666667%;
}
.mc-108 {
  width: 90%;
}
.mc-109 {
  width: 90.83333333%;
}
.mc-110 {
  width: 91.66666667%;
}
.mc-111 {
  width: 92.5%;
}
.mc-112 {
  width: 93.33333333%;
}
.mc-113 {
  width: 94.16666667%;
}
.mc-114 {
  width: 95%;
}
.mc-115 {
  width: 95.83333333%;
}
.mc-116 {
  width: 96.66666667%;
}
.mc-117 {
  width: 97.5%;
}
.mc-118 {
  width: 98.33333333%;
}
.mc-119 {
  width: 99.16666667%;
}
.mc-120 {
  width: 100%;
}

  
  #center {
    margin: 10px;
  }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
  .lc-show{display:block}
  .lc-hide{display:none}


/*
 .generate-lc(@n, @i: 1) when (@i =< @n) {
  .lc-@{i} {
    width: (@i * 100% / @n);
  }
  .generate-lc(@n, (@i + 1));
}
   
 .generate-lc(120); 
 
 */
 
 .lc-1 {
  width: 0.83333333%;
}
.lc-2 {
  width: 1.66666667%;
}
.lc-3 {
  width: 2.5%;
}
.lc-4 {
  width: 3.33333333%;
}
.lc-5 {
  width: 4.16666667%;
}
.lc-6 {
  width: 5%;
}
.lc-7 {
  width: 5.83333333%;
}
.lc-8 {
  width: 6.66666667%;
}
.lc-9 {
  width: 7.5%;
}
.lc-10 {
  width: 8.33333333%;
}
.lc-11 {
  width: 9.16666667%;
}
.lc-12 {
  width: 10%;
}
.lc-13 {
  width: 10.83333333%;
}
.lc-14 {
  width: 11.66666667%;
}
.lc-15 {
  width: 12.5%;
}
.lc-16 {
  width: 13.33333333%;
}
.lc-17 {
  width: 14.16666667%;
}
.lc-18 {
  width: 15%;
}
.lc-19 {
  width: 15.83333333%;
}
.lc-20 {
  width: 16.66666667%;
}
.lc-21 {
  width: 17.5%;
}
.lc-22 {
  width: 18.33333333%;
}
.lc-23 {
  width: 19.16666667%;
}
.lc-24 {
  width: 20%;
}
.lc-25 {
  width: 20.83333333%;
}
.lc-26 {
  width: 21.66666667%;
}
.lc-27 {
  width: 22.5%;
}
.lc-28 {
  width: 23.33333333%;
}
.lc-29 {
  width: 24.16666667%;
}
.lc-30 {
  width: 25%;
}
.lc-31 {
  width: 25.83333333%;
}
.lc-32 {
  width: 26.66666667%;
}
.lc-33 {
  width: 27.5%;
}
.lc-34 {
  width: 28.33333333%;
}
.lc-35 {
  width: 29.16666667%;
}
.lc-36 {
  width: 30%;
}
.lc-37 {
  width: 30.83333333%;
}
.lc-38 {
  width: 31.66666667%;
}
.lc-39 {
  width: 32.5%;
}
.lc-40 {
  width: 33.33333333%;
}
.lc-41 {
  width: 34.16666667%;
}
.lc-42 {
  width: 35%;
}
.lc-43 {
  width: 35.83333333%;
}
.lc-44 {
  width: 36.66666667%;
}
.lc-45 {
  width: 37.5%;
}
.lc-46 {
  width: 38.33333333%;
}
.lc-47 {
  width: 39.16666667%;
}
.lc-48 {
  width: 40%;
}
.lc-49 {
  width: 40.83333333%;
}
.lc-50 {
  width: 41.66666667%;
}
.lc-51 {
  width: 42.5%;
}
.lc-52 {
  width: 43.33333333%;
}
.lc-53 {
  width: 44.16666667%;
}
.lc-54 {
  width: 45%;
}
.lc-55 {
  width: 45.83333333%;
}
.lc-56 {
  width: 46.66666667%;
}
.lc-57 {
  width: 47.5%;
}
.lc-58 {
  width: 48.33333333%;
}
.lc-59 {
  width: 49.16666667%;
}
.lc-60 {
  width: 50%;
}
.lc-61 {
  width: 50.83333333%;
}
.lc-62 {
  width: 51.66666667%;
}
.lc-63 {
  width: 52.5%;
}
.lc-64 {
  width: 53.33333333%;
}
.lc-65 {
  width: 54.16666667%;
}
.lc-66 {
  width: 55%;
}
.lc-67 {
  width: 55.83333333%;
}
.lc-68 {
  width: 56.66666667%;
}
.lc-69 {
  width: 57.5%;
}
.lc-70 {
  width: 58.33333333%;
}
.lc-71 {
  width: 59.16666667%;
}
.lc-72 {
  width: 60%;
}
.lc-73 {
  width: 60.83333333%;
}
.lc-74 {
  width: 61.66666667%;
}
.lc-75 {
  width: 62.5%;
}
.lc-76 {
  width: 63.33333333%;
}
.lc-77 {
  width: 64.16666667%;
}
.lc-78 {
  width: 65%;
}
.lc-79 {
  width: 65.83333333%;
}
.lc-80 {
  width: 66.66666667%;
}
.lc-81 {
  width: 67.5%;
}
.lc-82 {
  width: 68.33333333%;
}
.lc-83 {
  width: 69.16666667%;
}
.lc-84 {
  width: 70%;
}
.lc-85 {
  width: 70.83333333%;
}
.lc-86 {
  width: 71.66666667%;
}
.lc-87 {
  width: 72.5%;
}
.lc-88 {
  width: 73.33333333%;
}
.lc-89 {
  width: 74.16666667%;
}
.lc-90 {
  width: 75%;
}
.lc-91 {
  width: 75.83333333%;
}
.lc-92 {
  width: 76.66666667%;
}
.lc-93 {
  width: 77.5%;
}
.lc-94 {
  width: 78.33333333%;
}
.lc-95 {
  width: 79.16666667%;
}
.lc-96 {
  width: 80%;
}
.lc-97 {
  width: 80.83333333%;
}
.lc-98 {
  width: 81.66666667%;
}
.lc-99 {
  width: 82.5%;
}
.lc-100 {
  width: 83.33333333%;
}
.lc-101 {
  width: 84.16666667%;
}
.lc-102 {
  width: 85%;
}
.lc-103 {
  width: 85.83333333%;
}
.lc-104 {
  width: 86.66666667%;
}
.lc-105 {
  width: 87.5%;
}
.lc-106 {
  width: 88.33333333%;
}
.lc-107 {
  width: 89.16666667%;
}
.lc-108 {
  width: 90%;
}
.lc-109 {
  width: 90.83333333%;
}
.lc-110 {
  width: 91.66666667%;
}
.lc-111 {
  width: 92.5%;
}
.lc-112 {
  width: 93.33333333%;
}
.lc-113 {
  width: 94.16666667%;
}
.lc-114 {
  width: 95%;
}
.lc-115 {
  width: 95.83333333%;
}
.lc-116 {
  width: 96.66666667%;
}
.lc-117 {
  width: 97.5%;
}
.lc-118 {
  width: 98.33333333%;
}
.lc-119 {
  width: 99.16666667%;
}
.lc-120 {
  width: 100%;
}


  #center {
    margin: 15px auto;
  }
  
    }
 
 
@media print {

  body  { 
    background:#fff;
    margin:0;
    padding:0;
    overflow:auto;
     }
   #center {
     
   margin:0;
    padding:0;
    box-shadow:0;
   }
}   
  
   

   
 
   
  .responsive-content video , .responsive-content audio   {
  width: 100%    !important;
  height: auto   !important;
  
  }