@charset "utf-8";
/* CSS Document */

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 # GENERAL STYLING 
 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
body{background:url(../images/inde  x05.jpg) no-repeat center top #f7f7f7; line-height:22px; margin:0 auto; text-align:left; height:auto !important; color:#807f7f; font-family:'Raleway', sans-serif; font-size:13px;}
img, fieldset {border: 0; outline:0;}
/* set image max width to 100% */
img {max-width: 100%; height: auto;	width: auto\9; /* ie8 */}
/* set image max width to 100% */
div{ width:100%;}
/* Clear Fix */
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
.clear{clear:both;}
.bckNone{background:none}
.flLeft{float:left;}
.flRight{float:right;}
.mg0010{margin-bottom:10px;}
.mg0020{margin-bottom:20px;}
.p0010{ padding-left:10px;}
.p0020{ padding-left:20px;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*Common link*/
a {color:#333333; text-decoration:none; transition: color 0.5s ease-out 0s, background 0.5s ease-in 0s;}
a:hover{color:#B38D20; text-decoration:none; }

.main{ max-width:980px; height:auto; margin:0 auto; position:relative;}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 # Header 
 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#header{width:100%; height:auto; background:url(../images/header.png) repeat-x bottom center #FFF; margin:0 auto 20px 0; padding:0;}
#logo{width:313px; height:auto; background:none;  padding:0; float:left; }

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 # MAIN NAVIGATION 
 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#main-nav { background:none; margin: 0; padding: 0; float:right;  font-size:15px;}
#main-nav li {margin: 0; padding: 0; list-style: none;	float: left; }
#main-nav a {line-height: 100%;	font-weight:normal; color: #232222; display: block;	padding: 45px 26px;	text-decoration: none; transition: color 0.5s ease-out 0s, background 0.5s ease-in 0s;}
#main-nav a:hover {color: #353535;	background:url(../images/nav-bg.png) repeat; }
#main-nav .act{color: #91118c;	background:url(../images/nav-bg.png) repeat; font-weight:bold;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 # Box01 
 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.box01-out{ max-width:304px; height:304px; margin:0 58px 64px -35px; padding:0; float:left; display:inline-block; background:none; position:relative;}
.box01-out .box01{ width:304px; height:304px; margin:0; padding:0; float:left; background:url(../images/r-01.png) no-repeat center top; border-radius:149px; position:absolute; top:0; left:0; z-index:50; border:1px solid #91118c;}
.box01-out .shadow{width:307px; height:105px; margin:0; padding:0; float:left; background:url(../images/shadow.png) no-repeat center top; position:absolute; bottom:-50px; left:0; z-index:20}
.box01-out .box02{ width:172px; height:172px; margin:0; padding:0; float:left; display:inline-block; background:url(../images/small-raund.png) no-repeat center top; position:absolute; top:146px; right:-39px; z-index:60; transition: all 0.3s ease-in-out 0.5s;}
.box01-out .box02:hover{ background:url(../images/small-raundrv.png) no-repeat center top; transform: scale(1.1); cursor:pointer;}
.box01-out .box02 h1{ font-weight:bolder; text-align:center; font-size:17px; color:#414141;  padding:0; margin:50px 0 6px 0;}
.box01-out .box02 h6{ width:124px; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:12px; line-height:18px; font-weight:normal; color:#666666; padding:0; margin:0 auto;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 # Box02 
 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.box02-out{ max-width:304px; height:304px; margin:0 54px 64px 0px; padding:0; float:left; display:inline-block; background:none; position:relative;}
.box02-out .box01{ width:304px; height:304px; margin:0; padding:0; float:left; background:url(../images/r-02.png) no-repeat center top; border-radius:149px; position:absolute; top:0; left:0; z-index:50; border:1px solid #638a15;}
.box02-out .shadow{width:307px; height:105px; margin:0; padding:0; float:left; background:url(../images/shadow.png) no-repeat center top; position:absolute; bottom:-50px; left:0; z-index:20}
.box02-out .box02{ width:172px; height:172px; margin:0; padding:0; float:left; display:inline-block; background:url(../images/small-raund.png) no-repeat center top; position:absolute; top:146px; right:-39px; z-index:60; transition: all 0.3s ease-in-out 0.5s;}
.box02-out .box02:hover{ background:url(../images/small-raundrv.png) no-repeat center top; transform: scale(1.1); cursor:pointer;}
.box02-out .box02 h1{ font-weight:bolder; text-align:center; font-size:17px; color:#414141;  padding:0; margin:50px 0 6px 0;}
.box02-out .box02 h6{ width:124px; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:12px; line-height:18px; font-weight:normal; color:#666666; padding:0; margin:0 auto;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 # Box03 
 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.box03-out{ max-width:304px; height:304px; margin:0 -35px 64px 0px; padding:0; float:left; display:inline-block; background:none; position:relative;}
.box03-out .box01{ width:304px; height:304px; margin:0; padding:0; float:left; background:url(../images/r-03.png) no-repeat center top; border-radius:149px; position:absolute; top:0; left:0; z-index:50; border:1px solid #ff5a09;}
.box03-out .shadow{width:307px; height:105px; margin:0; padding:0; float:left; background:url(../images/shadow.png) no-repeat center top; position:absolute; bottom:-50px; left:0; z-index:20}
.box03-out .box02{ width:172px; height:172px; margin:0; padding:0; float:left; display:inline-block; background:url(../images/small-raund.png) no-repeat center top; position:absolute; top:146px; right:-39px; z-index:60; transition: all 0.3s ease-in-out 0.5s;}
.box03-out .box02:hover{ background:url(../images/small-raundrv.png) no-repeat center top; transform: scale(1.1); cursor:pointer;}
.box03-out .box02 h1{ font-weight:bolder; text-align:center; font-size:17px; color:#414141;  padding:0; margin:50px 0 6px 0;}
.box03-out .box02 h6{ width:124px; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:12px; line-height:18px; font-weight:normal; color:#666666; padding:0; margin:0 auto;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 # Services-box
 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.services-box{width:235px; margin:18px 13px 0px 0px; padding:0 0 16px 0px; float:left; display:block; background:url(../images/shadow02.png) bottom no-repeat;}
.services-box .inear{width:223px; margin:0px 0px 0px 0px; padding:3px 5px 0 5px; float:left; background:#f0f0f0; border:1px solid #e4e4e4; text-align:left; line-height:20px; font-weight:300; color:#2f2f2e;}
.button-all{ width:91px; font-size:12px;  text-align:center; padding:5px 0px; margin:6px auto 7px auto;
 background: url(../images/button-all-bg.png) repeat-x top; color: #000 ; border:1px solid #7b0c26; border-radius:7px;}
.button-all a{color:#FFF; text-decoration: none;}
.button-all a:hover{color:#ffaa03!important; }

.services-box-last{width:235px; margin:18px 0px 0px 0px; padding:0 0 16px 0px; float:right; display:block; background:url(../images/shadow02.png) bottom no-repeat;}
.services-box-last .inear{width:223px; margin:0px 0px 0px 0px; padding:3px 5px 0 5px; float:left; background:#f0f0f0; border:1px solid #e4e4e4; text-align:left; line-height:20px; font-weight:300; color:#2f2f2e;}

.services-page .services-box .inear h2, .services-page .services-box-last .inear h2{ font-size:17px;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 # Main Concant
 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
 p{ text-align:left; padding:0; margin:0; float:left; font-size:13px; font-weight:normal; line-height:23px; color:#807f7f;}
.homeim{ width:258px; margin:0 0 0 -18px; padding:0 0 0px 0px; float:left; display:inline-block; }
.ser-im{ width:235px; height:166px; margin:0 10px 0px 0px; padding:0 0 0px 0px; float:left; display:inline-block; }
.pageim{ padding:0; margin:0 auto 20px auto; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
# Contact Us
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.box-right3{width:290px; padding:0; margin:0px 0 0px 0; float:right; background:none;}
.box-right3 span{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; text-align:left; padding:1px 10px 1px 0; margin:10px 0; color:#1b5faa; font-size:16px; line-height:20px; background:#ffffff; }
.box-right4{width:600px; padding:0; margin:0px 0 0px 0; float:left; background:none;}
.box-right4 span{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; text-align:left; padding:1px 10px 1px 0; margin:10px 0; color:#1b5faa; font-size:16px; line-height:20px; background:#ffffff; }
.box-right4 p{margin:10px 0 0 0;}
.formfill{ margin:0 0 10px 0; padding:0; background:none;}
.formfill label{ text-align:left; font-size:13px; color:#333; font-weight:bold; padding:0; margin:0 0 5px 0; display:block;}
.formfill input{ width:400px; height:35px; margin:0; padding:0; border:1px solid #cccccc; background:#d6d6d6; border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;}
.formfill textarea{ width:402px; height:90px; margin:0; padding:0; border:1px solid #cccccc; -moz-box-sizing: border-box; background:#d6d6d6; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;}
.button{background-color: #41241e; border-radius:7px;
    background-image: -moz-linear-gradient(center bottom , #212121 0%, #474747 100%);  border: 1px solid #DDDDDD;  border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px 0 rgba(180, 180, 180, 0.2); display: inline-block; font-size: 13px;  font-weight: bold; line-height: 13px;  margin: 0 5px 20px 0;
    padding: 12px 20px; cursor:pointer; color:#FFF}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 # Footer
 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.footer{ width:100%; height:80px; margin:0 auto; padding:27px 0 0 0; background:url(../images/footer.png) repeat-x top #222222;}
.footer-button{font-size:14px; color:#FFF; margin:0; padding:0 0 0 0px; height:20px; background: none; }					
.footer-button ul{list-style:none; margin:0 ; padding:0; float:left; background: none;}
.footer-button ul li{display:inline; margin:0; padding:0; background: none;}				 
.footer-button li a{text-decoration:none; padding:0 14px 0 15px; color:#FFF; background: none;}
.footer-button li a:hover{color:#D0CCCD; background: none;}
/*<!--.footer-button li :first-child { padding:0 14px 0 0px;}-->*/
.copy{ width:410px; text-align:left; color:#FFF; font-size:14px; padding:0; margin:20px 0 0 0; float:left;}
.social-icon-bottom{ width:159px; float:right; padding:0; margin:10px 0 0 0;}
.social-f{width:43px; height:43px; margin:0 15px 0px 0; padding:0; float:left; display:inline-block;}
.social-f a{width:43px; height:43px; background:url(../images/f.png) no-repeat; padding:0; margin:0; float:left;
-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;}
.social-f a:hover{background:url(../images/f.png) no-repeat;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);}
.social-t{width:43px; height:43px; margin:0 15px 0px 0; padding:0; float:left; display:inline-block;}
.social-t a{width:43px; height:43px; background:url(../images/t.png) no-repeat; padding:0; margin:0; float:left;
-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;}
.social-t a:hover{background:url(../images/t.png) no-repeat;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);}
.social-l{width:43px; height:43px; margin:0 0px 0px 0; padding:0; float:left; display:inline-block;}
.social-l a{ background:url(../images/l.png) no-repeat; width:43px; height:43px; padding:0; margin:0; float:left;
-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;}
.social-l a:hover{background:url(../images/l.png) no-repeat;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);}
.social-y{width:43px; height:43px; margin:0; padding:0; float:right; display:inline-block;}
.social-y a{ background:url(../images/y.png) no-repeat; width:43px; height:43px; padding:0; margin:0; float:left;
-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;}
.social-y a:hover{ background:url(../images/y.png) no-repeat;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 # Typography
 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.main h1{ text-align:left; font-size:25px; color:#950224; font-weight:bold; padding:0 0 15px 0; margin:0 0 15px 0;}
.main h2{ text-align:center; font-size:25px; color:#950224; font-weight:bold; padding:0 0 7px 0; margin:0;}
.main h3{text-align:left; font-size:17px; color:#950224; font-weight:bold; padding:0 0 0px 0; margin:5px 0 5px 0;}
.main h4{text-align:left; font-size:17px; color:#759831; font-weight:bold; padding:0 0 0px 0; margin:0px 0 5px 0;}

.line{ background:url(../images/h1-bg.png) repeat-x bottom;}
.line032{ width:auto; padding:15px; margin:0 0 25px 0; float:left; border:1px solid #cccccc} 

