@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,400,700,800);body,
html{-webkit-font-smoothing:antialiased !important;-moz-osx-font-smoothing:grayscale;overflow-y:auto;overflow-x:hidden;font-family:'Open Sans', sans-serif;color:#6f6f6f;background-color:#d8d9d5;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0JyBoZWlnaHQ9JzgnIHZpZXdCb3g9JzAgMCA1IDEwJz4KCTxyZWN0IHdpZHRoPScxMTAlJyB4PSctNSUnIHk9Jy01JScgaGVpZ2h0PScxMTAlJyBmaWxsPScjZDhkOWQ1Jy8+Cgk8bGluZSB4MT0nLTInIHkxPScxJyB4Mj0nNycgeTI9JzEwJyBzdHJva2U9JyNmZmZmZmYnIHN0cm9rZS13aWR0aD0nMC40NScvPgoJPGxpbmUgeDE9Jy0yJyB5MT0nNicgeDI9JzcnIHkyPScxNScgc3Ryb2tlPScjZmZmZmZmJyBzdHJva2Utd2lkdGg9JzAuNDUnLz4KCTxsaW5lIHgxPSctMicgeTE9Jy00JyB4Mj0nNycgeTI9JzUnIHN0cm9rZT0nI2ZmZmZmZicgc3Ryb2tlLXdpZHRoPScwLjQ1Jy8+Cjwvc3ZnPg==');}
::-webkit-scrollbar{width:2px;}
::-webkit-scrollbar-track{background:rgba(0, 0, 0, 0.1);}
::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.5);}
@media (min-width:1200px){.container{width:1100px}
}
h1{font-weight:900;text-transform:uppercase;}
h1 small{text-transform:lowercase}
h2{line-height:36px;font-weight:900;text-transform:uppercase;font-size:36px}
h5{font-size:16px}
p{font-size:14px;color:#888880;text-shadow:0px 1px 1px rgba(255,255,255,0.5);}
a{color:inherit;transition:all 0.5s;}
a:hover,
a:focus{text-decoration:none;color:#008066;}
.highlight{color:#008066}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
#tf-menu{margin-bottom:0;background-color:#d8d9d5;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0JyBoZWlnaHQ9JzgnIHZpZXdCb3g9JzAgMCA1IDEwJz4KCTxyZWN0IHdpZHRoPScxMTAlJyB4PSctNSUnIHk9Jy01JScgaGVpZ2h0PScxMTAlJyBmaWxsPScjZDhkOWQ1Jy8+Cgk8bGluZSB4MT0nLTInIHkxPScxJyB4Mj0nNycgeTI9JzEwJyBzdHJva2U9JyNmZmZmZmYnIHN0cm9rZS13aWR0aD0nMC40NScvPgoJPGxpbmUgeDE9Jy0yJyB5MT0nNicgeDI9JzcnIHkyPScxNScgc3Ryb2tlPScjZmZmZmZmJyBzdHJva2Utd2lkdGg9JzAuNDUnLz4KCTxsaW5lIHgxPSctMicgeTE9Jy00JyB4Mj0nNycgeTI9JzUnIHN0cm9rZT0nI2ZmZmZmZicgc3Ryb2tlLXdpZHRoPScwLjQ1Jy8+Cjwvc3ZnPg==');box-shadow:0 3px 3px rgba(0,0,0,0.2);padding:10px 0;height:auto;}
.navbar-brand img{height:60px;width:auto;}
.navbar-default .navbar-nav > li > a{color:#b7b7af;text-shadow:0px 1px 1px rgba(255,255,255,0.5);}
.navbar-default{border-color:transparent;}
.navbar-brand{padding:12px 15px}
.navbar-nav > li > a{font-size:14px;font-weight:700;border-bottom:1px solid transparent;padding:5px 5px;margin:28px 10px;text-transform:uppercase;height:40px;transition:all 0.5s;}
.navbar-default .navbar-nav > li > a.active,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{color:#949488;border-bottom:1px solid #949488;}
.navbar-default .navbar-toggle{border-color:transparent}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{background-color:transparent}
.navbar-default .navbar-toggle:hover>.navbar-default .navbar-toggle .icon-bar,
.navbar-default .navbar-toggle:focus>.navbar-default .navbar-toggle .icon-bar{color:#008066}
#tf-header{padding:20px 0;background:#008066;margin-top:70px;color:#ffffff;}
#tf-header .breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:transparent;border-radius:4px;margin-left:-10px;margin-top:-10px;}
#tf-header .breadcrumb > li + li:before{padding:0 5px;color:#FFF;content:"/\00a0";}
#tf-header .breadcrumb > li a{color:#ffffff}
#tf-home{background-position:center;color:#000;}
#tf-home .overlay{background-color:#3d3d3d;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0JyBoZWlnaHQ9JzgnIHZpZXdCb3g9JzAgMCA1IDEwJz4KCTxyZWN0IHdpZHRoPScxMTAlJyB4PSctNSUnIHk9Jy01JScgaGVpZ2h0PScxMTAlJyBmaWxsPScjM2QzZDNkJy8+Cgk8bGluZSB4MT0nLTInIHkxPScxJyB4Mj0nNycgeTI9JzEwJyBzdHJva2U9JyNmZmZmZmYnIHN0cm9rZS13aWR0aD0nMC40NScvPgoJPGxpbmUgeDE9Jy0yJyB5MT0nNicgeDI9JzcnIHkyPScxNScgc3Ryb2tlPScjZmZmZmZmJyBzdHJva2Utd2lkdGg9JzAuNDUnLz4KCTxsaW5lIHgxPSctMicgeTE9Jy00JyB4Mj0nNycgeTI9JzUnIHN0cm9rZT0nI2ZmZmZmZicgc3Ryb2tlLXdpZHRoPScwLjQ1Jy8+Cjwvc3ZnPg==');}
.transimg{opacity:0.5}
#tf-home h1{color:#fff}
.lead{margin-bottom:50px;clear:both;color:#fff;text-shadow:1px 2px 3px rgba(0,0,0,0.99);}
a.goto-btn{font-size:18px;font-weight:700;border-bottom:2px solid transparent;padding:10px 0;transition:all 0.5s;color:#fff;text-shadow:none;}
a.goto-btn:hover{color:#ffffff;border-bottom:2px solid #008066;}
#tf-home.video .overlay{padding:0;padding-top:10%;}
.img-wrapper{position:relative}
.img-wrapper img.img-responsive{margin:0 auto !important}
.img-wrapper i.fa{position:absolute;z-index:10;top:50%;font-size:25px;background:rgba(32, 22, 22, 0.29);padding:18px 23px;height:60px;width:60px;text-align:center;border-radius:50%;color:#ffffff;margin-left:-30px;transition:all 0.3s;}
.img-wrapper i.fa:hover{background:#008066}
#tf-home.slider{background:none}
#tf-home.slider .overlay{padding:0}
.carousel-caption{position:absolute;right:15%;top:28%;bottom:auto;left:15%;z-index:10;padding-top:20px;padding-bottom:0;color:#fff;text-align:center;text-shadow:1px 2px 3px rgba(0,0,0,0.8);}
.carousel-indicators li{display:inline-block;width:12px;height:12px;margin:1px;text-indent:-999px;cursor:pointer;background-color:rgba(255,255,255,0.5);border:none;border-radius:10px;}
.carousel-indicators{position:absolute;z-index:1000;bottom:60px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none;}
.carousel-indicators .active{width:14px;height:14px;margin:0;background-color:#008066;}
.carousel-fade .carousel-inner .item{opacity:0;transition-property:opacity;}
.carousel-fade .carousel-inner .active{opacity:1}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right{left:0;opacity:0;z-index:1;}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right{opacity:1}
.carousel-fade .carousel-control{z-index:2}
#tf-home.app .overlay{padding:10% 0 5% 0}
#tf-home.app{background:url(../img/bg/02.jpg);}
a.goto-btn{margin-right:30px}
.ipad-wrapper .app-wrap{position:relative;width:395px;}
.app-wrap{position:absolute;background:url(../img/header4.png);width:395px;height:540px;background-repeat:no-repeat;z-index:2;left:5%;}
#owl-demo .item img{position:relative;width:305px;height:auto;left:12%;margin-top:46px;z-index:-1;}
.app .content-heading.text-left{padding:15% 0}
#tf-home.app .owl-theme .owl-controls .owl-page span{width:15px;height:15px;margin:5px;background:#ffffff !important;border:2px solid transparent;opacity:1;}
#tf-home.app .owl-theme .owl-controls{margin-top:60px;text-align:center;}
#tf-home.app .owl-theme .owl-controls .owl-page.active span,
#tf-home.app .owl-theme .owl-controls.clickable .owl-page:hover span{border:2px solid #008066}
.bcg{background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;height:100%;width:100%;}
#tf-home.parallax .bcg{background-image:url('../img/bg/slider03.jpg');}
.parallax .content-heading{padding:20% 0;text-align:center;}
#tf-intro{background-color:#d8d9d5;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0JyBoZWlnaHQ9JzgnIHZpZXdCb3g9JzAgMCA1IDEwJz4KCTxyZWN0IHdpZHRoPScxMTAlJyB4PSctNSUnIHk9Jy01JScgaGVpZ2h0PScxMTAlJyBmaWxsPScjZDhkOWQ1Jy8+Cgk8bGluZSB4MT0nLTInIHkxPScxJyB4Mj0nNycgeTI9JzEwJyBzdHJva2U9JyNmZmZmZmYnIHN0cm9rZS13aWR0aD0nMC40NScvPgoJPGxpbmUgeDE9Jy0yJyB5MT0nNicgeDI9JzcnIHkyPScxNScgc3Ryb2tlPScjZmZmZmZmJyBzdHJva2Utd2lkdGg9JzAuNDUnLz4KCTxsaW5lIHgxPSctMicgeTE9Jy00JyB4Mj0nNycgeTI9JzUnIHN0cm9rZT0nI2ZmZmZmZicgc3Ryb2tlLXdpZHRoPScwLjQ1Jy8+Cjwvc3ZnPg==');padding:5% 0;color:#ffffff;text-align:center;}
#tf-intro img.intro-logo{margin:0 auto;margin-bottom:30px;}
#tf-services{padding:60px 0}
.section-header{text-align:center;}
.service{min-height:220px;}
.section-header h2{text-transform:uppercase;font-size:40px}
.section-header h5{letter-spacing:1px}
.fancy{line-height:0.5;text-align:center;margin-bottom:40px;margin-top:20px;}
.fancy span{display:inline-block;position:relative;}
.fancy span:before,
.fancy span:after{content:"";position:absolute;height:5px;border-bottom:1px solid #f1f1f1;top:15px;width:400px;}
.fancy span:before{right:100%;margin-right:10px;}
.fancy span:after{left:100%;margin-left:10px;}
.service{margin-bottom:20px}
.service .media-right i.fa{text-align:center;font-size:30px;background-color:#008066;color:#ffffff;padding:25px 0;border-radius:50px;border-top-left-radius:0;margin:0 10px;margin-right:20px;width:82px;height:80px;transition:background-color 0.5s;}
.service .media-left i.fa{text-align:center;font-size:30px;background-color:#008066;color:#ffffff;padding:25px 0;border-radius:50px;border-top-right-radius:0;margin:0 10px;margin-left:20px;width:82px;height:80px;transition:background-color 0.5s;}
.process:hover i.fa,
.service:hover i.fa{background-color:#2bb498}
h3.media-heading{margin-top:0;margin-bottom:5px;font-size:16px;text-transform:uppercase;color:#008066;line-height:20px;font-weight:700;}
#tf-about{padding:40px 0}
.gray-bg{background-color:#f3f3f3}
.img-wrap .profile-img{position:relative;margin-bottom:40px;}
.profile-img .social{position:absolute;z-index:1;bottom:-10px;left:50px;}
.about-right-content{padding:40px 0}
.about-left-content{padding-bottom:60px}
.about-left-content h2,
.about-left-content h2 small{color:#333}
.about-left-content h2 small{font-weight:300}
ul.social li a.fa{background:transparent;padding:15px;text-align:center;font-size:20px;color:#FFCC32;margin-bottom:0;}
ul.social li a.fa:hover{background-color:#333333}
.progress{height:12px;margin-bottom:20px;overflow:hidden;background-color:#999999;border-radius:0;-webkit-box-shadow:none;box-shadow:none;}
.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#FFCC32;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease;}
.skills{margin-top:30px;padding:20px 0;}
.skillset p{font-size:13px;margin-bottom:5px;}
#tf-counter h2{color:#b7b7af;text-shadow:0px 1px 1px rgba(255,255,255,0.5);}
.facts{padding:0}
.facts .count-box{position:relative}
.count-box{-webkit-backface-visibility:hidden;padding:40px 10px;margin:0;overflow:hidden;transition:all 0.5s;transform:translateX(0px) translateY(0%);-webkit-transform:translateX(0px) translateY(0%);-moz-transform:translateX(0px) translateY(0%);-ms-transform:translateX(0px) translateY(0%);-o-transform:translateX(0px) translateY(0%);}
.count-box:hover,
.count-box:hover > i.fa{color:#008066;text-shadow:0px 1px 1px rgba(255,255,255,0.5);}
.count-box:hover{-webkit-backface-visibility:hidden;background-color:rgba(0,128,102,0.1);}
.counter i.fa{font-size:60px;color:#b7b7af;text-shadow:0px 1px 1px rgba(255,255,255,0.5);}
.slitext{color:#fff;text-shadow:none;}
.count-box.last{}
#tf-team{padding:60px 0}
#team .item{padding:30px 0px;margin:5px 20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.item .hover-bg{position:relative;overflow:hidden;}
.hover-bg .hover-text{position:absolute;display:block;bottom:0;width:100%;height:25%;padding:20px;color:#ffffff;transition:all 0.8s;-webkit-transition:all 08s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
.hover-bg .hover-text.on{opacity:1}
.hover-bg .hover-text.off{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transform:translateX(100%) translateY(-90%);transform:translateX(100%) translateY(-90%);opacity:1;background:rgba(0, 0, 0, 0.70);}
.hover-bg:hover .hover-text.off{-webkit-transform:translateX(0%) translateY(-90%);transform:translateX(0%) translateY(-90%);opacity:1;}
.owl-theme .owl-controls .owl-page span{width:15px;height:15px;margin:5px;background:#bababa;}
#tf-features,
#feature{padding:60px 0}
.features-content{padding:0 30px 0}
.features-content h4{text-transform:uppercase;margin-bottom:20px;color:#333333;}
.nav.nav-pills > li > a{position:relative;display:block;background-color:#ffffff;padding:25px;border-bottom:3px solid #cccccc;text-transform:uppercase;margin-bottom:5px;}
.nav.nav-pills > li > a small{text-transform:lowercase;font-style:italic;}
.nav.nav-pills > li > a:hover,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus{color:#fff;background-color:#008066;padding:25px;border-bottom:3px solid #996600;}
.nav-pills > li > a{border-radius:4px}
ul.features li span.fa{font-size:35px;vertical-align:middle;margin-right:20px;float:left;clear:both;margin-top:5px;}
#tf-works{padding:60px 0}
ul.cat{margin:30px 0}
ul.cat li a{background:inherit;border:1px solid;padding:5px 10px;border-radius:3px;}
ul.cat li a:hover,
ul.cat li a:focus,
ul.cat li a.active{background:#f1f1f1;border:1px solid;padding:5px 10px;border-radius:3px;color:inherit;}
.nopadding{padding:0}
.box a{margin:2px}
.box .hover-bg{position:relative;overflow:hidden;}
.box .hover-bg .hover-text{height:100%;bottom:0;-webkit-transform:translateX(0%) translateY(0%);transform:translateX(0%) translateY(0%);background:transparent;}
.box:hover .hover-bg .hover-text{background-color:rgba(1, 1, 1, 0.5)}
.box .hover-bg:hover .hover-text.off{-webkit-transform:translateX(0%) translateY(0%);transform:translateX(0%) translateY(0%);opacity:1;}
.box .hover-text i.fa{font-size:20px;background:#008066;padding:13px;position:relative;top:40%;border-radius:50%;width:45px;height:45px;transition:all 0.5s;}
.box .hover-text i.fa:hover{background:#333333}
.box .hover-text i.fa.fa-expand{border-top-right-radius:0;-webkit-transform:translateX(-400%) translateY(0%);transform:translateX(-400%) translateY(0%);opacity:0;transition:all 0.5s;}
.box:hover .hover-text i.fa.fa-expand{-webkit-transform:translateX(0%) translateY(0%);transform:translateX(0%) translateY(0%);opacity:1;}
.box .hover-text i.fa.fa-chain{border-top-left-radius:0;-webkit-transform:translateX(400%) translateY(0%);transform:translateX(400%) translateY(0%);opacity:0;transition:all 0.5s;}
.box:hover .hover-text i.fa.fa-chain{-webkit-transform:translateX(0%) translateY(0%);transform:translateX(0%) translateY(0%);opacity:1;}
#itemsWorkThree .box,
#itemsWorkTwo .box{margin-bottom:30px}
#itemsWorkTwo .hover-bg .hover-text{padding:30% 0}
#itemsWorkTwo .box:hover .hover-bg .hover-text{background-color:rgba(255, 223, 125, 0.70);border:10px solid rgba(185, 156, 72, 0.80);}
#itemsWorkTwo .box .hover-bg .hover-text h5 small{text-transform:capitalize;color:#000000;}
#itemsWorkTwo .box .hover-bg .hover-text h5{font-weight:700;text-transform:uppercase;color:#000000;-webkit-transform:translateX(0%) translateY(400%);transform:translateX(0%) translateY(400%);opacity:0;transition:all 0.5s;}
#itemsWorkTwo .box:hover .hover-bg .hover-text.off h5{-webkit-transform:translateX(0%) translateY(0%);transform:translateX(0%) translateY(0%);opacity:1;}
#itemsWorkTwo .box .hover-text i.fa{font-size:20px;background:transparent;padding:13px;position:relative;top:40%;border-radius:50%;width:45px;height:45px;transition:all 0.5s;border:1px solid #ffffff;}
#itemsWorkTwo .box .hover-text i.fa:hover{background:#333333}
#itemsWorkThree .box h5{border:1px solid #ddd;padding:10px 0;margin:0;}
.isotope-item{z-index:2}
.isotope-hidden.isotope-item{z-index:1}
.isotope,
.isotope .isotope-item{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;transition-duration:0.8s;}
.isotope-item{margin-right:-1px;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.isotope{-webkit-transition-property:height, width;-moz-transition-property:height, width;transition-property:height, width;}
.isotope .isotope-item{-webkit-transition-property:-webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;transition-property:transform, opacity;}
.nivo-lightbox-theme-default .nivo-lightbox-title{font-size:14px;background:#f1f1f1;border:1px solid #333;letter-spacing:2px;color:#333;text-transform:uppercase;letter-spacing:2px;padding:10px 35px;border-radius:2px;}
.nivo-lightbox-theme-default.nivo-lightbox-overlay{background:#ffffff !important;background:rgba(255, 255, 255, 1) !important;}
.nivo-lightbox-theme-default .nivo-lightbox-nav,
.nivo-lightbox-theme-default .nivo-lightbox-close{opacity:1}
.nivo-lightbox-error{color:#C59A6D !important;text-shadow:0 1px 1px rgba(0, 0, 0, 0) !important;}
.nivo-lightbox-theme-default .nivo-lightbox-image img{background:#fff;-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.4);-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.4);box-shadow:0px 1px 1px rgba(0,0,0,0.4);border-top:4px solid #008066;}
#work-detail-one,
#work-detail-two,
#work-detail-three{padding:60px 0}
.work-detail .dl-horizontal dt{text-align:left;margin-bottom:10px;}
.work-related-thumb{margin-bottom:30px}
.work-related-thumb .img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:0;line-height:1.42857143;background-color:transparent;border:1px solid transparent;border-radius:0;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.work-related-thumb .img-thumbnail:hover{opacity:0.8}
#tf-process{padding:60px 0}
.process i.fa{text-align:center;font-size:30px;background-color:#008066;color:#ffffff;padding:25px 0;border:4px solid #ffffff;border-radius:50px;border-top-left-radius:0;margin:0 10px;margin-right:20px;width:92px;height:90px;transition:background-color 0.5s;}
#tf-process .gray-bg{position:relative}
.gray-bg .vline{position:absolute;height:100%;padding:5px;border-left:3px solid #ffffff;left:20%;}
#process{padding:60px 0 20px 0}
.process{margin-bottom:40px}
#tf-pricing{padding:60px 0}
.price h1{font-size:50px}
.price{text-align:center}
.price.panel-default{border-color:#333}
.price.panel-default > .panel-heading{font-size:20px;text-transform:uppercase;font-weight:600;color:#FFF;background-color:#333333;border-color:inherit;}
.price .panel-heading{padding:30px 15px}
.price .panel-body{border-bottom:1px solid}
.price ul.list-unstyled{padding:20px}
.price ul.list-unstyled li{padding:10px 0}
.price ul.list-unstyled li small{margin-top:-10px}
.price.featured{-moz-box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.31);-webkit-box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.31);box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.31);}
.price.featured.panel-default{border-color:#008066;background-color:#ffffff;margin-top:-20px;position:relative;z-index:1;margin-left:-5px;margin-right:-5px;}
.price.featured.panel-default{border-color:#008066}
.price.featured.panel-default > .panel-heading{background-color:#008066}
.featured .panel-body{margin-top:20px}
.featured .panel-body,
.featured.panel-default > .panel-heading{border-color:#008066}
.featured .tf-btn{margin-top:20px}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus{outline:0;outline:0;outline-offset:0;}
.btn:active,
.btn.active{background-image:none;outline:0;-webkit-box-shadow:none;box-shadow:none;}
.tf-btn{font-size:12px;word-spacing:2px;font-weight:700;padding:10px 20px;background-color:#333333;text-transform:uppercase;border-color:#333333;transition:all 0.5s;}
.tf-btn:focus,
.tf-btn:hover{background-color:#333333;border-color:#008066;}
.color{background-color:#008066;border-color:#008066;}
.color:focus,
.color:hover{border-color:#333333;background-color:#008066;}
#tf-blog,
#blog-post{padding:60px 0}
#blog-post a.btn{margin:auto 0}
.post-wrap{position:relative}
.media.post{background:#fff;padding:10px;}
.post-wrap{position:relative;margin-bottom:30px;transition:all 0.5s;}
.post-meta{border-top:1px solid #ebebeb;background-color:#ffffff;padding:5px 10px;height:auto;position:relative;min-height:35px;}
ul.metas li:after{content:' / ';margin-right:3px;margin-left:3px;}
ul.metas li:last-child:after{content:' '}
ul.metas li a{color:#008066}
.meta-detail{background:#f4f4f4;border-radius:3px;padding:2px;}
#tf-contact{padding:60px 0}
#map{position:relative;width:100%;height:400px;}
.contact-detail{text-align:left;margin:60px 0;}
.contact-detail i.fa{text-align:center;font-size:30px;background-color:#008066;color:#ffffff;padding:25px 0;border-radius:50px;border-top-left-radius:0;margin:0 10px;margin-right:20px;margin-bottom:20px;width:82px;height:80px;transition:background-color 0.5s;}
.contact-detail:hover i.fa{background-color:#333333}
form#contact-form{}
.contact form#contact-form{padding:0}
.form-control:focus{border-color:inherit;outline:0;-webkit-box-shadow:none;box-shadow:none;}
.form-control{width:100%;height:44px;padding:10px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none;-o-transition:none;transition:none;}
p.help-block.text-danger ul li{display:block;margin-left:-20px;color:#008066;}
#success .alert-danger{color:#008066;background-color:#FDFDFD;border-color:#008066;margin-bottom:10px;}
#tf-footer p{padding-bottom:60px;}
ul.social li a i{text-align:center;font-size:30px;background-color:#008066;color:#ffffff;padding:25px 0;border-radius:50px;border-top-left-radius:0;margin:0 10px;margin-right:20px;width:82px;height:80px;transition:background-color 0.5s;}
ul.social li a i:hover{background-color:#2bb498}
.blog .media.post{background:#fff;padding:10px;border:1px solid #E9E9E9;border-bottom-color:transparent;border-top-left-radius:5px;border-top-right-radius:5px;}
.blog .post-meta{border-top:1px solid #ebebeb;background-color:#ffffff;padding:5px 10px;height:auto;position:relative;min-height:35px;border:1px solid #ebebeb;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.pagination > li > a,
.pagination > li > span{position:relative;float:left;padding:6px 12px;margin-left:0;line-height:1.42857143;color:#FFFFFF;text-decoration:none;background-color:#008066;border:1px solid #008066;margin:3px 3px;font-weight:700;text-transform:uppercase;border-radius:5px;}
.pagination > li > a.active,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{color:#FFFFFF;background-color:#ddab15;border-color:#ddab15;}
.widget{margin-bottom:40px;padding:0 20px;}
.comment h4,
.widget h4,
h4.text-uppercase{font-weight:300;color:#008066;}
.comment h4 span.comments{color:#333333}
ul.bullet-lists{margin-top:20px}
ul.list-unstyled.bullet-lists li span.fa.fa-circle{font-size:8px;vertical-align:middle;margin-right:10px;color:#008066;}
ul.list-unstyled.bullet-lists li{padding:5px 0}
ul.list-unstyled.bullet-lists li:hover{color:#008066}
.post-tab .nav-tabs > li > a{margin-right:-1px;line-height:1.42857143;border:1px solid #ddd;border-radius:0px 0px 0 0;}
.post-tab .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px;}
.post-tab .nav-tabs > li > a:hover,
.post-tab .nav-tabs > li > a:focus{color:#FFF;background-color:#FC3;border:1px solid #ddd;border-bottom-color:transparent;}
ul.list-inline.bullet-lists li a{color:inherit}
ul.list-inline.bullet-lists li{background:#F8F8F8;padding:5px 10px;margin-bottom:5px;margin-right:2px;border:1px solid #F4F4F4;border-radius:3px;transition:all 0.3s;}
ul.list-inline.bullet-lists li:hover{background:#008066}
.blog-post .post-wrap img,
.work-detail img.featured{margin:20px 0}
ul.meta-tags li a{font-style:italic}
ul.meta-tags li:after{content:','}
ul.meta-tags li:last-child:after{content:' '}
.media.post-author{background:#008066;padding:20px;margin-top:-1px;}
.media.post-author a{content:inherit}
.blog-post .post-wrap{padding:20px;margin-bottom:0;border:1px solid #DDDDDD;border-top-right-radius:4px;border-top-left-radius:4px;}
.media.comment-block{border:1px solid #DDD;padding:20px;}
.comment{margin-top:40px}
.comment form{margin-top:-30px}
.comment input,
.comment textarea{margin-bottom:15px}
.btn{border-radius:0;border:0;border-bottom:4px solid #CCCCCC;margin:0;-webkit-box-shadow:0 5px 5px -6px rgba(0,0,0,.3);-moz-box-shadow:0 5px 5px -6px rgba(0,0,0,.3);box-shadow:0 5px 5px -6px rgba(0,0,0,.3);}
.btn .btn-block:active, .btn .btn-lg:active{-webkit-box-shadow:inset 0 3px 3px -5px rgba(0,0,0,.3);-moz-box-shadow:inset 0 3px 3px -5px rgba(0,0,0,.3);box-shadow:inset 0 3px 3px -5px rgba(0,0,0,.3);}
.btn-default{color:#555;background-color:#f9f9f9;border-color:#cacaca;text-shadow:1px 1px 0 #f5f5f5;}
.btn-default:hover, .btn-default:focus{background-color:#f4f4f4;border-color:#bebebe;}
.btn-success{background-color:#80d752;border-color:#61be26;text-shadow:1px 1px 0 #5fdb34;}
.btn-success:hover, .btn-success:focus{background-color:#75cd53;border-color:#53aa27;}
.btn-info{background-color:#39b3d7;border-color:#348fd2;text-shadow:1px 1px 0 #238ed5;}
.btn-info:hover, .btn-info:focus{background-color:#45abcd;border-color:#347abe;}
.btn-warning{background-color:#FEAF20;border-color:#d79a34;text-shadow:1px 1px 0 #db9e34;}
.btn-warning:hover, .btn-warning:focus{background-color:#f5a620;border-color:#cd9034;}
.btn-danger{background-color:#1fd1ad;border-color:#008066;font-weight:700;font-size:15px;text-transform:uppercase;}
.btn-danger:hover, .btn-danger:focus{background-color:#1cbe9d;border-color:#0d6452;}
.btn-primary{background-color:#4274d7;border-color:#4d5bbe;text-shadow:1px 1px 0 #232bd5;}
.btn-primary:hover, .btn-primary:focus{background-color:#426acd;border-color:#4f56aa;}
.btn-magick{color:#fff;background-color:#bb39d7;border-color:#9a00cd;text-shadow:1px 1px 0 #9823d5;}
.btn-magick:hover, .btn-magick:focus{color:#fff;background-color:#b13acd;border-color:#8600b9;}
.btn-pressure{position:relative;margin-bottom:0;}
.btn-pressure:focus{-moz-outline-style:none;outline:medium none;}
.btn-pressure:active, .btn-pressure.active{top:4px;border:0;position:relative;}
.btn-sensitive:active, .btn-sensitive.active{top:1px;margin-top:4px;}
.rssBody ul{list-style:none;margin-left:0;padding-left:0px}
.rssBody p{padding-bottom:20px;border-bottom:1px solid #c3bfac;margin-top:0px;}
.rssBody a{padding-left:0;}
#cookie-law{width:100%;background:#fff;margin:10px auto 0;bottom:0;position:fixed;z-index:3000;padding:25px 0 25px;}
#cookie-law p{padding-top:5px;font-size:14px;font-weight:normal;text-align:center;color:#777;margin:0;}
.clickable{background:rgba(0, 0, 0, 0.15);display:inline-block;padding:6px 12px;border-radius:4px;cursor:pointer;}

@media (max-width:768px){body{overflow-x:hidden;}
.navbar-header{float:none;}
.navbar-toggle{display:block;}
.navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-collapse.collapse{display:none !important;}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse{max-height:420px;text-align:center;}
.gray-bg .vline{left:11%;}
.navbar-right{float:none !important;margin-right:-15px;}
.navbar-nav{float:center !important;margin:7.5px -15px;}
.navbar-nav>li{float:none;}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;}
.navbar-text{float:none;margin:15px 0;}
.navbar-collapse.collapse.in{display:block!important;}
.collapsing{overflow:hidden!important;}
.navbar-nav{margin:0 -15px;}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header{padding:10px 15px 10px 25px;}
.price.panel-default{margin:40px;}
.price.featured.panel-default{margin:40px;}
.content-heading{margin-top:80px;}
.ipad-wrapper .app-wrap{left:22%;}
#tf-home.app .content-heading.text-left{text-align:center;}
#itemsWorkTwo .box .hover-text i.fa{top:0%;}
}
@media (max-width:768px){#tf-home.slider .content-heading{margin-top:30px;}
#tf-home.slider h1{color:#FC3;font-size:28px;}
.slider .content-heading p.lead{margin-bottom:20px;}
.slider .carousel-indicators{bottom:30px;}
}
@media (max-width:603px){.slider a.goto-btn{display:none;}
.ipad-wrapper .app-wrap{left:16%;}
#tf-footer .pull-left,
#tf-footer .pull-right{float:none !important;text-align:center;}
}
@media (max-width:460px){.gray-bg .vline{left:15%;}
.meta-detail{display:none;}
h1{font-size:34px;}
#tf-home.slider h1{font-size:26px;}
p.lead{display:none;}
.slider .carousel-indicators{bottom:0px;}
.ipad-wrapper .app-wrap{left:3%;}
}
@media (max-width:360px){#tf-services,
#tf-pricing,
.section-header,
.about-right-content,
#tf-features,
#feature,
#tf-works,
#tf-blog,
#tf-contact{padding:20px 0;}
p{font-size:12px}
h2{font-size:20px;}
h4{line-height:20px;}
ul.list-inline.cat > li{margin-bottom:20px;}
.gray-bg .vline{left:20%;}
.post-meta{min-height:50px;}
.price.panel-default{margin:20px;}
.price.featured.panel-default{margin:20px;}
h1{font-size:26px}
#tf-home.slider{display:none;}
#tf-intro.slider{margin-top:70px !important}
.ipad-wrapper .app-wrap{display:none;}
a.goto-btn{margin-right:auto;margin:0 10px;}
a.goto-btn{display:inline-block;}
.blog .post-meta{min-height:55px;}
}
@media (max-width:320px){.post-wrap .post .media-body p{display:none;}
.gray-bg .vline{left:25%;}
.nav.nav-pills > li > a{font-size:11px;}
ul.features li span.fa{font-size:30px;margin-top:2px;}
.post-tab .nav-tabs > li > a{padding:5px 10px;}
}

   
        #wrapper {
        margin:0 auto;
        max-width:1200px;
        padding:30px 0 30px;
        width:90%;
        }
        
        .rssFeed {
        -webkit-perspective:1;
        column-fill:balance;
        column-gap:30px;
        margin:0;
        padding:6px;
        }
        
        .entryWrapper {
        
        border:1px dotted #888880;
        display:inline-block;
        margin-bottom:2rem;
        position:relative;
        vertical-align:top;
        width:100%;
        padding:16px;
        }
        
        .entryImage img {
        border-radius:1px 1px 0 0;
        display:block;
        height:auto;
        max-width:100%;
        width:100%;
        }
        
        .entryTitle h3 {

        line-height:1.2;
              padding-top: 10px;
        }
        
        .entryTitle h3 a {

        text-decoration:none;
        color:#008066;
        transition:color 200ms ease-in-out;

        }
        
        .entryTitle h3 a:hover {
        color:#06ad8b;
        }
        
        .entryTitle h3 a::after {
        content:"\02197";
        margin-left:.5rem;
        }
        
        .entryDate {
        background-color: rgba(255,255,255,.2);
        font-size:14px;
        position:absolute;
        top:0;
        right:0;

        padding:.25rem .5rem;
      
        }
        
        .entryText {
        padding:1rem;
        font-size: 14px;
        line-height: 1.2
        }
        
        .entryContent {
        margin:.625rem 0 0;
                font-size: 14px;
        line-height: 1.2;
        font-weight: normal;
       color: #888880;
        }
        
        .entryContent:empty {
        display:none;
        }
        
        @media only screen and (min-width:480px) {
            .rssFeed {
            column-count:1;
            }
        }
        
        @media only screen and (min-width:700px) {
            .rssFeed {
            column-count:2;
            }
        }
        
        @media only screen and (min-width:900px) {
            .rssFeed {
            column-count:3;
            }
        }
        
        @media only screen and (min-width:1200px) {
            .rssFeed {
            column-count:3;
            }
        }