/* CSS Document */

@import url("http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic");
/* font-family: 'Lato', sans-serif; */ 

body { margin:0px; padding:0px; color:#757575; font-size:15px; font-family: 'Lato', sans-serif; }

.wrapper { margin:0 auto; width:1000px; }
.clr { clear:both; }
.flr { float:right; }
.fll { float:left; }
img { border:none; }

.header { height:65px; line-height:65px; float:left; width:100%; background:#FFF url(images/color_bars.png) repeat-x center top; box-shadow:0px 4px 4px rgba(0,0,0,0.2); }
.fixed_banner { position:fixed; top:0px; left:0px; z-index:1000; }
.logo { float:left; margin:12px 0px 0px 0px; 
transition:margin 0.3s;
-moz-transition:margin 0.3s;
-ms-transition:margin 0.3s;
-o-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
}
.logo:hover { float:left; margin:12px 0px 0px 10px; }

.nav { float:right; }
.nav ul { margin:5px 0px 0px 0px; padding:0px; float:left; } 
.nav ul li { list-style-type:none; display:inline; float:left; border-right:1px solid #e5e5e5; } 
.nav ul li a { display:inline-block; line-height:60px; color:#333; text-transform:uppercase; padding:0px 20px 0px 20px; font-size:12px; text-decoration:none; float:left; 
transition:background 0.3s, color 0.3s;
-moz-transition:background 0.3s, color 0.3s;
-ms-transition:background 0.3s, color 0.3s;
-o-transition:background 0.3s, color 0.3s;
-webkit-transition:background 0.3s, color 0.3s;
} 
.nav ul li a:hover { color:#FFF; background:#ff4d4d; font-weight:700; } 
.nav ul li.home a { display:inline-block; line-height:60px; height:60px; padding:0px 30px 0px 30px; font-size:0px; background:url(images/home_icon.png) no-repeat center bottom; }
.nav ul li.home a:hover { color:#FFF; background:#ff4d4d url(images/home_icon.png) no-repeat center top; }


.banner_area { float:left; text-align:center; width:100%; overflow:hidden; position:relative; }
.slidingFeatures { width:100%; position:relative; overflow:hidden; float:left; }
.banner_area img { width:100%; height:auto; }

.jshowoff-controls { padding:0px; margin:0px; }
.jshowoff-play { display:none; }

.jshowoff-prev { display:block; left:0px; top:38%; background:rgba(0,0,0,0.2) url(images/left_arrow.png) no-repeat center center; font-size:0px; text-decoration:none; position:absolute; height:90px; width:50px; 
transition:background 0.3s;
-moz-transition:background 0.3s;
-ms-transition:background 0.3s;
-o-transition:background 0.3s;
-webkit-transition:background 0.3s;
}
.jshowoff-prev:hover { background:rgba(255,100,100,1) url(images/left_arrow.png) no-repeat center center; }

.jshowoff-next { display:block; right:0px; top:38%; background:rgba(0,0,0,0.2) url(images/right_arrow.png) no-repeat center center; font-size:0px; text-decoration:none; position:absolute; height:90px; width:50px; 
transition:background 0.3s;
-moz-transition:background 0.3s;
-ms-transition:background 0.3s;
-o-transition:background 0.3s;
-webkit-transition:background 0.3s;
}
.jshowoff-next:hover { background:rgba(255,100,100,1) url(images/right_arrow.png) no-repeat center center; }

.jshowoff-slidelinks { position:absolute; right:20px; bottom:5px; }
.jshowoff-slidelinks a { background:#FFF; width:10px; height:10px; margin:0px 5px 0px 0px; display:inline-block; float:left; font-size:0px; text-decoration:none; border-radius:50px; }
.jshowoff-slidelinks a:hover { background:#ec2f2f; }
.jshowoff-slidelinks a.jshowoff-active { background:#ec2f2f; width:10px; height:10px; margin:0px 5px 0px 0px; display:inline-block; float:left; font-size:0px; text-decoration:none; border-radius:50px; }

.tag { position:absolute; bottom:0px; left:19%; padding:10px 40px 20px 40px; background:rgba(255,255,255,0.5); z-index:100; text-align:center; }
.tag h1 { font-family: 'Lato', sans-serif; font-size:70px; font-weight:300; color:#000; margin:0px; padding:0px; }
.tag h2 { font-family: 'Lato', sans-serif; font-size:22px; font-weight:300; color:#000; margin:0px; padding:0px; }

.welcome_area { float:left; width:100%; background:url(images/welcome_bg.png) fixed no-repeat center bottom; height:414px; position:relative; line-height:30px; }
.welcome_pic { float:left; margin:30px 20px 0px 0px; }
.welcome_text { float:left; margin:50px 0px 0px 0px; width:595px; }
.welcome_area h1 { margin:0px 0px 30px 0px; padding:0px; font-weight:300; font-size:35px; font-family: 'Lato', sans-serif; color:#000; }


.red_btn {
	display: block;
	text-decoration: none;
	color: #FFF;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	line-height: 40px;
	background: #ff4d4d;
	float: right;
	transition: background 0.3s, color 0.3s;
	-moz-transition: background 0.3s, color 0.3s;
	-ms-transition: background 0.3s, color 0.3s;
	-o-transition: background 0.3s, color 0.3s;
	-webkit-transition: background 0.3s, color 0.3s;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.red_btn:hover { background:#5e4a49; }


.yellow_btn { padding:0px 15px 0px 15px; display:block; text-decoration:none; color:#000 !important; font-size:14px; font-weight:400; text-align:center; line-height:33px; background:#ffb901; float:left; 
transition:background 0.3s, color 0.3s;
-moz-transition:background 0.3s, color 0.3s;
-ms-transition:background 0.3s, color 0.3s;
-o-transition:background 0.3s, color 0.3s;
-webkit-transition:background 0.3s, color 0.3s;
}
.yellow_btn:hover { background:#FFF !important; color:#000 !important; }

.segments { float:left; width:100%; background:url(images/bg1.png) fixed no-repeat center bottom; height:674px; }
.segment1 { float:left; width:475px; margin:35px 45px 0px 0px; }
.segment2 { float:left; width:475px; margin:35px 0px 0px 0px; }
.segment3 { float:left; width:475px; margin:45px 45px 20px 0px; }
.segment4 { float:left; width:475px; margin:45px 0px 20px 0px; }

.segments h2 { margin:0px 0px 20px 0px; padding:0px; font-weight:300; font-size:30px; font-family: 'Lato', sans-serif; color:#000; } 
.segments .texts { float:left; width:235px; margin:10px 0px 0px 0px; line-height:22px; font-size:14px; } 


.work_area { float:left; width:100%; background:url(images/bg2.png) fixed no-repeat center bottom; height:756px; }
.work_area h1 { width:100%; text-align:center; margin:30px 0px 30px 0px; padding:0px; font-weight:300; font-size:60px; font-family: 'Lato', sans-serif; color:#000; float:left; }

.testimonials_area { float:left; width:100%; background:#FFF; padding:30px 0px 30px 0px; }
.testimonials_area h2 { margin:0px 0px 20px 0px; padding:0px; font-weight:300; font-size:40px; font-family: 'Lato', sans-serif; color:#000; }
.testimonials_area .client { float:left; margin:0px 10px 0px 0px; }
.testimonials_area .testimonials { float:left; width:835px; padding:25px; background:#f8f8f8; line-height:23px; }

.testimonials_area .testimonials .quote1 { float:left; background:url(images/quote1.png) no-repeat left top; padding:0px 0px 0px 60px; }
.testimonials_area .testimonials .quote2 { float:left; background:url(images/quote2.png) no-repeat right top; padding:0px 60px 0px 0px; }

.testimonials_area .testimonials { float:left; width:835px; padding:25px; background:#f8f8f8; line-height:23px; }

.testimonials_area .testimonials a{ color:#36bae2; text-decoration:none; font-style:italic; }
.testimonials_area .testimonials a:hover{ color:#222; }
.testimonials_area .testimonials span { color:#9fb847; font-style:italic;}

.bottom_area { float:left; width:100%; padding:25px 0px 25px 0px; background:#16242f url(images/color_bars.png) repeat-x center top; color:#FFF; }

.bottom_area .bottom1 { float:left; width:350px; margin:0px 50px 0px 0px; }
.bottom_area .bottom1 h2 { font-weight:300; font-size:30px; font-family: 'Lato', sans-serif; margin:0px 0px 25px 0px; padding:0px 0px 5px 0px; border-bottom:1px solid #22c586; }

.bottom_area .bottom2 { float:left; width:270px; margin:0px 50px 0px 0px; }
.bottom_area .bottom2 h2 { font-weight:300; font-size:30px; font-family: 'Lato', sans-serif; margin:0px 0px 25px 0px; padding:0px 0px 5px 0px; border-bottom:1px solid #ffb900; }

.bottom_area .bottom3 { float:left; width:270px; }
.bottom_area .bottom3 h2 { font-weight:300; font-size:30px; font-family: 'Lato', sans-serif; margin:0px 0px 25px 0px; padding:0px 0px 5px 0px; border-bottom:1px solid #de6262; }


.blogs { float:left; width:100%; font-size:13px; }
.blogs .date_box{ float:left; background:#e46145; text-align:center; color:#FFF; font-size:25px; padding:5px 15px 5px 15px; overflow:hidden; margin:5px 20px 0px 0px; }
.blogs .date_box span{ float:left; width:150%; background:#FFF; color:#000; margin:5px -35px -5px -15px; font-size:16px; padding:5px 0px 5px 0px; }
.blogs .texts { float:left; width:200px; }
.blogs a { color:#36bae2; text-decoration:none;}
.blogs a:hover { color:#ffb901; }

.blogs .texts span{ color:#98a9b7; }

.fb { margin:0px; padding:0px; float:left; }
.fb li { list-style-type:none; display:inline; margin:0px 11px 6px 0px; float:left; }
.fb li:nth-child(3n) { margin:0px 0px 6px 0px; }
.fb li img { border:1px solid #98a9b7; opacity:0.8; 
transition:border 0.3s, opacity 0.3s;
-moz-transition:border 0.3s, opacity 0.3s;
-ms-transition:border 0.3s, opacity 0.3s;
-o-transition:border 0.3s, opacity 0.3s;
-webkit-transition:border 0.3s, opacity 0.3s;
}
.fb li img:hover { border:1px solid #ffb901; opacity:1; }

.bot_contact_form { float:left; width:100%; }
.bot_contact_form input[type='text'], .bot_contact_form input[type='email'] { background:#4c5b67; height:25px; padding:5px 10px 5px 10px; color:#cedae3; border:none; margin:0px 0px 10px 0px; width:92%;  }
.bot_contact_form input[type='text']:focus, .bot_contact_form input[type='email']:focus { background:#0e1922; color:#FFF; }

.bot_contact_form textarea { background:#4c5b67; height:75px; padding:10px 10px 5px 10px; color:#cedae3; border:none; margin:0px 0px 10px 0px; width:92%; font-family: 'Lato', sans-serif; font-size:14px;  }
.bot_contact_form textarea:focus { background:#0e1922; color:#FFF; }

.bot_contact_form input[type='submit'] { padding:0px 20px 0px 20px; display:block; text-decoration:none; color:#FFF; font-size:15px; font-weight:400; text-align:center; line-height:40px; background:#ff4d4d; float:left; cursor:pointer; border:none; height:31px; font-size:14px;
transition:background 0.3s, color 0.3s;
-moz-transition:background 0.3s, color 0.3s;
-ms-transition:background 0.3s, color 0.3s;
-o-transition:background 0.3s, color 0.3s;
-webkit-transition:background 0.3s, color 0.3s;
}
.bot_contact_form input[type='submit']:hover { background:#5e4a49; }


.footer {
	float: left;
	width: 100%;
	padding: 25px 0px 25px 0px;
	background: #ff4d4d;
	color: #FFF;
	border-top: 1px solid #ff4d4d;
}
.copyright {
	float: center;
	font-size: 13px;
}
.copyright span { color:#fff; }

/* CSS Document */

@import url("http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic");
/* font-family: 'Lato', sans-serif; */ 

body { margin:0px; padding:0px; color:#757575; font-size:15px; font-family: 'Lato', sans-serif; }

.wrapper { margin:0 auto; width:1000px; }
.clr { clear:both; }
.flr { float:right; }
.fll { float:left; }
img { border:none; }

.header { height:65px; line-height:65px; float:left; width:100%; background:#FFF url(images/color_bars.png) repeat-x center top; box-shadow:0px 4px 4px rgba(0,0,0,0.2); }
.fixed_banner { position:fixed; top:0px; left:0px; z-index:1000; }
.logo { float:left; margin:12px 0px 0px 0px; 
transition:margin 0.3s;
-moz-transition:margin 0.3s;
-ms-transition:margin 0.3s;
-o-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
}
.logo:hover { float:left; margin:12px 0px 0px 10px; }

.nav { float:right; }
.nav ul { margin:5px 0px 0px 0px; padding:0px; float:left; } 
.nav ul li { list-style-type:none; display:inline; float:left; border-right:1px solid #e5e5e5; } 
.nav ul li a { display:inline-block; line-height:60px; color:#333; text-transform:uppercase; padding:0px 20px 0px 20px; font-size:12px; text-decoration:none; float:left; 
transition:background 0.3s, color 0.3s;
-moz-transition:background 0.3s, color 0.3s;
-ms-transition:background 0.3s, color 0.3s;
-o-transition:background 0.3s, color 0.3s;
-webkit-transition:background 0.3s, color 0.3s;
} 
.nav ul li a:hover { color:#FFF; background:#ff4d4d; font-weight:700; } 
.nav ul li.home a { display:inline-block; line-height:60px; height:60px; padding:0px 30px 0px 30px; font-size:0px; background:url(images/home_icon.png) no-repeat center bottom; }
.nav ul li.home a:hover { color:#FFF; background:#ff4d4d url(images/home_icon.png) no-repeat center top; }


.banner_area { float:left; text-align:center; width:100%; overflow:hidden; position:relative; }
.slidingFeatures { width:100%; position:relative; overflow:hidden; float:left; }
.banner_area img { width:100%; height:auto; }

.jshowoff-controls { padding:0px; margin:0px; }
.jshowoff-play { display:none; }

.jshowoff-prev { display:block; left:0px; top:38%; background:rgba(0,0,0,0.2) url(images/left_arrow.png) no-repeat center center; font-size:0px; text-decoration:none; position:absolute; height:90px; width:50px; 
transition:background 0.3s;
-moz-transition:background 0.3s;
-ms-transition:background 0.3s;
-o-transition:background 0.3s;
-webkit-transition:background 0.3s;
}
.jshowoff-prev:hover { background:rgba(255,100,100,1) url(images/left_arrow.png) no-repeat center center; }

.jshowoff-next { display:block; right:0px; top:38%; background:rgba(0,0,0,0.2) url(images/right_arrow.png) no-repeat center center; font-size:0px; text-decoration:none; position:absolute; height:90px; width:50px; 
transition:background 0.3s;
-moz-transition:background 0.3s;
-ms-transition:background 0.3s;
-o-transition:background 0.3s;
-webkit-transition:background 0.3s;
}
.jshowoff-next:hover { background:rgba(255,100,100,1) url(images/right_arrow.png) no-repeat center center; }

.jshowoff-slidelinks { position:absolute; right:20px; bottom:5px; }
.jshowoff-slidelinks a { background:#FFF; width:10px; height:10px; margin:0px 5px 0px 0px; display:inline-block; float:left; font-size:0px; text-decoration:none; border-radius:50px; }
.jshowoff-slidelinks a:hover { background:#ec2f2f; }
.jshowoff-slidelinks a.jshowoff-active { background:#ec2f2f; width:10px; height:10px; margin:0px 5px 0px 0px; display:inline-block; float:left; font-size:0px; text-decoration:none; border-radius:50px; }

.tag { position:absolute; bottom:0px; left:19%; padding:10px 40px 20px 40px; background:rgba(255,255,255,0.5); z-index:100; text-align:center; }
.tag h1 { font-family: 'Lato', sans-serif; font-size:70px; font-weight:300; color:#000; margin:0px; padding:0px; }
.tag h2 { font-family: 'Lato', sans-serif; font-size:22px; font-weight:300; color:#000; margin:0px; padding:0px; }

.welcome_area { float:left; width:100%; background:url(images/welcome_bg.png) fixed no-repeat center bottom; height:414px; position:relative; line-height:30px; }
.welcome_pic { float:left; margin:30px 20px 0px 0px; }
.welcome_text { float:left; margin:50px 0px 0px 0px; width:595px; }
.welcome_area h1 { margin:0px 0px 30px 0px; padding:0px; font-weight:300; font-size:35px; font-family: 'Lato', sans-serif; color:#000; }


.red_btn { padding:0px 20px 0px 20px; display:block; text-decoration:none; color:#FFF; font-size:15px; font-weight:400; text-align:center; line-height:40px; background:#ff4d4d; float:left; 
transition:background 0.3s, color 0.3s;
-moz-transition:background 0.3s, color 0.3s;
-ms-transition:background 0.3s, color 0.3s;
-o-transition:background 0.3s, color 0.3s;
-webkit-transition:background 0.3s, color 0.3s;
}
.red_btn:hover { background:#5e4a49; }


.yellow_btn { padding:0px 15px 0px 15px; display:block; text-decoration:none; color:#000 !important; font-size:14px; font-weight:400; text-align:center; line-height:33px; background:#ffb901; float:left; 
transition:background 0.3s, color 0.3s;
-moz-transition:background 0.3s, color 0.3s;
-ms-transition:background 0.3s, color 0.3s;
-o-transition:background 0.3s, color 0.3s;
-webkit-transition:background 0.3s, color 0.3s;
}
.yellow_btn:hover { background:#FFF !important; color:#000 !important; }

.segments { float:left; width:100%; background:url(images/bg1.png) fixed no-repeat center bottom; height:674px; }
.segment1 { float:left; width:475px; margin:35px 45px 0px 0px; }
.segment2 { float:left; width:475px; margin:35px 0px 0px 0px; }
.segment3 { float:left; width:475px; margin:45px 45px 20px 0px; }
.segment4 { float:left; width:475px; margin:45px 0px 20px 0px; }

.segments h2 { margin:0px 0px 20px 0px; padding:0px; font-weight:300; font-size:30px; font-family: 'Lato', sans-serif; color:#000; } 
.segments .texts { float:left; width:235px; margin:10px 0px 0px 0px; line-height:22px; font-size:14px; } 


.work_area { float:left; width:100%; background:url(images/bg2.png) fixed no-repeat center bottom; height:756px; }
.work_area h1 { width:100%; text-align:center; margin:30px 0px 30px 0px; padding:0px; font-weight:300; font-size:60px; font-family: 'Lato', sans-serif; color:#000; float:left; }

.testimonials_area { float:left; width:100%; background:#FFF; padding:30px 0px 30px 0px; }
.testimonials_area h2 { margin:0px 0px 20px 0px; padding:0px; font-weight:300; font-size:40px; font-family: 'Lato', sans-serif; color:#000; }
.testimonials_area .client { float:left; margin:0px 10px 0px 0px; }
.testimonials_area .testimonials { float:left; width:835px; padding:25px; background:#f8f8f8; line-height:23px; }

.testimonials_area .testimonials .quote1 { float:left; background:url(images/quote1.png) no-repeat left top; padding:0px 0px 0px 60px; }
.testimonials_area .testimonials .quote2 { float:left; background:url(images/quote2.png) no-repeat right top; padding:0px 60px 0px 0px; }

.testimonials_area .testimonials { float:left; width:835px; padding:25px; background:#f8f8f8; line-height:23px; }

.testimonials_area .testimonials a{ color:#36bae2; text-decoration:none; font-style:italic; }
.testimonials_area .testimonials a:hover{ color:#222; }
.testimonials_area .testimonials span { color:#9fb847; font-style:italic;}

.bottom_area { float:left; width:100%; padding:25px 0px 25px 0px; background:#16242f url(images/color_bars.png) repeat-x center top; color:#FFF; }

.bottom_area .bottom1 { float:left; width:350px; margin:0px 50px 0px 0px; }
.bottom_area .bottom1 h2 { font-weight:300; font-size:30px; font-family: 'Lato', sans-serif; margin:0px 0px 25px 0px; padding:0px 0px 5px 0px; border-bottom:1px solid #22c586; }

.bottom_area .bottom2 { float:left; width:270px; margin:0px 50px 0px 0px; }
.bottom_area .bottom2 h2 { font-weight:300; font-size:30px; font-family: 'Lato', sans-serif; margin:0px 0px 25px 0px; padding:0px 0px 5px 0px; border-bottom:1px solid #ffb900; }

.bottom_area .bottom3 { float:left; width:270px; }
.bottom_area .bottom3 h2 { font-weight:300; font-size:30px; font-family: 'Lato', sans-serif; margin:0px 0px 25px 0px; padding:0px 0px 5px 0px; border-bottom:1px solid #de6262; }


.blogs { float:left; width:100%; font-size:13px; }
.blogs .date_box{ float:left; background:#e46145; text-align:center; color:#FFF; font-size:25px; padding:5px 15px 5px 15px; overflow:hidden; margin:5px 20px 0px 0px; }
.blogs .date_box span{ float:left; width:150%; background:#FFF; color:#000; margin:5px -35px -5px -15px; font-size:16px; padding:5px 0px 5px 0px; }
.blogs .texts { float:left; width:200px; }
.blogs a { color:#36bae2; text-decoration:none;}
.blogs a:hover { color:#ffb901; }

.blogs .texts span{ color:#98a9b7; }

.fb { margin:0px; padding:0px; float:left; }
.fb li { list-style-type:none; display:inline; margin:0px 11px 6px 0px; float:left; }
.fb li:nth-child(3n) { margin:0px 0px 6px 0px; }
.fb li img { border:1px solid #98a9b7; opacity:0.8; 
transition:border 0.3s, opacity 0.3s;
-moz-transition:border 0.3s, opacity 0.3s;
-ms-transition:border 0.3s, opacity 0.3s;
-o-transition:border 0.3s, opacity 0.3s;
-webkit-transition:border 0.3s, opacity 0.3s;
}
.fb li img:hover { border:1px solid #ffb901; opacity:1; }

.bot_contact_form { float:left; width:100%; }
.bot_contact_form input[type='text'], .bot_contact_form input[type='email'] { background:#4c5b67; height:25px; padding:5px 10px 5px 10px; color:#cedae3; border:none; margin:0px 0px 10px 0px; width:92%;  }
.bot_contact_form input[type='text']:focus, .bot_contact_form input[type='email']:focus { background:#0e1922; color:#FFF; }

.bot_contact_form textarea { background:#4c5b67; height:75px; padding:10px 10px 5px 10px; color:#cedae3; border:none; margin:0px 0px 10px 0px; width:92%; font-family: 'Lato', sans-serif; font-size:14px;  }
.bot_contact_form textarea:focus { background:#0e1922; color:#FFF; }

.bot_contact_form input[type='submit'] { padding:0px 20px 0px 20px; display:block; text-decoration:none; color:#FFF; font-size:15px; font-weight:400; text-align:center; line-height:40px; background:#ff4d4d; float:left; cursor:pointer; border:none; height:31px; font-size:14px;
transition:background 0.3s, color 0.3s;
-moz-transition:background 0.3s, color 0.3s;
-ms-transition:background 0.3s, color 0.3s;
-o-transition:background 0.3s, color 0.3s;
-webkit-transition:background 0.3s, color 0.3s;
}
.bot_contact_form input[type='submit']:hover { background:#5e4a49; }


.footer {
	float: left;
	width: 100%;
	padding: 25px 0px 25px 0px;
	color: #FFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	background-color: #ff4d4d;
}
.copyright { float:center; font-size:13px; }
.copyright span { color:#fff; }