/**
 * Multiscroll plugin style 
 */ 
 
 .sss {
	height: 0;
	margin: 0; 
	padding: 0;
	position: relative;
	display: block;
	overflow: hidden;
}

.ssslide {
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	overflow: hidden;
}

.ssslide img {
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
}

.sssnext, .sssprev {
	width: 25px;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	background: url('../images/arr.png') no-repeat;
	background: url('../images/arr.png') no-repeat;
	z-index:3000;
}

.sssprev {
	left: 3%;
	background-position: 0 50%;
}

.sssnext {
	right: 3%;
	background-position: -26px 50%;
}

.sssprev:hover, .sssnext:hover {
	cursor: pointer;
}

 .multiscrolltemplate {  width: 100%; 
    overflow:hidden; }
  #myContainer { }
.ms-section .wrapper100percent {
  width: 100%;
  float: left;
 
}
/*.ms-section .multiscrolltemplate {
  position: relative;
  z-index: 1000;
  width: 100%;
  float: left;
  height: 500px;
} */
.ms-section  {
 background-repeat: no-repeat;
    background-size: 100% auto;
	}
.ms-section ul,
.ms-section ol {
  margin: 0 0 25px 0;
  padding: 0;
  list-style: none;
  line-height: 1.7;
}
.ms-section ul li,
.ms-section ol li {
  margin: 0 0 13px 0;
  padding: 0;
  list-style: none;
}
.ms-section h1,
.ms-section h2,
.ms-section h3,
.ms-section h4,
.ms-section h5,
.ms-section h6 {
  margin: 0;
  padding: 0;  
}
.ms-section span {
  color: #fff;
font-family: 'tga_reg';
  background-color:#2f2f2f;
}
.ms-section span strong {
  color: #fff;
font-family: 'tga_bold';
}
.ms-right .ms-section span { margin-top:10%;
width:auto;
padding: 15px 20px;
text-align: left;
display:inline-block; }

.ms-left .ms-section span { margin-bottom:10%;
width:auto;
padding: 15px 30px 15px 20px;
text-align: right;
display:inline-block;
float:right; }
.ms-left #middle .ms-section-fontsize5 { position:relative; display:block;  top:60%; bottom:20%; right:45%; height:auto; font-family: 'tga_reg'; width:auto; text-align:right;
padding: 10px; margin:0px; text-align: right;
}
.ms-right #middle .ms-section-fontsize5 { position:relative; display:block; top:60%; bottom:20%; left:45%; height:auto; font-family: 'tga_reg'; width:auto; text-align:right;
padding: 10px 20px; margin:0px; text-align: left;
}
#middle1 .ms-section-fontsize5 { position:absolute; top:50%; bottom:50%; right:0px; height:60px; font-family: 'tga_reg'; width:210px; text-align:right;
padding: 10px 20px; margin:0px;
}
#middle2 .ms-section-fontsize5 { position:absolute; height:60px; top:50%; bottom:50%; left:0px; font-family: 'tga_reg'; width:210px; text-align:left;
padding: 10px 20px 10px 0px;   margin:0px;
}
.ms-section p {
  color: #353535;
}
.ms-right .ms-tableCell { vertical-align:top; }
.ms-left .ms-tableCell {
    vertical-align: bottom;
}
@media (max-width: 992px) {


.ms-section h1 {
  font-size: 30px;
}
.ms-section h2 {
  font-size: 22px;
}
.ms-section h3 {
  font-size: 19px;
}
.ms-section h4 {
  font-size: 15px;
}
.ms-section h5 {
  font-size: 13px;
}
.ms-section h6 {
  font-size: 11px;
}
.ms-section p {
  font-size: 13px;
}
}
@media (max-width: 500px) {
.ms-section h1 {
  font-size: 20px;
}
.ms-section h2 {
  font-size: 20px;
}
.ms-section h3 {
  font-size: 18px;
}
.ms-section h4 {
  font-size: 16px;
}
.ms-section h5 {
  font-size: 13px;
}
.ms-section h6 {
  font-size: 11px;
}
.ms-section p {
  font-size: 11px;
}
}
.ms-section-fontsize1 {
  font-size: 15px;
}
.ms-section-fontsize2 {
  font-size: 19px;
}
.ms-section-fontsize3 {
  font-size: 24px;
}


.ms-section-fontsize6 {
  font-size: 42px;
}
.ms-section-fontsize7 {
  font-size: 50px;
}
.ms-section-fontsize8 {
  font-size: 70px;
}

@media (min-width: 1367px) {
 .multiscrolltemplate {  height:500px; }
 .ms-section-fontsize4 {
  font-size: 1.6em;
	  line-height: 1.2em;
}

.ms-section-fontsize5 {
  font-size: 1.8em;
	  line-height: 1.2em;
}
}
@media (max-width: 1448px) {
.multiscrolltemplate {  height:450px; }
 .ms-section-fontsize4 {
  font-size: 1.6em;
	  line-height: 1.2em;
}

.ms-section-fontsize5 {
  font-size: 1.8em;
	  line-height: 1.2em;
}
}
@media (max-width: 1329px) {
.ms-section-fontsize4 {
  font-size: 1.4em;
	  line-height: 1.2em;
}

.ms-section-fontsize5 {
  font-size: 1.6em;
	  line-height: 1.2em;
}
.ms-section-fontsize8 {
  font-size: 60px; 
}
.multiscrolltemplate {  width: 100%; height:420px; }
}
@media (max-width: 1250px) {
.ms-section-fontsize4 {
  font-size: 1.2em;
	  line-height: 1.2em;
}

.ms-section-fontsize5 {
  font-size: 1.6em;
	  line-height: 1.2em;
}
.ms-section-fontsize8 {
  font-size: 60px; 
}
.multiscrolltemplate {  width: 100%; height:340px; }
}
@media (max-width: 1014px) {

.multiscrolltemplate {  width: 100%; height:320px; }

.ms-section-fontsize1 {
  font-size: 13px;
}
.ms-section-fontsize2 {
  font-size: 13px;
}
.ms-section-fontsize3 {
  font-size: 15px;
}
.ms-section-fontsize4 {
  font-size: 16px;
}
.ms-section-fontsize5 {
  font-size: 18px;
}
.ms-section-fontsize6 {
  font-size: 24px;
}
.ms-section-fontsize7 {
  font-size: 30px;
} 
.ms-section-fontsize8 {
  font-size: 36px;
}
} 
@media (max-width: 958px) {

.multiscrolltemplate {  width: 100%; height:280px; }

.ms-section-fontsize1 {
  font-size: 13px;
}
.ms-section-fontsize2 {
  font-size: 13px;
}
.ms-section-fontsize3 {
  font-size: 15px;
}
.ms-section-fontsize4 {
  font-size: 16px;
}
.ms-section-fontsize5 {
  font-size: 18px;
}
.ms-section-fontsize6 {
  font-size: 24px;
}
.ms-section-fontsize7 {
  font-size: 30px;
} 
.ms-section-fontsize8 {
  font-size: 36px;
}
} 
@media (max-width: 830px) {

.multiscrolltemplate {  width: 100%; height:210px; }

.ms-section-fontsize1 {
  font-size: 13px;
}
.ms-section-fontsize2 {
  font-size: 13px;
}
.ms-section-fontsize3 {
  font-size: 15px;
}
.ms-section-fontsize4 {
  font-size: 19px;
}
.ms-section-fontsize5 {
  font-size: 22px;
}
.ms-section-fontsize6 {
  font-size: 24px;
}
.ms-section-fontsize7 {
  font-size: 30px;
} 
.ms-section-fontsize8 {
  font-size: 36px;
}
} 
@media (max-width: 682px) {
#middle1 .ms-section-fontsize5 { display:none;
}
#middle2 .ms-section-fontsize5 { display:none;
}
.ms-left {float:none !important; width:100% !important;  }
.ms-right {float:none !important; width:100% !important; }
.multiscrolltemplate {  width: 100%; height:400px; }
.ssslide { width: 100%; height:400px; }
.ms-section.ssslide span { margin-top:10%;
width:65%;
padding: 15px 20px;
text-align: right;
display:block; }
}
@media (max-width: 500px) {
.multiscrolltemplate {  width: 100%; height:300px; }
.ssslide { width: 100%; height:300px; }
.ms-section.ssslide span { margin-top:40%;
width:70%;
padding: 15px 20px;
text-align: right;
display:block; }
.ms-section-fontsize1 {
  font-size: 10px;
}
.ms-section-fontsize2 {
  font-size: 11px;
}
.ms-section-fontsize3 {
  font-size: 12px;
}
.ms-section-fontsize4 {
  font-size: 14px;
}
.ms-section-fontsize5 {
  font-size: 16px;
}
.ms-section-fontsize6 {
  font-size: 18px;
}
.ms-section-fontsize7 {
  font-size: 20px;
} 
.ms-section-fontsize8 {
  font-size: 20px;
}
} 
@media (max-width: 362px) {
.multiscrolltemplate {  width: 100%; height:240px; }
#myContainer {
    height:240px;
}
}
/*** button for multiscroll ***/
 .ms-section .buttonrtmultiscroll {
  width: 100%;
  float: left;
}
.ms-section .buttonrtmultiscroll.right {
  text-align: right;
}
.ms-section .buttonrtmultiscroll.center {
  text-align: center;
}
.ms-section .buttonrtmultiscroll.left {
  text-align: left;
}
.ms-section .buttonrtmultiscroll.black a {
  display: inline-block;
  font-size: 15px;
  border: 2px solid #353535;
  color: #353535;
  font-weight: bold;
  padding: 13px 25px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .ms-section .buttonrtmultiscroll.black a {
  font-size: 13px;
  padding: 6px;
  max-width: 70%;
}
} 
.ms-section .buttonrtmultiscroll.black a:hover {
  padding: 11px 23px;
  border: 4px solid #353535;
}
@media (max-width: 767px) {
.ms-section .buttonrtmultiscroll.black a:hover {
  padding: 4px;
  border: 4px solid #353535;
}
} 
.ms-section .buttonrtmultiscroll.white a {
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  border: 2px solid #fff;
  color: #fff;
  padding: 13px 25px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .ms-section .buttonrtmultiscroll.white a {
  font-size: 13px;
  padding: 6px;
  max-width: 70%;
}
} 
.ms-section .buttonrtmultiscroll.white a:hover {
  padding: 11px 23px;
  border: 4px solid #fff;
}
@media (max-width: 767px) {
.ms-section .buttonrtmultiscroll.white a:hover {
  padding: 4px;
  border: 4px solid #fff;
}
}
/*** button for multiscroll end ***/