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

body{ margin:0px; padding:0px; font-family:Source Sans Pro; color: #000; font-weight:400;}

#header{ background:url(../images/header-bg.png) center repeat-x; width:100%; height:148px; z-index:100000; top:0px;}
.header{width:1000px; margin:auto;}
.logo{width:334px; height:139px; float:left}

.header-info{width:655px; height:139px; float:right;}
.top-info{width:655px; height:46px;}
.text-icons{width:280px; height:46px; float:right; font-size:13px; color:#000; text-align:right}
.text-icons img{ float:left; margin-top:15px; margin-left:50px; margin-right:5px; text-align:right}
.text-icons span{ float:left; margin-top:15px; text-align:right}

.main-links{width:655px; height:93px;}

#top-icons{ width:80px; height:40px; padding-top:0px; float:right; text-align:right; margin-right:30px}
#top-icons a{ width:35px;margin-top:8px; float:left; opacity:1; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -o-transition: opacity 1.5s; }
#top-icons a:hover{opacity:0.3; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -o-transition: opacity 1.5s;}

#social-links{ width:180px; height:40px; padding-top:0px; float:right; text-align:right}
#social-links a{ width:35px;margin-top:8px; float:left; opacity:0.3; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -o-transition: opacity 1.5s; }
#social-links a:hover{opacity:1; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -o-transition: opacity 1.5s;}



#banner-bg{width:100%;  background:url(../images/bg-content.jpg); z-index:10000000000; padding:20px 0px 20px 0px; border-bottom:1px solid #c31f26; height:522px}
.banner-frame{ width:95%; margin:auto; /* border:8px ridge #fff;*/ height:325px; padding:10px 10px 20px 10px}
#owl-demo .item{width:305px;height:305px; text-align:center; margin:5px;  /*border:8px ridge #fff;*/ float:left}
#owl-demo .item img{display: block;width:305px;height:305px; }

#owl-demo .item span{font-size:16px; text-transform:uppercase; margin-top:10px;}
#owl-demo .item span a{ padding:8px 30px 8px 30px; background:url(../images/more-gray-bg.jpg) center repeat-x #5D72A2; color:#fff; text-decoration:none; border-radius:30px; font-weight:300;  -webkit-transition: background 1.5s; -moz-transition: background 1.5s; -o-transition: background 1.5s;}
#owl-demo .item span a:hover{background:url(../images/more-bg.jpg) center repeat-x #797979; -webkit-transition: background 1.5s; -moz-transition: background 1.5s; -o-transition: background 1.5s;}

.welcome-box{ width:1000px; margin:auto;}
.welcome{ width:200px;float:left; font-size:45px; font-weight:400; padding-bottom:5px; border-right:1px solid #000; margin:30px 0px 25px 0px; padding:20px 0px 20px 0px}
.welcome span{ color:#000}
.welcome-text{ font-size:16px; font-weight:400; margin:0px; text-align:justify; width:780px; float:right;margin:27px 0px 15px 0px; padding:0px 0px 10px 0px; }
.welcome-text a{ color:#c31f26; text-decoration:none; font-weight:600; padding-top:10px;
-webkit-transition: color 1.5s;  
-moz-transition: color 1.5s;  
-o-transition: color 1.5s;  
-ms-transition: color 1.5s;
-moz-transition: color 1.5s;  
-o-transition: color 1.5s;  
-ms-transition: color 1.5s;}

.welcome-text a:hover{ color:#000;
-webkit-transition: color 1.5s;  
-moz-transition: color 1.5s;  
-o-transition: color 1.5s;  
-ms-transition: color 1.5s;
-moz-transition: color 1.5s;  
-o-transition: color 1.5s;  
-ms-transition: color 1.5s;}




#about-container{ width:100%; background:#c31f26; float:left; padding:20px 0px 0px 0px; border-bottom:1px solid #c31f26;}

.about-main-box{ width:1000px; height:250px; margin:auto}

.box{ width:235px; height:250px; margin-right:20px; float:left;}
.box h1{ margin:5px 0px 10px 0px; font-family:Source Sans Pro; font-weight:400;font-size:20px; color:#fff;}
.box p{ margin:20px 0px; font-size:16px; color: #fff; text-transform:none;font-weight:400;}
.box p strong{color:#000;font-weight:600;}
.box span{font-family:Source Sans Pro; font-weight:400; font-size:15px; color:#000; float:left; margin-right:5px; position: inherit; margin-top:25px;}
.box span a{color:#fff; background:#980006; -webkit-transition: background 1.5s; text-decoration:none;  padding:6px 14px 7px 10px;  font-weight:400;
 -moz-transition: background 1.5s;  -o-transition: background 1.5s;  -ms-transition: background 1.5s;
  -moz-transition: color 1.5s;  -o-transition: color 1.5s;  -ms-transition: color 1.5s; border-radius:5px}
.box span a:hover{background:#fff; color:#980006;
-webkit-transition: background 1.5s;  -moz-transition: background 1.5s;  -o-transition: background 1.5s;  -ms-transition: background 1.5s;
  -moz-transition: color 1.5s;  -o-transition: color 1.5s;  -ms-transition: color 1.5s;}

/* close section */



#feature-prducts{ width:100%;  background:#fff; float:left; height:400px; padding:10px 0px 30px 0px}
.feature-slide{width:1000px; margin:15px auto 0px auto;}
.feature-slide h1{ font-family:Source Sans Pro; font-weight:400;font-size:28px; color:#c31f26}

.left-box{ width:270px; height:340px; margin-right:30px; float:left;}

.center-box{ width:220px; height:340px; margin-right:30px; float:left}
.center-box p{ font-size:15px; font-weight:400; text-align:justify; margin:0px 0px 10px 0px; padding:0; color:#464343}
.center-box p strong{color:#000;font-weight:600;}

.links-events{ font-size:15px; width:220px; color:#464343; float:left; margin-top:5px; line-height:19px}
.links-events a{color:#c31f26; text-decoration:none;
-webkit-transition: color 1.5s;  
-moz-transition: color 1.5s;  
-o-transition: color 1.5s;  
-ms-transition: color 1.5s;
-moz-transition: color 1.5s;  
-o-transition: color 1.5s;  
-ms-transition: color 1.5s;}

.links-events a:hover{color:#000;
-webkit-transition: color 1.5s;  
-moz-transition: color 1.5s;  
-o-transition: color 1.5s;  
-ms-transition: color 1.5s;
-moz-transition: color 1.5s;  
-o-transition: color 1.5s;  
-ms-transition: color 1.5s;}

.right-box{ width:450px; height:340px; float:left; }
.right-box img{ font-size:15px; font-weight:400; margin:0px 23px 18px 0px; border:2px solid #fff; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -o-transition: opacity 1.5s; }
.right-box img:hover{background:url(../images/magnifier.png) center no-repeat; opacity: 0.4; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -o-transition: opacity 1.5s; }



#front-gallery{ width:100%; float:left; background: url(../images/feature-shadow.jpg) top repeat-x #f6f6f5; padding:10px 0px 20px 0px;}

.front-gallery{ width:1000px; padding:10px 0px 0px 0px; margin:0px auto 0px auto}


.photo{ width:300px; float:left;  margin-right:17px; padding-right:17px; background:url(../images/vline.jpg) right repeat-y}
.photo h1{ margin:0px auto 0px auto; font-weight:300; font-size:25px; color:#828282; text-align:center}
.photo p{ margin:0px; font-size:16px; color:#606060; text-align:justify; font-weight:300}
.photo strong{color:#000; font-weight:400; text-transform:uppercase}

.video{ width:340px; float:left;  margin-right:17px; padding-right:5px; background:url(../images/vline.jpg) right repeat-y}
.video h1{ margin:0px auto 5px auto; font-weight:300; font-size:25px; color:#828282; text-align:center}
.video p{ margin:0px; font-size:16px; color:#606060; text-align:justify; font-weight:300}
.video strong{color:#000; font-weight:400; text-transform:uppercase}


.media{ width:300px; float: right;}
.media h1{ margin:0px auto 5px auto; font-weight:300; font-size:25px; color:#828282; text-align:center}
.media p{ margin:0px; font-size:16px; color:#606060; text-align:justify; font-weight:300}
.media strong{color:#000; font-weight:400; text-transform:uppercase}



/* footer section */
#footer-bg{ width:100%; height:65px; background:#c31f26; float:left;}
.footer{ width:1000px; height:25px; margin:auto; padding:20px 0px 10px 0px; font-size:12px; color:#4b441b; line-height:20px;}


.footer-left-main-page{ width:550px; font-size:15px; color:#a7a8ab; line-height:20px; float:left;}
.footer-left-main-page a{-webkit-transition: color 1.5s; -moz-transition: color 1.5s; -o-transition: color 1.5s; -ms-transition: color 1.5s; color:#fff; text-decoration:none; padding:0px 3px 0px 3px;}
.footer-left-main-page a:hover{-webkit-transition: color 1.5s; -moz-transition: color 1.5s; -o-transition: color 1.5s; -ms-transition: color 1.5s; color:#a7a8ab;}
.footer-left-main-page strong{color:#000;}

.footer-right-main-page{ width:450px; font-size:15px; color:#fff; line-height:20px; float:right; text-align: right; font-weight:400}
.footer-right-main-page a{color:#fff; -webkit-transition: color 1.5s; -moz-transition: color 1.5s; -o-transition: color 1.5s; -ms-transition: color 1.5s; text-decoration:none; padding:0px 3px 0px 3px; font-weight:400}
.footer-right-main-page a:hover{-webkit-transition: color 1.5s; -moz-transition: color 1.5s; -o-transition: color 1.5s; -ms-transition: color 1.5s; color:#a7a8ab;}





/* about page */
#aboutus-container{ width:950px; background: url(../images/bg-trans.png); border-top:3px; padding:25px; margin:0px auto 30px auto}
#aboutus-container h1{ margin:0px 0px 8px 0px; font-weight:300;font-size:35px; color:#000; border-bottom:1px solid #000}
#aboutus-container p{ margin:0px; text-transform:none; text-align:justify}
#aboutus-container strong{ margin:0px; text-transform:uppercase; font-weight:600; color:#c31f26}
/* close page */


/* infra page */
#infra-container{ width:1000px;margin:30px auto 30px auto;}
.infra{float:left; width:950px; background: url(../images/bg-trans.png); border-top:3px; padding:25px; margin:0px auto 30px auto;}

#infra-container h1{ margin:0px 0px 0px 0px; font-weight:300;font-size:35px; color:#000; border-bottom:1px solid #000}
#infra-container h2{ margin:25px 0px 5px 0px; font-weight:400;font-size:25px; color: #333333; border-bottom:1px dashed #CCCCCC; text-transform:uppercase}
#infra-container p{ margin:0px; text-transform:none; text-align:justify; float:left}
#infra-container strong{ margin:0px; text-transform:uppercase; font-weight:500; color:#000}

#infra-container img{ font-size:15px; font-weight:400; margin:10px 6px 0px 0px; border:2px solid #fff; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -o-transition: opacity 1.5s;
-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.30);
-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.30);
box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.30);
}

#infra-container img:hover{background:url(../images/magnifier.png) center no-repeat; opacity: 0.4; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -o-transition: opacity 1.5s; }


#infra-container iframe{margin:10px 8px 0px 0px; border:2px solid #fff; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -o-transition: opacity 1.5s;}

/* close page */


/* feedback page */
#feedback-container{ width:950px; background: url(../images/bg-trans.png); border-top:3px; padding:25px;margin:30px auto 30px auto; height:480px}
#feedback-container h1{ margin:0px 0px 8px 0px; font-weight:300;font-size:35px; color:#000; border-bottom:1px solid #000}
#feedback-container p{ margin:0px; text-transform:none; text-align:justify; float:left}
#feedback-container strong{ margin:0px; text-transform:uppercase; font-weight:500; color:#000}

.feedback-left-side{ width:50%; float:left; margin-top:10px}
.feedback-right-side{ width:50%; float:right; margin-top:10px}

#feedback-contant h1{ margin:0px 0px 8px 0px; font-family: 'Open Sans Condensed', sans-serif; font-weight:600;font-size:28px; color:#D20000; text-transform:uppercase }
#feedback-contant h1 img{ float:left; vertical-align:top; margin-right:5px}
#feedback-contant p{ margin:0px; line-height:15px}
#feedback-contant strong{ margin:0px; text-transform:uppercase; color:#000}

input{ background:#fff; width:450px; height:25px; border:1px solid #CCCCCC; padding:5px 0px 5px 10px; font-size:14px; color:#999999; margin-top:6px}
textarea{ background:#fff; width:450px; height:45px; border:1px solid #CCCCCC; padding:10px 0px 10px 10px; font-size:14px; color:#999999; margin-top:6px}


.button{ width:120px; height:40px; padding:0px; color:#FFFFFF; font-size:14px; border:0px;

 background:#c31f26; -webkit-transition: background 1.5s; text-decoration:none;  -moz-transition: background 1.5s;  -o-transition: background 1.5s;  -ms-transition: background 1.5s;  -moz-transition: color 1.5s;  -o-transition: color 1.5s;  -ms-transition: color 1.5s;}
.button:hover{ width:120px; height:40px; padding:0px; background:#000; cursor: pointer; color:#FFFFFF; font-size:14px;} 
/* close page */



/* contact page */
#contact-contant{ width:950px; background: url(../images/bg-trans.png); border-top:3px; padding:25px;  margin:30px auto 30px auto; height:250px;}
#contact-left-side{ width:50%; float:left; margin-top:8px; border-right:1px dotted #000}
#contact-center-side{ width:33%; float:left; border-left:1px dotted #000; margin:8px 10px 0px 15px; padding:0px 0px 0px 15px;}
#contact-right-side{ width:45%; float:right; margin-top:8px}

#contact-contant h1{ margin:0px 0px 8px 0px; font-weight:300;font-size:35px; color:#000; border-bottom:1px solid #000}
#contact-contant p{ margin:0px; text-transform:none; font-size:15px}
#contact-contant strong{ margin:0px; text-transform:uppercase; font-weight:900; color:#c31f26}
/* close page*/











/* Gallery Section */
#gallery{ list-style: none; display: inline}
#gallery img{}

#gallery a{font-size:12px; font-weight:bold; text-decoration:none; text-align:center; color:#000; line-height:30px; float:left;
-webkit-transition: color 1.5s; -moz-transition: color 1.5s; -o-transition: color 1.5s; -ms-transition: color 1.5s;}

#gallery a:hover img{}

#gallery a:hover{ color:#D20000; -webkit-transition: color 1.5s; -moz-transition: color 1.5s; -o-transition: color 1.5s; -ms-transition: color 1.5s;}
/* Close Section */




.clr{ clear:both}