﻿@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

*{ margin:0; padding:0; outline:none; border:none; text-decoration:none; list-style:none; }
body{ background:#ffffff; font:400 13px/20px 'Open Sans', sans-serif; color:#666666; }

.fly-l{ float:left !important; }
.fly-r{ float:right !important; }
.fly-n{ float:none !important; }

.txt-l{ text-align:left !important; }
.txt-r{ text-align:right !important; }
.txt-c{ text-align:center !important; }
.txt-j{ text-align:justify !important; }

.clr-both{ clear:both !important; }
.clr-margin{ margin:0 !important; }
.clr-padding{ padding:0 !important; }


/*--- Header Section ---*/
.header-main{ width:100%; float:left; background:#ffffff; }
.header{ width:1200px; margin:0 auto; min-height:102px; position:relative; }

.header .logo{ float:left; margin:10px 0 0 0; }

.header .nav{ float:right; margin:34px 23px 0 0; }
.header .nav li{ float:left; margin:0 0 0 6px; }
.header .nav li a{ font-size:14px; line-height:36px; color:#797979; display:block; padding:0 17px; -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; transition:all 0.5s ease-in; }
.header .nav li a:hover, .header .nav li.active a{ background:#f8872b; color:#ffffff; }

.header .shadow{ width:100%; position:absolute; bottom:-38px; left:0; text-align:center; z-index:1; }
.header .shadow > img{ max-width:100%; }

/*--- Banner Section ---*/
.banner{ width:100%; float:left;}

/*--- Main Section ---*/
.main{ width:100%; float:left; }

/* Getting In Touch Section */
.getting-touch-main{ width:100%; float:left; background:#2b2e31; }
.getting-touch{ width:1200px; margin:0 auto; min-height:77px; text-align:center; padding:18px 0; position:relative; }
.getting-touch h2{ font-size:35px; line-height:41px; color:#fefefe; text-transform:uppercase; font-weight:700; }
.getting-touch p{ font-size:20px; line-height:26px; color:#cacaca; font-style:italic; }
.getting-touch .arrow{ width:100%; position:absolute; bottom:-15px; left:0; text-align:center; }

/* Introductory Form Section */
.intro-form{ width:1200px; margin:0 auto; padding:20px 0 39px; overflow:hidden; background:url(../images/intro-form-line.png) repeat-x 0 bottom; }
.intro-form .field-part{ width:948px; float:left; text-align:center; }
.intro-form .submit-part{ width:252px; float:right; }

.intro-form .field-part input[type="text"], .intro-form .field-part input[type="email"]{ border:solid 1px #ebebeb; border-color:#ebebeb #c9c9c9 #c9c9c9 #ebebeb; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; width:373px; height:22px; padding:12px 58px 12px 16px; font:400 15px/22px 'Open Sans', sans-serif; color:#7c7c7c; margin:12px 4px 0; display:inline-block; box-shadow:none; }

.intro-form .field-part input.first-name{ background:url(../images/fn-icon.png) no-repeat; background-position: right 20px center; }
.intro-form .field-part input.last-name{ background: url(../images/ln-icon.png) no-repeat; background-position: right 20px center; }
.intro-form .field-part input.company{ background: url(../images/cmp-icon.png) no-repeat; background-position: right 20px center; }
.intro-form .field-part input.email{ background: url(../images/ml-icon.png) no-repeat; background-position: right 20px center; }



.intro-form .submit-part input[type="submit"]{ background: #f8872b; /* Old browsers */
background: -moz-linear-gradient(top, #f8872b 0%, #df6706 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8872b), color-stop(100%,#df6706)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f8872b 0%,#df6706 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f8872b 0%,#df6706 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f8872b 0%,#df6706 100%); /* IE10+ */
background: linear-gradient(to bottom, #f8872b 0%,#df6706 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8872b', endColorstr='#df6706',GradientType=0 ); /* IE6-9 */ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font:700 20px/58px 'Open Sans', sans-serif; color:#ffffff; text-transform:uppercase; padding:0 59px; height:58px; display:inherit; -webkit-box-shadow: 3px 3px 0 #8C8C8C; -moz-box-shadow: 3px 3px 0 #8C8C8C; box-shadow: 3px 3px 0 #8C8C8C; cursor:pointer; margin:33px auto 0; }
.intro-form .submit-part input[type="submit"]:hover{ background: #df6706; /* Old browsers */
background: -moz-linear-gradient(top, #df6706 0%, #f8872b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df6706), color-stop(100%,#f8872b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #df6706 0%,#f8872b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #df6706 0%,#f8872b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #df6706 0%,#f8872b 100%); /* IE10+ */
background: linear-gradient(to bottom, #df6706 0%,#f8872b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df6706', endColorstr='#f8872b',GradientType=0 ); /* IE6-9 */ }

/* Intro Section */
.intro{ width:1200px; margin:0 auto; text-align:center; padding:38px 0 52px 0; }
.intro h2{ text-transform:uppercase; font-size:45px; line-height:51px; color:#f8872b; font-weight:400; background:url(../images/intro-title-bg.png) no-repeat center bottom; padding:0 0 16px; }
.intro h2 span{ font-weight:700; color:#000000; }
.intro p{ font-size:15px; line-height:25px; font-weight:300; color:#666666; padding:25px 0 0 0; }
.intro a{ background:#333333 url(../images/learn-more.png) no-repeat 22px center; padding:0 27px 0 61px; font-size:15px; line-height:48px; color:#f6fcfe; text-transform:uppercase; font-weight:600; display:inline-block; -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; transition:all 0.5s ease-in; margin:32px 0 0 0; }
.intro a:hover{ background-color:#F8872B; }

/* Service Section */
.service-main{float:left; width:100%; background:url(../images/block-bg.gif) 0 0 repeat; padding:30px 0; }
.service{width:65%;  margin:0 auto;}
.block-box{float:left; width:24%; margin:0px; padding:0px;}
.box-img{float:left;  width:100%; text-align:center; padding:0 0 20px;}

.block-box .box-img img{transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;}
.block-box:hover .box-img img{transform:scale(1.2, 1.2); -webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2);}
.block-box h2{float:left; width:100%; margin:0px; padding:0px 0 15px; text-align:center; 
             /* font:bold 15px 'Open Sans', sans-serif; */
              font-family: 'UniversLT-CondensedLight'; font-size: 16px; font-weight: 600; line-height: 22px;		
              color:#333333; 
              text-transform:uppercase;}
.block-box p{float:left; width:100%; padding:0px; margin:0px; text-align:center; 
             font:300 12px/20px 'Open Sans', sans-serif; color:#666666;}
.block-box a.readmore{ width:90px; padding:0 0px 0 0;  margin:18px 10px 0 60px; float:left; 
                       text-align:center; font:bold 11px 'Open Sans', sans-serif; color:#f8872b; 
                       text-decoration:none; background:url(../images/more-arrow.png) right 3px no-repeat; 
                       text-transform:uppercase; -webkit-transition:all 0.5s ease-in; 
                       -moz-transition:all 0.5s ease-in; transition:all 0.5s ease-in;}
.block-box a.readmore:hover{color:#000;}





/* News & Testimonial Section */
.update{ width:65%; margin:0 auto; padding:4px 0 44px; overflow:hidden; }

.news-block{ float:left; width:47%; }
.news-block h2{ float:left; color:#f8872b;
                font-weight:700; font-size:17px; 
                font-family: 'UniversLT-CondensedLight';line-height: 22px;	
                line-height:23px; padding:0 0 8px; background:url(../images/heading-border.gif) 0 bottom no-repeat; 
                text-transform:uppercase; margin:0 0 18px; }
.newz{ float:left; width:100%; }
.newz h2{ float:left; width:100%; font-weight:700;
          font-family: 'UniversLT-CondensedLight';line-height: 22px;	
          font-size:15px; line-height:21px; color:#666666; background:none; margin:0px; padding:0 0 6px; }
.newz span.date{ font-style:italic; font-size:12px; line-height:18px; color:#f8872b; float:left; width:auto;}
.newz p{float:left; width:100%; padding:12px 0 8px; margin:0px; font-weight:300; color:#666666;}

.testimonials{float:right; width:47%; }
.testimonials h2{float:left; color:#f8872b; font-weight:700; font-size:17px; line-height:23px; padding:0 0 8px; background:url(../images/heading-border.gif) 0 bottom no-repeat; text-transform:uppercase; margin:0 0 18px;}
.testimonial-block{float:left; width:100%; }
.testimonial-block .images{float:left; width:20%; position:relative; margin:0 15px 0 0;}
.images-frame{position:absolute; left:0; top:0px;}

.testimonial-block .text{float:left; width:70%; margin:0px; padding:0px; padding-left:12px;}
.testimonial-block .text p{float:left; width:100%; font-weight:300;   line-height:22px; color:#666666; margin:0px; padding:5px 0 10px;}
.testimonial-block .text p.name{color:#020202;}

.testimonial-block .social{float:right; width:auto; margin:-26px 32px 0 0; padding:0px;}
.testimonial-block .social .icon{float:left; width:auto; margin:0 10px 0 0;}
.testimonial-block .social .icon.twt{float:left; width:auto; margin-top:2px;}

/* Newsletter Section */
.newsletter-main{ width:100%; float:left; border-top:solid 1px #a8a8a8; } 
.newsletter{ width:240px; margin-top:4px; padding:0px 0 0px; overflow:hidden; float:left; }

.newsletter .text-part{ background:url(../images/news-icon.png) no-repeat 0 0; width:58%; float:left; padding:0 0 0 7%; min-height:67px; }
.newsletter .input-part{ float:right; padding:0px 0 0 0; }

/*.newsletter h2{ font-size:25px; line-height:31px; color:#333333; font-weight:800; text-transform:uppercase; margin:7px 0 0 0; }
.newsletter p{ color:#333333; text-transform:uppercase; margin:2px 0 0 0; }*/

.newsletter input[type="text"]{ width:55%; height:14px; margin-top:2px; padding:6px 10px; background:#fff; border:solid 1px #5c5c5c; border-width:1px 0px 1px 1px; font:300 12px/18px 'Open Sans', sans-serif; color:#565656; float:left; }
.newsletter input[type="submit"]{ background:#6CC725; 
                                  -webkit-border-radius:2px; 
                                  -moz-border-radius:2px; 
                                  border-radius:2px; 
                                  font:300 13px/40px 'Open Sans', sans-serif; 
                                  color:#ffffff; height:32px; 
                                  padding:0 10px; line-height:10px;
                                  margin:0px 0 0 0; 
                                  text-transform:uppercase; float:left;  -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; transition:all 0.5s ease-in; cursor:pointer; display:block; }
.newsletter input[type="submit"]:hover{ background-color:#F8872B; }

/*--- Footer Section ---*/
.footer{ width:100%; float:left; }

.footer-top-main{ width:100%; float:left; background:#f8872b; }
.footer-top{ width:65%; margin:0 auto; padding:54px 0 65px 0; overflow:hidden; }

.footer-bot-main{ width:100%; float:left;}
.footer-bot{ width:100%; margin:0 auto; text-align:center; padding:10px 0 10px; }

.footer .block{ float:left; width:18%; padding:0 2% 0 0; }
.footer .block.last{ padding:0; width:20%; }
.footer .block h3{ font-size:18px; line-height:30px; font-weight:300; color:#fff; padding:0 0 19px; }
.footer .block ul li a{ font-size:15px; line-height:26px; color:#ffffff; font-weight:300; -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; transition:all 0.5s ease-in; }
.footer .block ul li a:hover{ color:#333333; }
.footer .block p{ font-size:15px; line-height:26px; color:#ffffff; font-weight:300; }
.footer .block p a{ color:#ffffff; -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; transition:all 0.5s ease-in; }
.footer .block p a:hover{ color:#333333; }

.footer .block .social{ margin:18px 0 0 0; }
.footer .block .social li{ float:left; margin:0 10px 0 0; }
.footer .block .social li a{ display:block; }


.img-frist
{
 float:left;
 height:100px;
 width:410px;
 -webkit-border-radius:2px; 
-moz-border-radius:2px; 
border-radius:2px; 
}













