@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

body {
  font-family: Verdana, sans-serif;
  font-size: 15px;
  font-weight: normal; margin:0px; padding:0px;}

h1, h2, h3, h4, h5, h6 {
  font-family: "Segoe UI", Verdana, sans-serif;
  font-weight: 400;
  line-height: 1.2;
  margin: 20px 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
h1 {font-size: 36px}
h2 {font-size: 30px}
h3 {font-size: 24px}
h4 {font-size: 20px}
h5 {font-size: 18px}
h6 {font-size: 16px}

hr {
  height: 0;
  border: 0;
  border-top: 1px solid #eee;
  margin: 20px 0;
}

img{max-width:100%;}

.clr{clear:both;}

#header-main{
	width:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
	background-color: #FFFFFF;
}

.header{max-width:1100px; margin:0px auto; padding:0px;}

.logo{float:left; margin:10px 0px;}

.nav-main{width:60%; margin:0px; padding:0px; float:right;}

.call-us{margin:12px 0px 15px; padding:0px; float:right;}

.call-us h4{margin:0px; padding:0px;}

.call-us i{margin:0px 10px; padding:0px;}

#content{max-width:1100px; margin:0px auto; padding:0px; margin-top:1em;} 

#content h1{margin:5px 0px; padding:0px;}

#content h1 span{margin:0px; padding:0px; text-align:center; color:#ff7f00;}

#content h3{margin:0px; padding:0px;}

#content h4{margin:0px; padding:0px; line-height:1.3;}

#content p{margin:0px; padding:0px; text-align:justify;}

#gray-bg{width:100%; margin:0px; padding:0px; background:url(../images/arrow.jpg) center top no-repeat #f2f2f2; overflow:hidden;}

.popular-item{width:22.5%; margin:20px 0px; padding:10px; float:left; overflow:hidden;}

.popular-item:hover{background:#fff;}

.popular-item h3{margin:0px 0px; padding:0px; text-align:center;}

.popular-item p{margin:0px 0px; padding:0px; text-align:center; line-height:18px;}

.popular-item img{margin:0px auto 10px; display:block; text-align:center;} 

.lear-more{max-width:140px; margin:0px auto; padding:0px;}

.lear-more a{margin:20px 0px 10px; padding:5px; border:1px solid #d46c04; text-align:center; text-decoration:none; color:#000; display:block; border-radius:0.2em;}

.lear-more a:hover{background:#d46c04; transition: all 0.2s ease; color:#fff;}

.more{max-width:90px; margin:0px; padding:0px;}

.more a{margin:10px 0px 10px; padding:5px; border:1px solid #d46c04; text-align:center; text-decoration:none; color:#000; display:block; border-radius:0.2em;}

.more a:hover{background:#d46c04; transition: all 0.2s ease; color:#fff;}

.more-button{max-width:90px; margin:0px auto; padding:0px;}

.more-button a{margin:10px 0px 10px; padding:5px; border:1px solid #d46c04; text-align:center; text-decoration:none; color:#000; display:block; border-radius:0.2em; color:#fff;}

.submit{max-width:90px; margin:0px; padding:0px;}

.submit a{margin:10px 0px 10px; padding:5px; border:1px solid #d46c04; text-align:center; text-decoration:none; color:#000; display:block; border-radius:0.2em;}

.submit a:hover{background:#d46c04; transition: all 0.2s ease; color:#fff;}




.popular-item-right{float:right;}

.popular-item-second{float:left; margin-left:10px;}

.popular-item-third{float:left; margin-left:10px;}

.middle-panel{max-width:1100px; margin:0px auto; padding:0px; background:url(../images/middle-bg.jpg) left  top no-repeat; height:305px; color:#fff; text-align:center; overflow:hidden; margin-top:2em;} 

.middle-panel-text{width:65%; margin:0px auto; padding:0px; margin-top:10.5em;}

#bottom-section{max-width:1100px; margin:0px auto; padding:0px; margin-top:1em;}

.lates-news{width:45%; margin:0px; padding:0px; float:left;}

.lates-news h4{margin:5px 0px; padding:0px;}

.lates-news h5{margin:5px 0px; padding:0px; color:#999;} 

.testimonials{width:45%; margin:0px; padding:0px; float:right;}

.testimonils-image{margin:0px; padding:0px; float:left; width:25%;}

.testimonials-text{margin:0px; padding:0px; float:right; width:75%;}

.testimonials-text p{margin:0px; padding:0px; font-style:italic;}

.testimonials-text span{margin:5px 0px; padding:0px; color:#e97503; float:right; text-transform:uppercase;}

.testimonials-text span a{margin:0px; padding:0px; color:#e97503; text-decoration:none;}

.style{float:left;}

.style1{float:right; color:#c29f2e;}

.style2{float:right;}

.style3{padding-left:2em;}

.orange-bg{width:100%; margin:2em 0 0; padding:0px; background:#c19e2c; overflow:hidden;}

.orange-bg-inner{max-width:1100px; margin:0px auto; padding:15px 0 8px;}

.orange-bg-inner h4{margin:0px; display:inline; color:#fff;}

.orange-bg-inner h4 i{margin:0px 8px; padding:0px;}

.footer{width:100%; margin:0px; padding:15px 0px; background:#333; color:#fff; text-align:center; line-height:1.8;}

.footer a{margin:0px; padding:0px 0px; text-decoration:none; color:#fff; }

.footer a:hover{color:#c19e2c;}

.banner-bottom-bg{width:100%; margin:0px; padding:0px; background:url(../images/bg.jpg) left top repeat; overflow:hidden;}

.banner-bottom{max-width:1100px; margin:0px auto; padding:10px; overflow:hidden; display:block;}

.circle-section{width:20%; margin:0px; padding:10px; text-align:center; color:#fff; float:left; overflow:hidden;}

.circle-section img{margin:0px auto; padding:0px; border-radius:200px; border:4px solid #4c4c4c; text-align:center;}

.circle-section:hover img{border:4px solid #ff7f00; transition: all 0.2s ease;} 

.circle-section h3{margin:10px 0px; padding:0px;}

.circle-section-right{float:right;}

.circle-section-second{margin-left:3.2em;}

.circle-section-third{margin-left:3.2em;}

.circle-section:hover > .more-button a{background:#d46c04; transition: all 0.2s ease; color:#fff;}

.left-panel{width:30%; margin:0px; padding:0px; float:left;}

.right-panel{width:66%; margin:0px; padding:0px; float:right;}

.contact-right{width:60%; margin:0px; padding:0px; float:right;}

.contact-right ul{margin:20px 0px 0px; padding:0px;}

.contact-right ul li{margin:0px 0px 0px; padding:0px; list-style:none;}

.contact-right input,textarea {border: 1px solid #ebeaea; margin: 10px 0; padding: 8px 5px; width: 90%; background:#fcfbfb;}



/************************************************************************************
smaller than 1100
*************************************************************************************/
@media screen and (max-width: 1100px) {

img{max-width:100%;}

}


/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

img{max-width:100%;}

.logo{float:none; margin:10px auto; width:94%;}

.logo img{margin:0px auto; text-align:center; display:block;}

.nav-main{width:100%; margin:0px; padding:0px; float:none;}

.call-us{margin:12px 0px 15px; padding:0px; float:none;}

.call-us h4{margin:0px; padding:0px; text-align:center;}

.circle-section{width:80%; margin:0px auto; padding:10px; text-align:center; color:#fff; float:none; overflow:hidden;}

#content{max-width:1100px; margin:0px auto; padding:0px; margin-top:1em; width:94%;} 

#gray-bg{width:100%; margin:0px; padding:0px; background:url(../images/arrow.jpg) center top no-repeat #f2f2f2; overflow:hidden; background-size:10%;}

.popular-item{width:90%; margin:20px auto; padding:10px; float:none; overflow:hidden;}

.middle-panel{max-width:1100px; margin:0px auto; padding:0px; background:#333; height:auto; color:#fff; text-align:center; overflow:hidden; margin-top:0em;} 

.middle-panel-text{width:90%; margin:0px auto; padding:0px; margin-top:0;}

.lates-news{width:92%; margin:0px auto; padding:0px; float:none;}

.testimonials{width:92%; margin:0px auto; padding:0px; float:none;}

.testimonils-image{margin:0px; padding:5px 10px 0 0; float:left; width:25%;}

.testimonials-text{margin:0px; padding:0px; float:none; width:100%;}

.orange-bg-inner h4 {color: #fff; display: block; margin: 0 0 10px; padding: 0; text-align: center; width: 100%;}

.left-panel{width:100%; margin:0px; padding:0px; float:none;}

.right-panel{width:100%; margin:0px; padding:0px; float:none;}

.contact-right{width:100%; margin:0px; padding:0px; float:none;}


}


/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

img{max-width:100%;}

.logo{float:none; margin:10px auto; width:94%;}

.logo img{margin:0px auto; text-align:center; display:block;}

.nav-main{width:100%; margin:0px; padding:0px; float:none;}

.call-us{margin:12px 0px 15px; padding:0px; float:none;}

.call-us h4{margin:0px; padding:0px; text-align:center;}

.circle-section{width:80%; margin:0px auto; padding:10px; text-align:center; color:#fff; float:none; overflow:hidden;}

#content{max-width:1100px; margin:0px auto; padding:0px; margin-top:1em; width:94%;} 

#gray-bg{width:100%; margin:0px; padding:0px; background:url(../images/arrow.jpg) center top no-repeat #f2f2f2; overflow:hidden; background-size:10%;}

.popular-item{width:90%; margin:20px auto; padding:10px; float:none; overflow:hidden;}

.middle-panel{max-width:1100px; margin:0px auto; padding:0px; background:#333; height:auto; color:#fff; text-align:center; overflow:hidden; margin-top:0em;} 

.middle-panel-text{width:90%; margin:0px auto; padding:0px; margin-top:0;}

.lates-news{width:92%; margin:0px auto; padding:0px; float:none;}

.testimonials{width:92%; margin:0px auto; padding:0px; float:none;}

.testimonils-image{margin:0px; padding:5px 10px 0 0; float:left; width:25%;}

.testimonials-text{margin:0px; padding:0px; float:none; width:100%;}

.orange-bg-inner h4 {color: #fff; display: block; margin: 0 0 10px; padding: 0; text-align: center; width: 100%;}

.left-panel{width:100%; margin:0px; padding:0px; float:none;}

.right-panel{width:100%; margin:0px; padding:0px; float:none;}

.contact-right{width:100%; margin:0px; padding:0px; float:none;}

}



/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

img{max-width:100%;}

.logo{float:none; margin:10px auto; width:94%;}

.logo img{margin:0px auto; text-align:center; display:block;}

.nav-main{width:100%; margin:0px; padding:0px; float:none;}

.call-us{margin:12px 0px 15px; padding:0px; float:none;}

.call-us h4{margin:0px; padding:0px; text-align:center;}

.circle-section{width:80%; margin:0px auto; padding:10px; text-align:center; color:#fff; float:none; overflow:hidden;}


#content{max-width:1100px; margin:0px auto; padding:0px; margin-top:1em; width:94%;} 

#gray-bg{width:100%; margin:0px; padding:0px; background:url(../images/arrow.jpg) center top no-repeat #f2f2f2; overflow:hidden; background-size:10%;}

.popular-item{width:90%; margin:20px auto; padding:10px; float:none; overflow:hidden;}

.middle-panel{max-width:1100px; margin:0px auto; padding:0px; background:#333; height:auto; color:#fff; text-align:center; overflow:hidden; margin-top:0em;} 

.middle-panel-text{width:90%; margin:0px auto; padding:0px; margin-top:0;}

.lates-news{width:92%; margin:0px auto; padding:0px; float:none;}

.testimonials{width:92%; margin:0px auto; padding:0px; float:none;}

.testimonils-image{margin:0px; padding:5px 10px 0 0; float:left; width:25%;}

.testimonials-text{margin:0px; padding:0px; float:none; width:100%;}

.orange-bg-inner h4 {color: #fff; display: block; margin: 0 0 10px; padding: 0; text-align: center; width: 100%;}

.left-panel{width:100%; margin:0px; padding:0px; float:none;}

.right-panel{width:100%; margin:0px; padding:0px; float:none;}

.contact-right{width:100%; margin:0px; padding:0px; float:none;}

}



/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 320px) {

img{max-width:100%;}

.logo{float:none; margin:10px auto; width:94%;}

.nav-main{width:100%; margin:0px; padding:0px; float:none;}

.call-us{margin:12px 0px 15px; padding:0px; float:none;}

.call-us h4{margin:0px; padding:0px; text-align:center;}

.circle-section{width:80%; margin:0px auto; padding:10px; text-align:center; color:#fff; float:none; overflow:hidden;}

#content{max-width:1100px; margin:0px auto; padding:0px; margin-top:1em; width:94%;} 

#gray-bg{width:100%; margin:0px; padding:0px; background:url(../images/arrow.jpg) center top no-repeat #f2f2f2; overflow:hidden; background-size:15%;}

.popular-item{width:90%; margin:20px auto; padding:10px; float:none; overflow:hidden;}

.middle-panel{max-width:1100px; margin:0px auto; padding:0px; background:#333; height:auto; color:#fff; text-align:center; overflow:hidden; margin-top:0em;} 

.middle-panel-text{width:90%; margin:0px auto; padding:0px; margin-top:0;}

.lates-news{width:92%; margin:0px auto; padding:0px; float:none;}

.testimonials{width:92%; margin:0px auto; padding:0px; float:none;}

.testimonils-image{margin:0px; padding:5px 10px 0 0; float:left; width:25%;}

.testimonials-text{margin:0px; padding:0px; float:none; width:100%;}

.orange-bg-inner h4 {color: #fff; display: block; margin: 0 0 10px; padding: 0; text-align: center; width: 100%;}

.left-panel{width:100%; margin:0px; padding:0px; float:none;}

.right-panel{width:100%; margin:0px; padding:0px; float:none;}

.contact-right{width:100%; margin:0px; padding:0px; float:none;}
}