@import "reset.css";
@import "font-awesome.min.css";
@import "btnStyle.css";
@import "hamburger-icons-master.css";
@import "contactform.css";
@import "swiper.min.css";
@import "min-width-1200-3000.css";
@import "min-width-768-1199.css";
@import "min-width-600-767.css";
@import "min-width-481-599.css";

body,button {font:normal 15px/22px;  font-family:Century Gothic, Microsoft JhengHei, MingLiU, sans-serif!important;  padding:0!important; margin:0!important;}
body,body div,div img {transition:0.2s ease;-moz-transition:0.2s ease;/* FF3.7+ */-o-transition:0.2s ease;/* Opera 10.5 */-webkit-transition:0.2s ease; /* Saf3.2+, Chrome */}
html {overflow-y:scroll; -webkit-text-size-adjust:100%}
div.container {width:100%!important; overflow:hidden; padding:0!important; margin:0!important;}
button  {border:0; cursor:pointer;}

/*header*/
header             {width:100%;  margin:0 auto;}
header #logo   {cursor:pointer;}
header nav ul li  {color:#000!important; font-weight:bold;}
header nav ul li:hover {color:#fb9b05!important; }
header nav ul li:last-child{border-right:0!important;}
header nav ul li 	span{border-bottom:5px solid #fb9b05; position:absolute; top:0; margin:40px 0 0 -20px; display:none}
header select.mobile { width:90%!important; height:35px; margin:0 auto; position:relative; top:15px; font-size:20px;}

#empty {height:172px;}
.active         {color:#fb9b05!important; border-bottom:5px solid #fb9b05;} 

/*banner*/
#bannerMain  img {width:auto; height:auto; max-height:100%; position:relative; top:2px;}
#bannerMain div   {text-align:center; } 


#bannerMain {width:100%; position:relative; background:url(../img/cloudBG.jpg) center 0 repeat-x; animation:animatedBackground 30s linear infinite;}

#bannerMain div.swiper-slide { background:url(../img/bannerShade.png) center 0 repeat-x!important;}

#bannerSub {text-align:left; width:100%; height:auto; }
#bannerSub img {border-bottom:3px solid #9dc3e5;}

@keyframes animatedBackground {
	from {background-position: 100% bottom; }
	to { background-position: 0% bottom; }
}

/*section*/
section            {width:100%; margin:0 auto;  padding:50px 0 0px 0; line-height:22px;}
section  h1       { padding:0px 0 0px; text-align:center;}
section  h1  img {width:auto; height:auto; max-width:100%;}
section article   {width:auto; max-width:1190px; margin:0 auto; padding:0px 20px 60px  20px;}
section article  p {margin:20px 0 0 0;} 
section article  ul li{margin:20px 0 0 0;} 
section #serviceItem  {width:auto;  height:auto; padding:0 0 50px 0; border-top:6px solid #fff; margin:0 auto; position:relative; top:0px; }
section #serviceItem ul {position:relative; top:0px!important;}





section #serviceItem ul li{width:27.5%; margin:10px 0 0 30px; padding:0 0 0 15px; float:left; text-align:center; }
section #serviceItem.three ul li{padding:22px 8px 12px 8px!important; cursor:pointer!important; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; border:1px solid #e6e6e6; position:relative; left:-9999px;}
section #serviceItem.three ul li p {z-index:99999!important;}

#serviceItem.client p {width:55%; text-align:center; margin:0 auto; position:relative; top:50px;}

/*section.home*/
h1.home {position:relative; top:1900px; padding:0 0 30px;}

/*section.offers*/
section.offers article ul {margin:20px 0 0 0;}
section.offers article ul li {margin:0px!important; padding:0px!important; list-style-type:disc; list-style-position:inside}
section.offers article ul li:first-child{font-weight:bold; font-size:22px; padding:0 0 10px 0!important;}
section.offers article ul#specBullet li:first-child{font-weight:bold; font-size:22px; padding:0 0 10px 0!important; list-style-type:disc!important; background-image:none!important; position:relative; left:18px;}
section.offers article ul#specBullet li{background:url(../img/bullet.png) 0 8px no-repeat; list-style:none; padding:0 0 0 13px!important; }

/*section.pricelist*/
section.pricelist table {width:100%; margin:10px 0 0 0;}
section.pricelist table tr td {width:25%; padding:10px;border:3px solid #fff;}
section.pricelist table tr:first-child {font-weight:bold;}
/*section.contact*/

section.contact h1 {text-align:left; padding:0 0 20px;}

section.contact #content2Address{padding:0px 0 40px; color:#000!important; z-index:9990;}
section.contact #content2Address{-webkit-box-shadow: -1px 0px 17px -7px rgba(252,252,252,1);-moz-box-shadow: -1px 0px 17px -7px rgba(252,252,252,1);box-shadow: -1px 0px 17px -7px rgba(252,252,252,1);}
section.contact #content2Address label{text-align:right;}
section.contact #content2Address label:after{content:' :';}
section.contact #content2Address label i{position:absolute;}
section.contact #content2Address div {position:relative; padding:10px 0 10px 0; color:#000!important;}
section.contact #content2Address div:nth-child(3),section.contact #content2Address div:nth-child(5) 
{font-weight:bold!important; font-size:17px;} 

/*footer*/
footer {position:relative; width:100%; height:auto; min-height:0px; padding:15px 0 20px 0; margin:0 auto; font-size:14px;  background-color: #e6e6e6; z-index:99900; border-top:2px solid #9dc3e5;}
footer li {cursor:pointer; color:#000!important;}


footer p  span.DesignBy {position:relative; top:3px!important; font-size:12px; color:#515151; display:none;}

/*Group The Same*/
header nav,
header #logo,
header #supportHead,
section.contact #content2Address
{position:absolute; left:50%;}

/*class*/
span.b2 {font-weight:bold; color:#234c3e;}
span.red {font-weight:bold; color:red; }
span.blue {font-weight:bold; color:#98d1fe;}
a             {text-decoration:none!important; color:#234c3e; font-weight:bold!important;}
a:hover {color:#3f6357; text-decoration:none!important;  }
.none {list-style:none!important;}
.bold {font-weight:bold!important; font-size:18px;}
.boldOrange{font-weight:bold!important; font-size:18px; color:#fb9b05}

.round {
  -webkit-border-top-left-radius: 1px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 4px;

  -moz-border-radius-topleft: 1px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 4px;

  border-top-left-radius: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 4px;
}

dd.round {
	text-align:center;
	  background: #f8ad1c;
   border-radius: 50%;
	width: 50px;
	height: 50px; 
	float:left; clear:left;
	color:#fff; font-weight:bold;
}
dd.round p {position:relative; top:-6px; font-size:25px; font-weight:bold; }


/*rightIcon */
#rightIcon {position:fixed; right:2.5%; bottom:18%; z-index:99999!important; }
#rightIcon.block {display:block!important;}
#rightIcon.none {display:none!important;}
#rightIcon a {display:block;  text-align:center!important; font-size:12px;}
#rightIcon a  img{display:block; width:80px; height:80px;}