/*
* Theme Name:Bubbles Responsive Parallax One Page Template
* Theme URI:http://www.2035themes.com/bubbles
* Author:2035Themes
* Author URI:http://www.2035themes.com/
* Version:1.0
*/

@import url("bubbles-reset.css");
@import url("font-awesome.min.css");
@import url("nivo-themes/default/default.css");
@import url("nivo-slider.css");
@import url("jquery.easy-pie-chart.css");

body{margin:0;padding:0;font-family: "Open Sans", sans-serif; font-size: 17px;line-height: 23px;font-weight:300;color:#666;}
body p {color:#555; }

/* Global */
#loading-area{position:fixed;width:100%;height:100%;background-color:#fff;z-index:9999999;overflow:hidden;}
#wrapper{width:100%;height:auto; background: #fff;}
.animated-area{overflow:hidden;}
.pos-center{text-align:center;}
.pos-left{text-align:left;}
.font-Montserrat{font-family: "Open Sans", Helvetica, sans-serif;}
.color-text{color:#727272 !important;}
a{ color:#727272; }
a:hover{color:#8ecfc2;text-decoration:none;}
input:focus{outline:none;}
textarea:focus{outline:none;}
.underline-green{width:24px;height:3px;border:0; background:#8ecfc2;}
.underline-red{width:24px;height:3px;border:0; background:#ed503c;}
.underline-yellow{width:24px;height:3px;border:0; background:#5D7DBA;}
.green-background{ background:#8ecfc2 !important;}
.red-background{ background:#ed503c !important;}
.yellow-background{ background:#5D7DBA !important;}
.blue-background{ background:#02a7d5 !important;}
.font-color-1{color: #8ecfc2;}
.font-color-2{color: #5D7DBA;}
.font-color-3{color: #ed503c;}
.rsp-img-center{margin:0 auto;}
.marginfix{height:1px;}
/* Global */

/* Home */
#home{position:relative;overflow:hidden;height:100%;width:100%;}
.intro{background:url(../temp/home_background.jpg) fixed;background-size:cover;background-position:center top;}
.home_slide{ position: absolute;  left: 50%; bottom: 45%; width: 450px; margin-left: -225px; text-align: center; } 
.home_slide h2{ font-size: 100px;  color: #3d3d3d; }
.home_slide h3{ font-size: 24px;  color: #727272;  }
.home-box{margin-top:18%;}
.home-slider ul li h2{color:#2b2b2b;font-size:120px;}
.home-box .home-splash{font-size:24px;color:#848484;}
.try-button{padding:10px 40px;background-color:#ed503c;border-radius:5px;color:#fff;font-size:22px;font-weight:300;}
.try-button:hover{color:#fff;}
.l-more{color:#727272;font-weight:300;font-size:14px;}
.l-more a{color:#727272;font-weight:700;text-decoration:underline;}
/* Home */

/* Menu */
.menu-container {
	position:relative;
	top:0;z-index:9999;
	width:100%;
	height:45px;
	border-bottom:2px solid #f5f5f5;
	background:#fff !important;
}
.fixedMenu{position:fixed; top:0px; z-index:99999999;}
#menu ul li{float:left; margin-right:35px; }
#menu ul li:last-child{ margin-right:0;}
#menu ul li a{font-size:12px;font-weight:400;}
#menu ul li.current {border-bottom:3px solid #3F72B0; padding:0 0 8px 0; color:#3F72B0}
#menu ul li.current a{ color:#3F72B0;}
.nav-toggle{display:none;}
.logo{padding:12px 10px 0px 30px;}
.logo h2 {color:#5D7DBA; font-size:16px;}
.logo a:hover {text-decoration: none}
.menu{padding:8px 20px 10px 10px;}
/* Menu */

/* About */
#about{height:auto;background:#fff;text-align:center;}
.title{ font-size:21px;}
.title-two{ font-size:38px; font-weight:300; color:#444; line-height:40px;}
.title-info{ font-size:15px; line-height:24px; font-weight:300 !important; max-width:570px; margin:0 auto; }
.about-icon{position:relative;top:0;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;-ms-transition: all 0.8s ease;transition: all 0.8s ease;}
.about-icon-1{width:40px;height:40px;background-color:#8ecfc2;border-radius:50%;padding-top:10px; text-align: center; color: #FFF;}
.about-icon-2{width:40px;height:40px;background-color:#5D7DBA;border-radius:50%;padding-top:10px; text-align: center; color: #FFF;}
.about-icon-3{width:40px;height:40px;background-color:#ed503c;border-radius:50%;padding-top:10px; text-align: center; color: #FFF;}
.small-title{ font-size: 15px; }						
.about-icon i{ font-size:18px;color:#fff;}
.about-box:hover .about-icon {top:-10px;}
.more-button{background:#efefef url(../temp/bright_squares.png); width: 210px; margin: 0 auto; background-position: 0 0;overflow: hidden;display: block;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;-ms-transition: all 0.8s ease;transition: all 0.8s ease;}
.more-button:hover {background-position: 0px 150px;}
.more-button a{font-size: 14px; display: block; padding-top: 10px; padding-bottom: 10px; }
.about .about-box p{ text-align: left; margin-top:10px;  }
.about .about-box h4{  padding-top: 11px; padding-left: 20px; }
.about .about-box{ text-align: left;}
.chart{width: 165px; margin:0 auto;}
.chart p{font-size: 20px; font-weight: 300;}
/* About */

/* Parallax One */
.parallax-one{height: 450px; background: url(../temp/parallax1.jpg) 50% 0 no-repeat fixed;}
.parallax-two{height: 400px !important; background: url(../temp/code.jpg) 50% 0 no-repeat fixed;}
.parallax-three{background: url(../temp/parallax2.jpg) 50% 0 no-repeat fixed;padding:160px 0 140px 0;}
.parallax-four{height: 600px !important; background: url(../temp/parallax3.jpg) 50% 0 no-repeat fixed;}
.text-slider { padding-top: 105px; }
.text-slider ul li{ height: 50px; } 
.text-slider ul li h2{ font-size: 50px;  letter-spacing: 8px; color: #FFF; }
/* Parallax One */

/* More Details */
.active-tab{position: relative;padding-top: 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background: #f5f5f5;}
.active-tab:after{right: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;}
.active-tab:after{border-color: rgba(137, 206, 193, 0);border-right-color: #f5f5f5;border-width: 10px;top: 50%;margin-top: -10px;}
.more-details-box{padding-top: 22px;margin-bottom:20px;}
.more-details-box i{font-size: 40px;padding-top:17px;padding-left:10px;}
.more-details-box h3{font-size: 16px;}
.more-details-box p{font-size: 14px; font-weight: 300; line-height: 24px; color: #929292; }
/* More Details */

/* Full Width Details */
.full-width-details{background: #f5f5f5;}
.full-width-details h3{ font-size: 16px;}
/* Full Width Details */

/* Meet Team */
.meet-team h3{font-size: 14px; }
.meet-team h4{font-size: 13px; font-weight: 600; color: #89cec1; }
.meet-team .team-box{border-right: solid 1px #efefef;}
.back p{text-align:left;}
.meet-team .personal-social-media i{font-size: 15px; color:#8ecfc2; margin-left: 10px; margin-right: 10px; }
.meet-team .team-box img{ border: solid 2px #f5f5f5;}
.hire-us{  height: 300px;   }
.hire-us .title-hire{ font-size: 31px; font-weight: 300 !important;  letter-spacing: 4px; }
.title-hire{ margin-top: 145px;  }
.hire-us a{font-size: 13px; padding-left: 40px; padding-right: 40px; color: #FFF; background:#8ecfc2; padding-top: 15px; padding-bottom: 15px;  margin: 0 auto;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
/* Meet Team */

/* Flip Card */
.flip-container {-webkit-perspective: 1000;-moz-perspective: 1000;perspective: 1000;}
.flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper{-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);filter: FlipH;-ms-filter: "FlipH";}
.flip-container, .front, .back{width: 100%;height:175px;}
.flipper{-webkit-transition: 0.6s;-webkit-transform-style: preserve-3d;-moz-transition: 0.6s;-moz-transform-style: preserve-3d;transition: 0.6s;transform-style: preserve-3d;position: relative;}
.front, .back{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;position:absolute;top:0;left:0;}
.front{z-index: 2;}
.back{-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);}
.front .name{-webkit-transform: rotate(-20deg);-moz-transform: rotate(-20deg);transform: rotate(-20deg);}
/* Flip Card */

/* Services */
.services-box{text-align: left;}
.services-box h4{padding-top: 11px; padding-left: 20px;}
.services-box p{margin-top:10px;}
.services-box{padding-bottom: 40px;}
.services-box:hover .about-icon {top:-10px;}
/* Services */

/* Customer Comments */
.customer-comments .customers-col h3{font-size: 13px; font-weight: 600; margin-top: 17px; }
.customer-comments .customers-col p{font-size: 11px;}
.tooltip{left:-100px !important;}
.tooltip-inner{width:400px;max-width:320px !important;font-weight:300;padding:10px 8px;color:#939393;line-height:22px;background-color:#f8f8f8;border:2px solid #f5f5f5;}
.tooltip.in{opacity:1;filter:alpha(opacity=100);}
.tooltip.top .tooltip-arrow{bottom:-5px;margin-left:-10px;border-width:10px 10px 0;border-top-color:#f5f5f5;}
/* Customer Comments */

/* Clients */
.clients{background: #f5f5f5;}
.clients h3{ font-size: 16px;}
/* Clients */

/* Portfolio */
.portfolio-list div{margin-bottom:30px;}
.view{overflow:hidden;position:relative;text-align:center;cursor:default;}
.view .mask{position:absolute;overflow:hidden;top:0;left:0;width:100%;height:100%;padding:0 15px;}
.view .mask .inner-mask{width:100%;height:100%;background:rgba(51,51,51,0);transition: all 0.4s ease-in-out;}
.view .mask .inner-mask:hover{width:100%;height:100%;background:rgba(51,51,51,0.9);}
.view .mask h3{opacity:0;transition: all 0.5s 0s ease-in-out;padding-top:0;font-size:18px;font-weight:400;color:#fff;}
.view .mask p{opacity:0;font-size:10px;font-weight:700;color:#5D7DBA;}
.view .mask .inner-mask:hover h3{opacity:1;padding-top:30%;transition-delay:0.3s;}
.view .mask .inner-mask:hover p{opacity:1;transition-delay:0.6s;}
.inner-mask a{display:block;width:100%;height:100%;}
.projects{color:#727272;}
.projects h2{font-size:26px;color:#848484;font-weight:400;}
.projects p{font-size:13px;font-style:italic;}
.project-info-box h3{font-size:15px;font-weight:400;color:#848484;}
.project-info-box p{font-style:normal;font-weight:400;}
.project-det li{border-bottom:1px solid #eaeaea;line-height:40px;}
.project-det li:last-child{border-bottom:0;}
.list-title{font-size:12px;}
.list-desc{font-weight:400;}
.project-info-box a{color:#89cec1;font-weight:600;}
.project-info-box a i{font-size:10px;}
.project-info-box a{text-decoration:none;}
/* Portfolio */

/* Click to Buy */
.ctb{padding:0 29px;}
.click-to-buy{background: #f5f5f5;}
.click-to-buy h2{ font-size: 26px;}
.click-to-buy a{font-size: 15px; display: block; width: 280px; color: #FFF; background:#8ecfc2; padding-top: 15px; padding-bottom: 15px;  margin: 0 auto; text-align: center; float: right;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.click-to-buy a:hover{color:#727272;}
/* Click to Buy */

/* Price List */
.price-list{background: #f5f5f5;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.prc-bx-1:hover{background: #8ecfc2;}
.prc-bx-2:hover{background: #5D7DBA;}
.prc-bx-3:hover{background: #02a7d5;}
.prc-bx-4:hover{background: #ed503c;}
.prc-bx-1:hover,.prc-bx-2:hover,.prc-bx-3:hover,.prc-bx-4:hover h2{color: #fff;}
.prc-bx-1:hover,.prc-bx-2:hover,.prc-bx-3:hover,.prc-bx-4:hover ul li{color: #fff;}
.price-circle{background:#FFF;margin: 0 auto;width: 120px;height: 120px;padding-top: 35px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.price-tables .price-box h2{ font-weight: 400; padding-top: 30px;}
.prc-bx-1 .price{font-size: 36px; color: #8ecfc2;  }
.prc-bx-2 .price{font-size: 36px; color: #5D7DBA; }
.prc-bx-3 .price{font-size: 36px; color: #02a7d5; }
.prc-bx-4 .price{font-size: 36px; color: #ed503c; }
.price-circle p.month{font-size: 12px; color: #929292;}
.price-tables .price-box ul li{font-size: 13px; line-height: 33px;}
.prc-bx-1 a{display: block;margin: 0 auto;background: #8ecfc2;width: 120px;height: 30px;font-size: 13px;color: #FFF;padding-top: 4px;text-align: center;margin-top: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.prc-bx-2 a{display: block;margin: 0 auto;background: #5D7DBA;width: 120px;height: 30px;font-size: 13px;color: #FFF;padding-top: 4px;text-align: center;margin-top: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.prc-bx-3 a{display: block;margin: 0 auto;background: #02a7d5;width: 120px;height: 30px;font-size: 13px;color: #FFF;padding-top: 4px;text-align: center;margin-top: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.prc-bx-4 a{display: block;margin: 0 auto;background: #ed503c;width: 120px;height: 30px;font-size: 13px;color: #FFF;padding-top: 4px;text-align: center;margin-top: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.prc-bx-1:hover a{background:#fff;color:#8ecfc2;}
.prc-bx-2:hover a{background:#fff;color:#5D7DBA;}
.prc-bx-3:hover a{background:#fff;color:#02a7d5;}
.prc-bx-4:hover a{background:#fff;color:#ed503c;}
/* Price List */

.video-play-button{width:110px;height:110px;background:rgba(255,211,60,0.3);border-radius:3px;margin:0 auto;margin-top:250px;text-align:center;padding-top:19px;}
.video-play-button a{color:#fff;font-size:80px;}

/* Contact */
.social-box-container{margin:0 auto; } 
.social-box{ background: #f5f5f5; width: 180px; height: 150px; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;}
.social-box a{width:100%;height:100%;display:block;}
.contact ul{display:inline-block;}
.contact ul li{float:left;margin-right:40px;}
.contact ul li:last-child{margin-right:0px;}
.social-box i{font-size: 50px; color: #c7c7c7; padding-top: 40px;}
.facebook-box:hover{background-color:#3b5998;}
.twitter-box:hover{background-color:#00aced;}
.skype-box:hover{background-color:#12A5F4;}
.foursquare-box:hover{background-color:#0072b1;}
.social-box:hover i{color:#fff;}
.social-box:hover p{color:#fff;}
.social-box p{font-size: 11px; margin-top: 15px;}
.contact-box h4{ width: 100%;}
.contact-box p{max-width: 200px;  margin:0 auto;  margin-top: 10px;}
.contact-box{padding-bottom: 60px;}
.contact-icon{position:relative;top:0;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;-ms-transition: all 0.8s ease;transition: all 0.8s ease;}
.contact-icon-1{width:40px;height:40px;background-color:#8ecfc2;border-radius:50%;padding-top:10px; color: #FFF; text-align:center; margin:0 auto;}
.contact-icon-2{width:40px;height:40px;background-color:#5D7DBA;border-radius:50%;padding-top:10px; color: #FFF; text-align:center; margin:0 auto;}
.contact-icon-3{width:40px;height:40px;background-color:#ed503c;border-radius:50%;padding-top:10px; color: #FFF; text-align:center; margin:0 auto;}
.contact-icon-4{width:40px;height:40px;background-color:#02a7d5;border-radius:50%;padding-top:10px; color: #FFF; text-align:center; margin:0 auto;}
.contact-box:hover .contact-icon {top:-10px;}
.map-wrapper{position:relative;}
#map{width:100%;height:235px;}
.expand-map{position:absolute;top:40%;left:50%;margin-left:-90px;z-index:9;}
.expand-map a{display:block;background-color:#5D7DBA;padding:15px 30px;color:#fff;font-size:13px;font-weight:400;border-radius:7px;}
.expand-map a i{margin-right:20px;}
/* Contact */

/* Footer */
.footer {}

/* Footer */

/* Shortcodes */
.shortcodes .title h2{font-size: 30px; font-weight: 300;}
.alt-line-one{width:60px;background-color:#EDEDED;height:1px;border:0;margin-right:10px;margin-top:7px;}
.alt-line-two{width:60px;background-color:#EDEDED;height:1px;border:0;margin-left:6px;margin-top:7px;}
.alt-seperator{max-width:165px;margin:0 auto;}
.alt-seperator i{font-size:13px;color:#8ecfc2;}

/* Products Sample */
.products-sample h2{font-size: 35px; line-height: 40px;}
.products-sample p{font-size: 14px; line-height: 24px; font-weight: 300; margin-top: 30px;}
.products-sample h3{font-size: 13px; font-weight: 400; margin-top: 10px;}
.products-sample-icon-1{width:55px;height:55px;background-color:#8ecfc2;padding-top:16px; text-align: center; color: #FFF; margin:0 auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.products-sample-icon-2{width:55px;height:55px;background-color:#5D7DBA;padding-top:16px; text-align: center; color: #FFF;  margin:0 auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.products-sample-icon-3{width:55px;height:55px;background-color:#ed503c;padding-top:16px; text-align: center; color: #FFF;  margin:0 auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

/* Products Sample Two */
.products-sample-two { height: 430px;}
.products-sample-two h2{font-size: 40px; font-weight: 300; line-height: 45px;}
.products-sample-two p{font-size: 14px; line-height: 24px; font-weight: 300; margin-top: 20px;}
.products-services-circle{position: relative;}
.circle-1{position: absolute; left: 0; margin-left: 95px; margin-top: 45px; background: #8ecfc2; width: 70px; height: 70px; text-align: center; color: #FFF; font-size: 20px; padding-top: 23px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.circle-2{position: absolute; left: 50%; margin-left: -37.5px;  background: #8ecfc2; width: 70px; height: 70px; text-align: center; color: #FFF; font-size: 20px; padding-top: 23px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.circle-3{position: absolute; right: 0;  margin-right: 115px; margin-top: 50px; background: #8ecfc2; width: 70px; height: 70px; text-align: center; color: #FFF; font-size: 20px; padding-top: 23px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.circle-4{position: absolute; left: 0; top: 50%;  margin-top: 175px; margin-left: 40px; background: #8ecfc2; width: 70px; height: 70px; text-align: center; color: #FFF; font-size: 20px; padding-top: 23px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.circle-5{position: absolute; right: 0; top: 50%; margin-top: 175px; margin-right: 65px; background: #8ecfc2; width: 70px; height: 70px; text-align: center; color: #FFF; font-size: 20px; padding-top: 23px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.circle-6{position: absolute;  margin-left:90px;  bottom: 0; margin-bottom: -390px;  background: #8ecfc2; width: 70px; height: 70px; text-align: center; color: #FFF; font-size: 20px; padding-top: 23px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.circle-7{position: absolute; left: 50%; bottom: 0; margin-bottom: -440px; margin-left: -37.5px; background: #8ecfc2; width: 70px; height: 70px; text-align: center; color: #FFF; font-size: 20px; padding-top: 23px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.circle-8{position: absolute;  bottom: 0; margin-bottom: -390px; right: 0;  margin-right: 115px;  background: #8ecfc2; width: 70px; height: 70px; text-align: center; color: #FFF; font-size: 20px; padding-top: 23px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.circle-center{position: absolute; background: url(../img/circle-center.png) center no-repeat; width: 530px; height: 438px; }
.products-services-circle .circle-1,.circle-2,.circle-3,.circle-4,.circle-5,.circle-6,.circle-7,.circle-8{
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.products-services-circle:hover .circle-1{background:#fff;border:2px solid #8ecfc2;color:#8ecfc2;}
.products-services-circle:hover .circle-2{background:#fff;border:2px solid #8ecfc2;color:#8ecfc2;}
.products-services-circle:hover .circle-3{background:#fff;border:2px solid #8ecfc2;color:#8ecfc2;}
.products-services-circle:hover .circle-4{background:#fff;border:2px solid #8ecfc2;color:#8ecfc2;}
.products-services-circle:hover .circle-5{background:#fff;border:2px solid #8ecfc2;color:#8ecfc2;}
.products-services-circle:hover .circle-6{background:#fff;border:2px solid #8ecfc2;color:#8ecfc2;}
.products-services-circle:hover .circle-7{background:#fff;border:2px solid #8ecfc2;color:#8ecfc2;}
.products-services-circle:hover .circle-8{background:#fff;border:2px solid #8ecfc2;color:#8ecfc2;}

/* Newsletter Sample */
.newsletter{  position: relative; background: #f5f5f5; height: 227px;   }
.newsletter h2{ font-size: 35px; }
.newsletter .button{  position: absolute;  left: 50%; margin-left: -170px; }
.newsletter p{ max-width: 550px; margin: 0 auto; margin-top: 20px; }
.newsletter input[type=email]{font-size: 13px; display: block; width: 210px; background:#FFF; color: #727272; padding-top: 10px; padding-bottom: 10px; padding-left: 20px;  margin: 0 auto; border: solid 1px #efefef;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}
.newsletter input[type=submit]{font-size: 13px; display: block; width: 110px; background:#8ecfc2; color: #FFF;   padding-top: 10px; padding-bottom: 10px;  margin: 0 auto; margin-left: 20px; border: solid 1px #efefef;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}
.newsletter-form p{text-align:center;padding:0;margin:0;color:#8ecfc2;margin-top:-20px;margin-left:90px;}

/* Services Without Icon */
.services-withut-icn h2{font-size: 15px;}
.services-withut-icn p{font-size: 14px; line-height: 24px; margin-top: 30px; max-width: 350px; font-weight: 300;} 
.services-withut-icn a{font-size: 13px; display: block; width: 120px; border: solid 1px #f5f5f5; margin-top:30px;  padding-top: 10px; padding-bottom: 10px;  margin: 0 auto;  
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}
.srv-wicn-box:hover a{background:#8ecfc2;color:#fff;}

/* Some Stats */
.some-stats-in ul{margin: 0 auto; display: inline-block;}
.some-stats-in ul li{float: left; margin-right: 40px;}
.some-stats-in ul li:last-child{float: left; margin-right: 40px;}
.some-stats-box{ background: #f5f5f5; width: 180px; height: 150px; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.some-stats-box i{font-size: 45px; padding-top: 54px;}
.some-stats-box p{margin-top: 10px;}
.some-stats-box:hover{background:#8ecfc2;}
.some-stats-box:hover i{color:#fff;}

/* Big Tabs */
.big-tabs ul li{ float: left; font-size: 15px; width: 284px; padding-top: 15px;}
.big-tabs ul li.active a{ color: #8ecfc2;}
.big-tabs .title-two h2{font-size: 35px; max-width: 700px; width: 100%; margin: 0 auto;}
.big-tabs p{ max-width: 950px; margin:0 auto;}

/* Blog Posts */
.post-date{background:#ed503c; width: 55px; height: 40px; font-size: 12px; color: #FFF; line-height: 16px; padding-top:5px; text-align: center; }
.post-date p{color: #FFF;  }
.blog-posts .blog-featured{ border-bottom: solid #f5f5f5 3px;}
.blog-posts .blog-featured h2{font-size: 18px; margin-left: 19px; margin-top: 2px;}
.blog-posts .blog-featured .blog-post-author{  margin-left: 20px;}
.blog-posts .blog-featured .blog-posts-title p{  margin-left: 19px; font-weight: 600;}
.blog-posts .blog-featured .blog-posts-title a{  color: #ed503c;}
.blog-posts .blog-featured p.post-content{ font-size: 14px; line-height: 24px; padding-top: 10px; padding-bottom: 20px;}
.small-posts{padding-left: 30px;}
.blog-posts .blog-posts-small{  padding-bottom:10px; padding-top: 20px; }
.blog-posts .blog-posts-small:first-child{ padding-top: 0px; }
.blog-posts .blog-posts-small:last-child{ padding-bottom:0px;  }
.blog-posts .blog-posts-small img{ padding-right: 10px;  }
.blog-posts .blog-posts-small{ border-bottom: solid #f5f5f5 3px;}
.blog-posts .blog-posts-small h2{font-size: 15px; margin-left: 10px; }
.blog-posts .blog-posts-small .blog-post-author{  margin-left: 20px;}
.blog-posts .blog-posts-small .blog-posts-title p{  font-size: 10px; margin-left: 10px; font-weight: 600;}
.blog-posts .blog-posts-small .blog-posts-title a{  color: #ed503c;}
.blog-posts .blog-posts-small p.post-content{ font-size: 13px; line-height: 22px;}

/* Buttons */
.button-styles ul li {float: left; margin-right: 10px;}
.button-styles ul li:last-child{margin-right: 0px;}
a.button-style-1{font-size: 13px; padding-left: 30px; padding-right: 30px; color: #FFF; background:#8ecfc2; padding-top: 10px; padding-bottom: 10px;  margin: 0 auto; text-align: center;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}
a.button-style-1 i{padding-right: 10px;}
a.button-style-2{font-size: 13px; padding-left: 30px; padding-right: 30px; color: #FFF; background:#8ecfc2; padding-top: 10px; padding-bottom: 10px;  margin: 0 auto; text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

/* List */
.list-styles ul li.only_shortcodes{float: left; margin-left: 120px; }
.list-style-1 ul li a{ line-height: 35px;}
.list-style-1 ul li i{ margin-right: 10px;}
.list-style-2 ul li{ padding-bottom:6px; padding-top: 6px; }
.list-style-2 ul li i{ margin-right: 10px;}

/* Quotes */
.quote-style{background-image:url(../img/quote-styl1t.png),url(../img/quote-styl1b.png);background-repeat:no-repeat;background-position:left top,right bottom;padding:20px 30px;font-size:19px;font-weight:400;}

/* Dropcap */
.dropcap-styles ul li.only_shortcodes{float: left;  }
.dropcap-style-1:first-letter {display:block;float:left;font-size:40px;line-height:40px;margin:0 8px 0 0;padding:3px 5px}
.dropcap-style-2:first-letter {display:block;float:left;font-size:40px;line-height:40px;margin:0 8px 0 0;background:#8ecfc2;color:#fff;padding:5px 15px;border-radius:50%}
.progress{height:5px;-webkit-box-shadow:0 0 0;box-shadow:0 0 0;background-color:#efefef;border:0;border-radius:5px;margin-top:-5px !important;}
.progress-bar{-webkit-box-shadow:0 0 0;box-shadow:0 0 0;}
.progress-bar.pyellow{background:#5D7DBA;}
.progress-bar.pred{background:#ed503c;}
.progress-bar.pgreen{background:#84cbbd;}
.progress-bar.pblue{background:#2593c8;}
.bar-box p{text-align:left;font-size:13px;font-weight:600;}

.panel{margin-bottom:20px;border:0;border-radius:0;-webkit-box-shadow:0 0 0;box-shadow:0 0 0;}
.panel-bubbles{border:1px solid #e9e8e4;padding:15px 20px;}
.active-panel{background-color:#8ecfc2;color:#fff;}
.plus-box{padding:4px 10px 6px 11px;color:#8ecfc2;}
.active .plus-box{padding:4px 10px 6px 11px;border:0;color:#fff;}
.panel-style1 h4 a{color:#9b9b9b;font-size:13px;font-weight:400;text-decoration:none;margin-left:10px;}
.active h4 a{color:#fff;text-decoration:none;margin-left:10px;}

.panel2{margin-bottom:20px;border:0;border-radius:0;-webkit-box-shadow:0 0 0;box-shadow:0 0 0;}
.panel-bubbles2{border:1px solid #e9e8e4;border-radius:4px;padding:15px 20px;}
.panel-bubbles2 .plus-box{padding:4px 10px 6px 11px;color:#8ecfc2;border-radius:4px;}
.panel-bubbles2 .active .plus-box{padding:4px 10px 6px 11px;border:0;background-color:#8ecfc2;color:#fff;border-radius:4px;}
.panel-bubbles2 .panel-style2 h4 a{color:#9b9b9b;font-size:13px;font-weight:400;text-decoration:none;margin-left:10px;}
.panel-bubbles2 .active h4 a{color:#8ecfc2;text-decoration:none;margin-left:10px;}

.tab-style-2{border:1px solid #e9e8e4;margin:0;padding:0;border-radius:5px;}
.tab-style-nav li{float:left;line-height:40px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.tab-style-nav li a{color:#727272;text-decoration:none;padding:0 30px;display:block;}
.tab-style-nav li a:hover{text-decoration:none;color:#8ecfc2;}
.tab-style-nav li.active{border-bottom:0;}
.tab-style-nav li.active a{color:#8ecfc2;}

/* Contact Form */
.contact-form-style-1 ul li{float: left; width: 360px; }
.contact-form-style-1 ul li:last-child{float: left; width: 380px; margin-left: 10px; }
.contact-form-style-1 input[type=text]{width: 100%; height: 45px; margin-bottom: 20px; border: solid 1px #e9e9e9; padding-left: 10px;}
.contact-form-style-1 textarea{width: 100%; height: 190px; margin-bottom: 20px; border: solid 1px #e9e9e9; padding-left: 10px;}
.contact-form-style-1 ::-webkit-input-placeholder { font-size: 12px; font-weight: 700; padding-left: 10px;  }
.contact-form-style-1 ::-moz-placeholder { font-size: 12px; font-weight: 700; padding-left: 10px; } /* firefox 19+ */
.contact-form-style-1 :-ms-input-placeholder { font-size: 12px; font-weight: 700;padding-left: 10px; } /* ie */
.contact-form-style-1 input:-moz-placeholder { font-size: 12px; font-weight: 700; padding-left: 10px; }
.contact-form-style-1 textarea::-webkit-input-placeholder { font-size: 12px; font-weight: 400; padding-top:10px;  font-style: italic; padding-left: 10px;  }
.contact-form-style-1 textarea::-moz-placeholder { font-size: 12px; font-style: italic; font-weight: 400; padding-top:10px; padding-left: 10px; } /* firefox 19+ */
.contact-form-style-1 textarea:-ms-input-placeholder { font-size: 12px; font-style: italic;font-weight: 400;  padding-top:10px; padding-left: 10px; } /* ie */
.contact-form-style-1 textarea input:-moz-placeholder { font-size: 12px; font-style: italic;font-weight: 400;  padding-top:10px; padding-left: 10px; }
.contact-form-style-1 input[type=submit]{ float: right; height: 35px; margin-bottom: 20px; padding-left:30px; padding-right: 30px;  background: #5D7DBA; border:none; color: #FFF; }
.contact-form-style-2 input[type=text]{width: 100%; height: 45px; margin-bottom: 10px; border: solid 1px #e9e9e9; padding-left: 10px;}
.contact-form-style-2 textarea{width: 100%; height: 165px; margin-bottom: 10px; border: solid 1px #e9e9e9; padding-left: 10px;}
.contact-form-style-2 ::-webkit-input-placeholder { font-size: 12px; font-weight: 700; padding-left: 10px;  }
.contact-form-style-2 ::-moz-placeholder { font-size: 12px; font-weight: 700; padding-left: 10px; } /* firefox 19+ */
.contact-form-style-2 :-ms-input-placeholder { font-size: 12px; font-weight: 700;padding-left: 10px; } /* ie */
.contact-form-style-2 input:-moz-placeholder { font-size: 12px; font-weight: 700; padding-left: 10px; }
.contact-form-style-2 textarea::-webkit-input-placeholder { font-size: 12px; font-weight: 400; padding-top:10px;  font-style: italic; padding-left: 10px;  }
.contact-form-style-2 textarea::-moz-placeholder { font-size: 12px; font-style: italic; font-weight: 400; padding-top:10px; padding-left: 10px; } /* firefox 19+ */
.contact-form-style-2 textarea:-ms-input-placeholder { font-size: 12px; font-style: italic;font-weight: 400;  padding-top:10px; padding-left: 10px; } /* ie */
.contact-form-style-2 textarea input:-moz-placeholder { font-size: 12px; font-style: italic;font-weight: 400;  padding-top:10px; padding-left: 10px; }
.contact-form-style-2 input[type=submit]{ float: right; height: 35px; margin-bottom: 20px; padding-left:30px; padding-right: 30px;  background: #5D7DBA; border:none; color: #FFF; }
.contact-hover input[type=submit]:hover{ background: #8ecfc2;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;}

/* Blog Post */
.blog-post{padding-bottom: 20px; border-bottom: solid 3px #f5f5f5;}
.blog-post h2{font-size: 18px;  margin-top: 20px;}
.blog-post i{color:#5D7DBA; padding-right: 10px; }
.blog-post p{ margin-top: 10px; }
.blog-post span{ margin-right: 30px; }
.post-materials{ padding-bottom: 10px; border-bottom: solid 1px #e9e9e9; }
.post-content-blog a{font-size: 12px; font-weight: 600; color: #5D7DBA; }
.blog-img{overflow:hidden;position:relative;text-align:center;cursor:default;}
.blog-img .mask{position:absolute;overflow:hidden;top:0;left:0;width:100%;height:100%;}
.blog-img .mask .inner-mask{width:100%;height:100%;background:rgba(51,51,51,0);transition: all 0.4s ease-in-out;}
.blog-img .mask .inner-mask:hover{width:100%;height:100%;background:rgba(51,51,51,0.9);}
.blog-img .mask .blog-external-link{opacity:0;transition: all 0.3s 0s ease-in-out;width:80px;height:80px;background:rgba(255,255,255,0.1);margin:0 auto;}
.blog-img .mask i{opacity:0;transition: all 0.3s 0s ease-in-out;padding-top:0;padding-left:15%;font-size:15px;font-weight:400;color:#5D7DBA;}
.blog-img .mask .inner-mask:hover i{opacity:1;padding-top:40%;padding-left:15%;transition-delay:0.3s;}
.blog-img .mask .inner-mask:hover .blog-external-link{opacity:1;margin-top:15%;}
.inner-mask a{display:block;width:100%;height:100%;}

/* Widget */
.blog a:hover{ color: #5D7DBA;}
.sidebar {padding-left: 30px;}
.sidebar h2{ font-size: 15px;}
.sidebar hr{ width: 20px; height: 2px; background:#5D7DBA;  margin:0; padding:0; margin-top:10px;  }
.widget-about p{  margin-top: 10px; }
.widget-categories ul{  margin-top: 10px; }
.widget-categories ul li{ border-bottom: solid 1px #f5f5f5; padding-bottom: 5px; padding-top: 5px; }
.widget-tags ul{ margin-top: 20px;}
.widget-tags ul li {float: left; margin-right: 5px; margin-bottom: 10px;}
.widget-tags ul li:last-child{ margin-right: 0;}
.widget-tags ul li a{background: #f5f5f5; padding: 4px;  padding-left: 10px; padding-right: 10px; font-size: 12px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}
.widget-tags ul li a:hover{background: #5D7DBA; color: #FFF;}
p.blog-post-quote{border-left: solid 4px #5D7DBA; padding-left: 10px; margin-left: 20px; max-width: 650px; color: #929292;}
.blog-post-tag i{ float: left; padding-top: 5px;  }
.blog-post-tag ul{ float: left; }
.blog-post-tag ul li {float: left; margin-right: 5px; margin-bottom: 10px;}
.blog-post-tag ul li:last-child{ margin-right: 0;}
.blog-post-tag ul li a{background: #f5f5f5; padding: 4px;  padding-left: 10px; padding-right: 10px; font-size: 12px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}
.blog-post-tag ul li a:hover{background: #5D7DBA; color: #FFF;}
.blog-post-share{padding:0; margin:0; padding-bottom: 10px; border-top: solid 3px #f5f5f5;  border-bottom: solid 1px #f5f5f5;  }
.comments-blog-post-top h2{float: left;}
.comments-blog-post-top a{float: right; font-size: 18px; padding-top: 18px; color: #5D7DBA; font-weight: 600;}
.user-comment-box{padding-bottom: 10px; border-bottom: solid 3px #f5f5f5;}
.comment-content{ padding: 50px; padding-top: 0; padding-right: 0; padding-bottom: 0;}
.comment-content a{ font-weight: 600; color: #5D7DBA;  }
.comment-content p.date{ font-size: 11px; padding: 0; margin:0;}

.twitter{position:relative; max-width: 980px; height: 210px;  text-align: center;  background-color: rgba(255, 255, 255, 0.6);}
#twitter-background i{ font-size: 40px; padding-top:20px; }
#twitter-box{font-size:14px;line-height:27px;font-weight:300; max-width: 850px; margin:0 auto; padding-top: 82px;}
#twitter-box a{ color: #00acee;}
.tweet_list{text-align:center !important;}
.comm-name{display:inline-block;}
.cust-name h2{font-size:20px !important;font-weight:600 !important;color:#ffeb00 !important;padding-top:22px;padding-left:30px;}
#twitter-background{position:absolute; left:50%; margin-left: -40px; top:-40px; border-radius: 50%; color:#fff;width:80px;height:80px;z-index:3;cursor:pointer; background-color: rgba(0, 172, 238, 0.6);}
#cprev, #cnext{position:absolute;top:90px;color:#fff;width:24px;height:31px;z-index:3;cursor:pointer; background-color: rgba(0, 172, 238, 0.6);}
#cnext{right:-12px;padding-top:6px;padding-left:2px;}
#cprev{left:-12px;padding-top:3px;padding-right:5px; padding-left: 2px;}
#cprev, #cnext:hover{text-decoration:none;}
#cprev, #cnext i{color:#FFF;font-size:18px; text-align: center;}
.cmmnt-crsl-bull{display:inline-block;  width: auto; margin:0 auto; text-align: center; }
.cmmnt-crsl-bull a{float:left;position:relative;width:11px;height:11px;margin: 0 4px 0 0;text-decoration:none;}
.cmmnt-crsl-bull a:before{content: "\f10c";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #00acee;font-size: 9px;position: absolute;top: 0;left: 0; opacity: 0.6; margin:0 auto;}
.cmmnt-crsl-bull a.selected:before{content: "\f111";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #00acee;font-size: 9px;position: absolute;top: 0; opacity: 0.6;}
.cmmnt-crsl-bull a span{display:none;}
.twitterd{max-width:1000px; height:  auto;  margin: 0 auto; text-align: center;  }
.twitterd ul li{  float: left; }
.twitterd{position:relative;}
#cprevtwo, #cnexttwo{position:absolute;top:10px;color:#727272;width:11px;height:26px;z-index:3;cursor:pointer; }
#cnexttwo{right:-30px;}
#cprevtwo{left:-30px;}
#cprevtwo, #cnexttwo:hover{text-decoration:none;}

/* Loading */
.loading-logo{width:177px;margin:0 auto;}
.loader{text-align: center;}

.loader span{display: inline-block;vertical-align: middle;width: 10px;height: 10px;margin: 50px auto;
	background: #5D7DBA;
	border-radius: 50px;-webkit-animation: loader 0.9s infinite alternate;-moz-animation: loader 0.9s infinite alternate;}
.loader span:nth-of-type(2){
	background: #ed503c;
	-webkit-animation-delay: 0.3s;-moz-animation-delay: 0.3s;}
.loader span:nth-of-type(3){
	background: #02a7d5;
	-webkit-animation-delay: 0.6s;-moz-animation-delay: 0.6s;}
@-webkit-keyframes loader{
0%{
	width: 10px;
	height: 10px;
	opacity: 0.9;
	-webkit-transform: translateY(0);
}
100%{
    width: 24px;
    height: 24px;
    opacity: 0.1;
    -webkit-transform: translateY(-21px);
}
}
@-moz-keyframes loader {
0%{
    width: 10px;
    height: 10px;
    opacity: 0.9;
    -moz-transform: translateY(0);
}
100%{
    width: 24px;
    height: 24px;
    opacity: 0.1;
    -moz-transform: translateY(-21px);
}
}


div.menu-container div.logo {padding-right: 0px;}
div.menu-container div.menu {padding-left: 0px;}







/* ==================================================
   Home Slider
================================================== */

#home-slider {
	/*position: relative;*/
	overflow: hidden;
	height: 100%;
}

#home-slider .overlay {
	display: none; 
	position: absolute;
	width: 100%;
	height: 100%;
	background: #26292E;
	opacity: 0.7;
	filter: alpha(opacity=70);
	z-index: 0;
}

#home-slider .container {
	height: 100%;	
	width:100%;
	margin-left: 0;
}

#home-slider .container .row {
	position: absolute;
	bottom: 0px;
	width:100%;
}

#home-slider .slider-text {
	position: relative;
	z-index: 2;	
	text-align: center;
}

#home-slider #slidecaption {
   background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    float: none;
    font-family: 'Open Sans',sans-serif;
    font-size: 28px;
    font-weight: 300;
    letter-spacing: -2px;
    line-height: 1em;
    margin: 0;
    opacity: 0.8;
    padding: 11px 20px 11px 20px;
    text-shadow: none;
}
/*
#home-slider #slidecaption {
	float: none;
	display: inline-block;
	text-shadow: none;	
	font-family: 'Open Sans', sans-serif;
	font-size: 26px;
	font-weight: 300;
	color: #FFFFFF;
	background: #000;
	letter-spacing: -2px;
	line-height: 1em;
	text-transform: uppercase;
	margin: 0;
	padding: 3px 10px 3px 10px;
	min-width: 150px;
}
*/


#home-slider .control-nav {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    height: 50px;
    margin: -50px 0 0;
    opacity: 0.8;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 2;
}

#home-slider #nextslide,
#home-slider #prevslide {
	background-image: none;
	background-color: #E0E0E0;
	display: inline-block;
	margin: 0;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	width: 50px;
	height: 50px;
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transition: background 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s;
		    transition: background 0.1s linear 0s;
}

#home-slider #nextslide {
	margin-left: -3px;	
}

#home-slider #nextsection {
	float:right;
}

#home-slider #nextslide:hover,
#home-slider #prevslide:hover {
	background-color:#3F70AF;
}

#home-slider #nextslide i,
#home-slider #prevslide i {
	font-size: 16px;
	color: #FFFFFF;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -7px;
	line-height: 1em;
}

#home-slider #nextslide i {
	margin-left: -8px;	
}

#home-slider #prevslide i {
	margin-left: -9px;	
}

#home-slider ul#slide-list {
	top: 50%;
	padding: 0;
	margin:-6px 0 0 0;	
}

#home-slider ul#slide-list li {
	margin-right: 12px;
}

#home-slider ul#slide-list li:last-child {
	margin-right: 0;	
}

#home-slider ul#slide-list li a {
	background-color: #E0E0E0;
	background-image: none;
	width: 12px;
	height: 12px;
	
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	border-radius: 999px;	
	
	-webkit-transition: background 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s;
		    transition: background 0.1s linear 0s;
}

#home-slider ul#slide-list li a:hover {
	background-color: #3F70AF;	
}

#home-slider ul#slide-list li.current-slide a,
#home-slider ul#slide-list li.current-slide a:hover {
	background-color:#3F70AF;
}

#home-slider #nextsection {
	background-color:#3F70AF;
	margin: 0;
	position: relative;
	float:right;
	width: 50px;
	height: 50px;
	
	-webkit-transition: background 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s;
		    transition: background 0.1s linear 0s;
}

#home-slider #nextsection:hover {
	background-color:#5F92CF;
}

#home-slider #nextsection i {
	font-size: 16px;
	color: #FFFFFF;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -7px;
	line-height: 1em;
}

#home-slider #nextsection i {
	margin-left: -7px;	
}







#socialbuts { background: #fff; position: fixed; z-index:99; top:100%; margin-top: -50px; left:0px; padding: 10px 5px 10px 10px;}
#socialbuts a:hover {opacity: 0.8;}





.fotorama-html-slide {height:100%; overflow: auto}
.fotorama-html-slide-pic {float:left; text-align:center; max-width:500px; overflow:hidden; max-height:500px; margin:0 15px 0px 0;}
.fotorama-html-slide-pic img {width:100%;}