/*
Theme Name:         Zito Landscape Design
Theme URI:          http://www.johnzito.com
Description:        We're proud to beautify the landscapes of Southern Florida, Ft. Lauderdale, and Miami. Our professionalism, expertise, and unique creative elegance has been satisfying customers since 1974, and we strive to continue our tradition of excellence.
Version:            1.0.0
Author:             TechyScouts
Author URI:         http://www.techyscouts.com
Text Domain:        johnzito

License:            Proprietary
*/
.toptel { float: right; font-size: 24px; margin-top: 30px; margin-right: 20px; color: #000; }
p span, p a, p large, p small, p a small, p a large, p a span {color: #666666;font-family: 'OpenSansBold';}
section a{text-decoration:underline;}
a:hover, a:focus, a:active, a.active {color: #6c6c6c;text-decoration:none;}
section ul {-webkit-padding-start: 40px;list-style-type: square !important;}
section ul,section ol {margin-top: 30px;margin-bottom: 30px;}
section ul li,section ol li {margin-top: 10px;margin-bottom: 10px;}
section p>strong{font-family: 'OpenSansBold';color: #666666;}
section blockquote{border-left: 0px solid #eee;font-size:24px;}
section blockquote>p{font-size:24px;color:#767676;margin:0 0 0px;}
body.reviews section blockquote{padding: 10px 40px;}
body.reviews section blockquote>p {font-size: 18px;position: relative;}
body.reviews section hr {border-top: 1px solid #ddd;height: inherit;float: inherit;width: 100%;margin-top: inherit;}
body.reviews section blockquote>p::before {
    content: "“";
    left: -40px;
    top: -24px;font-size: 75px;
    display: block;
    position: absolute;
    height: 34px;
    width: 35px;
    color: #767676;font-family: 'pt_sansregular';
}

.number-tab>.nav-tabs {margin-top:0px;}
.featuredimage .carousel-caption h1{text-transform:uppercase;}
section.home .bordergray .wrap .btn-xl, section.home .bordergray .wrap a.btn-xl{font-size:14px;}
section.home .bordergray .wrap {min-height: 371px;}
section.home .bordergray .wrap>h3 {letter-spacing: 2px;}
.btn-xl.see-work, a.btn-xl.see-work{border: 2px solid #e1e1e1 !important;padding: 12px 7%;margin-top: 40px;}
footer .copyright {font-size: 12px;letter-spacing:2px;}
section.home .bordergray .m1:hover .carousel-caption {background: rgba(0, 0, 0, 0.8);}
section.home .bordergray.border {outline: 1px solid #ebebeb;}
/*section.home .bordergray .wrap>p{margin-bottom: 10px;}*/
section.work-page h1,section.work-page h2,section.work-page h3,section.work-page h4,section.work-page h5,section.work-page h6{margin-top:30px;min-width: 50%;}
footer .navbar-right li a .fa{color: #c5c2c3;margin-top: -1px;font-size: 26px;}
footer .navbar-right li a:hover .fa{color: #000;}
section .blog-img a,section .blog-whithout-img a{text-decoration:none;}
section .blog-content .updated{font-weight: 600;}
footer .foottop {background-color: #b5b5b5;}
footer p, footer ul li a, footer ol li a, footer ul li footer ol li {color: #fffffc;}
/* Track */
section.home .bordergray .wrap::-webkit-scrollbar{width: 12px;} 
section.home .bordergray .wrap::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px;border-radius: 10px;background-color:rgba(21,21,21,0.3);}
 /* Handle */
section.home .bordergray .wrap::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background-color:#151515;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
section.home .bordergray .wrap::-webkit-scrollbar-thumb:window-inactive{background-color: #161515;}
.work section .row,section.work-page .row {margin-top: 40px;}
.work-page .port a {text-decoration: none !important;}
section .blog-top .top-src .btn-default .glyphicon{font-size: 24px;color: #666;}

@media (min-width: 768px){
footer .newsletter {margin-top: 36px;}
.navbar-nav>li:hover>.dropdown-menu {
    display: block;
}
}
@media (min-width: 993px){
footer form.navbar-left{margin-bottom: 68px;}
}
section.home .bordergray .carousel-inner h3 {border-bottom: 0px ;display: inline-block;padding-bottom:0px;color: #FFF;text-align: -webkit-center;letter-spacing: 4px;}
section.home .bordergray .carousel-inner hr{border-top: 2px solid #fff;float: inherit;}

/*body.work h3 { padding-right: 150px }*/
section .blog-top .top-src { margin-bottom:15px; }
section .blog-top .featuredimage { margin-bottom:20px; }
section.post .featuredimage .carousel-caption h1 { font-size: 28px; margin-top: 5px; }
section .contact .btn-xl{margin-top:0px;}
section .contact .form-group{margin-bottom:20px;}
section h1, section h2, section h3, section h4, section h5, section h6{letter-spacing:1px;font-family: 'Karla'!important;}
section .container{margin-top:0px;}
a.btn-xl.meet, .btn-xl.meet{margin-top:20px;font-family: 'OpenSansBold';}
.tab-content>.tab-pane>p>img,.tab-content>.tab-pane .carousel{margin-top:30px;}
.tab-content>.tab-pane .carousel .item:after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    background: rgba(255, 255, 255, 0); 
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(149, 149, 141, 0.77));
    background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(149, 149, 141, 0.77));
    background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(149, 149, 141, 0.77));
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(149, 149, 141, 0.77));
    bottom: 0px;
    height: 15%;
}
footer .navbar-left .form-control {border: 1px solid #000;}
.ssba.ssba-wrap {position: absolute;border: 1px solid #e1e1e1;left: -1px;padding: 15px 40px;bottom: -68px;}
.ssba.ssba-wrap>div{font-family: 'MontserratRegular';font-size: 16px;color: #666666;}
.commentrow hr{margin-top:42px;}
section.post .border{margin-bottom:68px;}

body.work section h1,body.work section h2,body.work section h3,body.work section h4,body.work section h5,body.work section h6,body.about section h1,body.about section h2,body.about section h3,body.about section h4,body.about section h5,body.about section h6{min-width:50%;padding-bottom: 0px;}
body.connect section h1,body.connect section h2,body.connect section h3,body.connect section h4,body.connect section h5,body.connect section h6{min-width:24%;padding-bottom: 15px;}
body.about section>.container-fluid>.container>h1,body.about section>.container-fluid>.container>h2,body.about section>.container-fluid>.container>h3,body.about section>.container-fluid>.container>h4,body.about section>.container-fluid>.container>h5,body.about section>.container-fluid>.container>h6{min-width:45%;}
body section>.container-fluid>.container>h1,body section>.container-fluid>.container>h2,body section>.container-fluid>.container>h3,body section>.container-fluid>.container>h4,body section>.container-fluid>.container>h5,body section>.container-fluid>.container>h6,body.method section>.container-fluid>.container>.col-xs-12>h1,body.method section>.container-fluid>.container>.col-xs-12>h2,body.method section>.container-fluid>.container>.col-xs-12>h3,body.method section>.container-fluid>.container>.col-xs-12>h4,body.method section>.container-fluid>.container>.col-xs-12>h5,body.method section>.container-fluid>.container>.col-xs-12>h6{padding-bottom:0px;}

.navbar-inverse .navbar-nav>li.current-menu-item>a {color: #666666;}

/*3 agust changes*/
.featuredimage time{font-style:italic;text-shadow:none;}
.featuredimage span{margin-left:60px;margin-top:20px;}
.featuredimage span b{font-weight:normal !important;font-style:italic !important;text-shadow:none;}
.featuredimage span a{text-decoration:none !important;color:#FFF !important;font-style:italic !important;text-shadow:none;}

section .blog-top .carousel-caption hr{position: absolute;border-top: 2px solid #FFF !important;left: 40%;right: 40%;width: 10% !important;margin-top:-10px !important;}
section.post .featuredimage .carousel-caption h1{text-shadow:none;}

@media (min-width: 993px) and (max-width: 1200px){
section.home .bordergray .wrap{max-height: 295px;overflow-x: hidden;overflow-y: scroll;min-height: inherit;}
section.home .both>.bordergray:first-child {margin-bottom:15px;}
section .blog-header.carousel-caption h3{font-size: 20px;}
section .blog-header.carousel-caption,section .blog-content {padding: 0px 15px;}
}
@media (min-width: 768px) and (max-width: 992px){
section.home .bordergray .wrap{max-height: 252px;overflow-x: hidden;overflow-y: scroll;min-height: inherit;}
section.home .both>.bordergray:first-child {margin-bottom:15px;}
}
@media (max-width: 767px){
p, ul li, ol li {font-size: 14px;}
body.reviews section blockquote>p {font-size: 16px;}
h1{font-size:28px !important;}
 h2{font-size:24px !important;}
 h3{font-size:20px !important;}
 h4{font-size:18px !important;}
 h5{font-size:16px !important;}
 h6{font-size:14px !important;}
a.btn-xl.meet, .btn-xl.meet { margin-bottom: 20px;}
.single .featuredimage .item>img{height:107px;}
section.post .featuredimage .carousel-caption h1{font-size:16px !important;}
.featuredimage time,.featuredimage span{font-size:12px;display:block;}
.featuredimage span { margin-left: 0px;margin-top: 5px;}
input[type=submit] {padding: 8px 25px;}
.navbar-nav .open .dropdown-menu {
    position: relative;
    float: none;
    width: 100%;
    margin-top: 0;
    text-align: center;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #9d9d9d;;
    background-color: transparent;
}
.navbar-inverse .navbar-nav>.open>a{color:#fff !important;}
}
@media (max-width: 600px){
.foottop>.foottop-main>.footrow {text-align: left;}
}

.fix-min-height{min-height: 165px;}
.margbtm30{margin-bottom:30px;}
.navbar-toggle{border-color:transparent !important;}
p, ul li, ol li{/*font-family: 'open_sanslight' !important;*/font-family: latolight !important;}
/*section p,section ul li,section ol li,section ul li a,section p a{font-family: 'OldStandardTT-Regular' !important;}*/
section p,section ul li,section ol li,section ul li a,section p a,section .port p {
   font-family: latolight !important;font-kerning:66.66px;font-size:19.33px;line-height:35.73px;
}
section .port a{text-decoration:none;}
section p a,section ul li a{font-weight:bold;}
.btn-xl, a.btn-xl{padding-top:10px !important;padding-bottom:10px !important;}
.socialcon li {padding: 0px;}
.socialcon li span {/*background-image: url(assets/images/social-icon.png);width: 35px;height: 35px;display: inline-block;vertical-align: middle;*/}
header .socialcon {margin-top: 45px;}
header .socialcon li span.messg {background-position:50px -13px}

header .socialcon li span.call {background-position: -15px;}
footer .socialcon li span.messg {background-position:-47px -12px;}
footer  .socialcon li span.call {background-position: -101px;}

/*dropdown toggle*/
.touch-dropdown.navbar-toggle{position:absolute;cursor: pointer;margin-bottom:0px; margin-top: 0px;top:12px;bottom:inherit;height: inherit;width: 44px;right: 0px;margin-right: 0px;border-radius: 0px;z-index: 9999;vertical-align: middle;background-color:transparent !important;border-color: transparent;}
.touch-dropdown.navbar-toggle:before{font-family: 'FontAwesome';content: "\f077";float: right;font-size: 16px;margin: 0;color:#666666;position: absolute;z-index: 1;right:0px;left:0px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.touch-dropdown.navbar-toggle.collapsed:before{font-family: 'FontAwesome';content: "\f078";}
.navbar-inverse .touch-dropdown.navbar-toggle:focus,
.navbar-inverse .touch-dropdown.navbar-toggle:hover {background-color:transparent;border-color:transparent;}
.touch-dropdown.navbar-toggle:hover:before, .touch-dropdown.navbar-toggle:focus:before{color:#666666;}
li.open .touch-dropdown.navbar-toggle.collapsed:before {color: #fff;}