@charset "utf-8";



    .slider_container {
      display: flex;
      min-height: 400px;
      background-image: url(images/banner_bluedark.jpg);
      
      background-repeat: no-repeat;
    }

    .left, .right {
      width: 50%;
      padding: 0px;
      box-sizing: border-box;
    }

    /* Fade Slider */
    .slider {
      position: relative;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }

    .slide {
      position: absolute;
      opacity: 0;
      transition: opacity 1s ease-in-out;
      font-size: 28px;
      font-weight: bold;
      text-align: center;
      padding: 30px;
      width: 100%;
      background: linear-gradient(90deg, #ff6600, #3333cc);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .slide.active {
      opacity: 1;
      position: relative;
    }

    /* Navigation Dots */
    .dots {
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 10px;
    }

    .dot {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: #ccc;
      cursor: pointer;
      transition: 0.3s;
    }

    .dot.active {
      background: #ff6600;
    }

    /* Responsive */
    @media(max-width: 900px) {
      .slider_container {
        flex-direction: column;
      }
      .left, .right {
        width: 100%;
        padding: 20px;
      }
    }





















.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Georgia;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
}
.myButton:active {
	position:relative;
	top:1px;
}


.special_offer{
width : 100%;
height : 250px;
background-color:#20001b;
}

.so_text{
font-size: 26px;
line-height:35px;
    color: #FFF;
    margin: 15px 0;	
	font-family:Georgia;
	
}

.so_left{
   
    width: 40%;
    display:inline-block;
	float:left;
	background-color: #CCC;
     
}

.so_right{
   
    width: 60%;
    display:inline-block;
	float:right;
     padding: 3%;
}


.boxservice {
    background-color: #fc6276;
    width: 33%;
    display:inline-block;
    margin:10px 0;
    border-radius:5px;
}
.textservice {
    padding: 10px 0;
    color:white;
    font-weight:bold;
    text-align:left;
}
#containerservice {
    white-space:nowrap;
    text-align:center;
	width:100%
}


#feedback {
	height: 104px;
	width: 104px;
	position: fixed;
	top: 60%;
	right: 30px;
	z-index: 1000;
				  /*transform: rotate(-90deg);
				  -webkit-transform: rotate(-90deg); 
				  -moz-transform: rotate(-90deg); 
				  -o-transform: rotate(-90deg); */
				  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#feedback a {
	display: block;
	/*background: #f00; */
				  height: 15px;
	width: 136px;
	padding: 8px 16px;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;/*border-bottom: solid 1px #333; border-left: solid 1px #333; border-right: solid 1px #fff;*/
			  }


.siximages {
height : 70px;
width : 70px;
border : #00F solid 4px;
border-radius : 35px;
cursor : pointer;
}
.containerr {
width : 100%;
height : 400px;
background-image : url(images/banner_bluedark.jpg);
bottom : 0;
margin : 0 0 0 0;
}
.sliderrleft {
display : block;
float : left;
width : 70%;
padding-left : 5%;
text-align : center;
}
.sliderrright {
display : block;
float : right;
width : 25%;
padding-top : 2%;
}
@media only screen and (min-width:980px) {
.sliderright {
float : right;
display : inline;
width : 33%;
padding-right : 10%;
}


}
@media only screen and (min-width:768px) and (max-width:959px) {
.sliderright {
float : right;
display : inline;
width : 40%;
padding-right : 10%;
}

.boxservice {
    background-color: #fc6276;
    width: 33%;
    display:inline-block;
    margin:10px 0;
    border-radius:5px;
}

.so_left{
   
    width: 40%;
    display:inline-block;
	float:left;
	background-color: #CCC;
     
}

.so_right{
   
    width: 60%;
    display:inline-block;
	float:right;
     padding: 3%;
}

}
@media only screen and (min-width:480px) and (max-width:767px) {
	
	.boxservice {
        width: 33%
}
	
.sliderright {
float : left;
display : inline;
width : 40%;
padding-right : 10%;
}
.containerr {
bottom : 0;
margin : 0 0 0 0;
}
.sliderrleft {
display : none;
float : left;
width : 100%;
}
.sliderrright {
display : block;
float : right;
width : 100%;
}
.special_offer{
width : 100%;

background-color:#20001b;
}
.so_left{
   
    width: 100%;
   
}

.so_right{
   
    width: 100%;
 
}


}
@media only screen and (min-width:360px) and (max-width:500px) {
	
	.boxservice {
		display : block;
float : left;
        width: 100%;
}
	
.sliderrright {
display : block;
float : left;
width : 100%;
}
.sliderrleft {
display : none;
float : left;
width : 100%;
}
.special_offer{
width : 100%;

background-color:#20001b;
}
.so_left{
   
    width: 100%;
    
     
}

.so_right{
   
    width: 100%;
   background-color:#20001b;
}
}
@media only screen and (min-width:320px) and (max-width:500px) {
	.so_left{
   
    width: 100%;
    
     
}
.special_offer{
width : 100%;

background-color:#20001b;
}
.so_right{
   
    width: 100%;
   background-color:#20001b;
}
	.boxservice {
		display : block;
float : left;
        width: 100%;
}
	
.sliderrright {
display : block;
float : left;
width : 100%;
}
.sliderrleft {
display : none;
float : left;
width : 100%;
}
}
.box {
float : left;
}
#root {
max-width : 100%;
background-color : #666;
margin : 0 auto;
}
.contentarea {
width : 100%;
padding : 0 10%;
background-color : white;
overflow : hidden;
border-bottom : thin;
border-bottom-style : solid;
}
#Header {
width : 100%;
}
#innercontent {
width : 100%;
}
#footer {
width : 100%;
}
#left {
width : 23%;
text-align : center;
}
#center1 {
width : 23%;
text-align : center;
margin-left : 2%;
}
#center2 {
width : 23%;
text-align : center;
margin-left : 2%;
}
#center3 {
width : 23%;
text-align : center;
margin-left : 2%;
}
#right {
width : 23%;
text-align : center;
margin-left : 2%;
}
#topleft {
width : 65%;
text-align : justify;
}
#topleft h1 {
font-size : 20px;
margin : 15px 0;
}
#topright {
width : 30%;
text-align : justify;
padding-left : 3%;
}
#topright h1 {
font-size : 20px;
margin : 15px 0;
}
#fb {
border : black solid 2px;
background-color : #0b6d8d;
overflow : hidden;
color : #FFF;
}
#leftfb {
width : 60%;
text-align : justify;
padding : 2% 0.5%;
background-color : #0b6d8d;
}
#leftfb h1 {
font-size : 20px;
margin : 15px 0;
}
#rightfb {
width : 40%;
padding-left : 5%;
padding : 2% 3.5%;
background-color : #0b6d8d;
}
#leftfbfooter {
width : 70%;
text-align : justify;
padding : 2% 3.5%;
background-color : #0b6d8d;
}
#leftfbfooter h1 {
font-size : 20px;
margin : 15px 0;
}
#rightfbfooter {
width : 30%;
padding-left : 1%;
background-color : #fc6276;
}
#leftimage {
width : 25%;
padding-top : 5%;
}
#lefttext {
width : 100%;
text-align : left;
font-size : 13px;
}
#lefttext img {
width : 60%;
padding-left : 20%;
}
#rightimage {
width : 25%;
}
#righttext {
width : 70%;
}
#fullcontent {
width : 100%;
}
#fullimage {
width : 13%;
padding-top : 2%;
}
#fulltext {
width : 85%;
padding-top : 1%;
}
#fulltext h1 {
font-size : 20px;
margin : 15px 0;
}
#lefttext h3 {
font-size : 15px;
margin : 10px 0;
}
@media only screen and (min-width:481px) and (max-width:1024px) and (orientation:landscape) {
#Header {
width : 100%;
}
#innercontent {
width : 100%;
}
#footer {
width : 100%;
}
#left {
width : 50%;
text-align : justify;
}
#right {
width : 50%;
}
#topleft {
width : 65%;
text-align : center;
}
#topright {
width : 30%;
text-align : center;
padding-left : 3%;
}
#leftfb {
width : 60%;
text-align : justify;
}
#rightfb {
width : 40%;
padding-left : 5%;
}
#leftimage {
width : 25%;
}
#lefttext {
width : 70%;
text-align : justify;
}
#rightimage {
width : 25%;
}
#righttext {
width : 70%;
}
#fullcontent {
width : 100%;
}
#fullimage {
width : 15%;
}
#fulltext {
width : 85%;
}
}
@media only screen and (min-width:321px) and (max-width:1024px) and (orientation:portrait) {
#Header {
width : 100%;
}
#innercontent {
width : 100%;
}
#footer {
width : 100%;
}
#left {
width : 100%;
}
#right {
width : 100%;
}
#leftfb {
width : 100%;
}
#rightfb {
width : 100%;
}
#leftimage {
width : 100%;
}
#lefttext {
width : 100%;
}
#rightimage {
width : 100%;
}
#righttext {
width : 100%;
}
#fullcontent {
width : 100%;
}
#fullimage {
width : 100%;
}
#fulltext {
width : 100%;
}
.rotate {
display : none;
}
#leftfbfooter {
width : 100%;
text-align : justify;
padding : 2% 3.5%;
background-color : #0b6d8d;
}
#rightfbfooter {
width : 100%;
padding-left : 1%;
background-color : #fc6276;
}
}
@media only screen and (min-width:321px) and (max-width:480px) and (orientation:landscape) {
#Header {
width : 100%;
}
#innercontent {
width : 100%;
}
#footer {
width : 100%;
}
#left {
width : 100%;
}
#right {
width : 100%;
}
#leftfb {
width : 100%;
}
#rightfb {
width : 100%;
}
#leftimage {
width : 100%;
text-align : center;
}
#lefttext {
width : 100%;
text-align : center;
}
#rightimage {
width : 100%;
text-align : center;
}
#righttext {
width : 100%;
text-align : center;
}
#fullcontent {
width : 100%;
}
#fullimage {
width : 100%;
text-align : center;
}
#fulltext {
width : 100%;
text-align : center;
}
#leftfbfooter {
width : 100%;
text-align : justify;
padding : 2% 3.5%;
background-color : #0b6d8d;
}
#rightfbfooter {
width : 100%;
padding-left : 1%;
background-color : #fc6276;
}
.rotate {
display : none;
}
}
@media only screen and (max-width:980px) {
.box {
float : left;
}
#root {
max-width : 980px;
margin : 0 auto;
}
#Header {
width : 100%;
}
#innercontent {
width : 100%;
}
#footer {
width : 100%;
}
#left {
width : 50%;
text-align : justify;
}
#right {
width : 50%;
}
#topleft {
width : 65%;
text-align : center;
}
#topright {
width : 30%;
text-align : center;
padding-left : 3%;
}
#leftfb {
width : 60%;
text-align : justify;
}
#rightfb {
width : 40%;
padding-left : 5%;
}
#leftimage {
width : 30%;
}
#lefttext {
width : 70%;
text-align : justify;
}
#rightimage {
width : 30%;
}
#righttext {
width : 70%;
}
#fullcontent {
width : 100%;
}
#fullimage {
width : 15%;
}
#fulltext {
width : 85%;
}
}
@media only screen and (max-width:768px) {
#Header {
width : 100%;
}
#innercontent {
width : 100%;
}
#footer {
width : 100%;
}
#left {
width : 100%;
}
#right {
width : 100%;
}
#leftfb {
width : 100%;
}
#rightfb {
width : 100%;
}
#topleft {
width : 100%;
text-align : center;
}
#topright {
width : 100%;
text-align : center;
padding-left : 0%;
}
#leftimage {
width : 100%;
text-align : center;
}
#lefttext {
width : 100%;
text-align : center;
}
#rightimage {
width : 100%;
text-align : center;
}
#righttext {
width : 100%;
text-align : center;
}
#fullcontent {
width : 100%;
}
#fullimage {
width : 100%;
text-align : center;
}
#fulltext {
width : 100%;
text-align : center;
}
}
@media only screen and (max-width:360px) {
#Header {
width : 100%;
}
#innercontent {
width : 100%;
}
#footer {
width : 100%;
}
#left {
width : 100%;
text-align : center;
}
#center1 {
width : 100%;
text-align : center;
}
#center2 {
width : 100%;
text-align : center;
}
#right {
width : 100%;
text-align : center;
}
#leftfb {
width : 100%;
text-align : left;
}
#rightfb {
width : 100%;
display : none;
}
#topleft {
width : 100%;
text-align : center;
}
#topright {
width : 100%;
text-align : center;
padding-left : 0%;
}
#leftimage {
width : 100%;
text-align : center;
}
#lefttext {
width : 100%;
text-align : center;
}
#rightimage {
width : 100%;
text-align : center;
}
#righttext {
width : 100%;
text-align : center;
}
#fullcontent {
width : 100%;
}
#fullimage {
width : 100%;
text-align : center;
}
#fulltext {
width : 100%;
text-align : center;
}
#leftfbfooter {
width : 100%;
text-align : justify;
padding : 2% 3.5%;
background-color : #0b6d8d;
}
#rightfbfooter {
width : 100%;
padding-left : 1%;
background-color : #fc6276;
}
.rotate {
display : none;
}
}
@media only screen and (max-width:320px) {
#Header {
width : 100%;
}
#innercontent {
width : 100%;
}
#footer {
width : 100%;
}
#left {
width : 100%;
}
#right {
width : 100%;
}
#leftfb {
width : 100%;
}
#rightfb {
width : 100%;
}
#topleft {
width : 100%;
text-align : center;
}
#fb {
text-align : center;
}
#topright {
width : 100%;
text-align : center;
padding-left : 5%;
}
#leftimage {
width : 100%;
text-align : center;
}
#lefttext {
width : 100%;
text-align : center;
}
#rightimage {
width : 100%;
text-align : center;
}
#righttext {
width : 100%;
text-align : center;
}
#fullcontent {
width : 100%;
}
#fullimage {
width : 100%;
text-align : center;
}
#fulltext {
width : 100%;
text-align : center;
}
#leftfbfooter {
width : 100%;
text-align : justify;
padding : 2% 3.5%;
background-color : #0b6d8d;
}
#rightfbfooter {
width : 100%;
padding-left : 1%;
background-color : #fc6276;
}
}