/*
 * Theme Name: ZoneStrap
 * Theme URI: https://www.topzonemedia.com/zonestrap
 * Author: TopZone Media Group
 * Author URI: https://www.topzonemedia.com
 * Description: A mobile-first, responsive WordPress theme by TopZone Media.
 * Version: 1.0
 * License: GNU General Public License v3 or later
 * License URI: http://www.gnu.org/licenses/gpl.html
 * Tags: two-columns, right-sidebar
 * Text Domain: ZoneStrap
 */

/*
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License, version 2, as
 * published by the Free Software Foundation.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
 */

/* Mobile First CSS - look at responsive.css for the media queries */

/* This adds padding to accommodate for the TopZone Toolbar */


@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,500i,700,700i,900,900i');

body {
    padding-bottom: 56px;
}

/**********************************************************
S O C I A L   S H A R I N G   C S S   S T Y L I N G
**********************************************************/
.single-post .social-sharing{padding:.5rem;-webkit-box-shadow:1px 1px 3px #2d2d2d;box-shadow:1px 1px 3px #2d2d2d;border-radius:3px;max-width:100%;text-align:center;margin-left:auto;margin-right:auto}
.single-post .social-sharing span.top{font-size:2.2rem;display:inline}
.single-post .social-sharing span.top:after{display:block;content:"";clear:both}
@media (min-width: 992px) {
.single-post .social-sharing{max-width:50%}
}

/* TopZone Toolbar */

/* This puts the Primary Navigation in the TopZone Toolbar */
#primaryNavigation {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0;
    z-index: 999;
    left: 0;
}

/* This puts the collapsable menus in the Primary Navigation to the TopZone Toolbar */
#primaryNavigation .navbar-collapse, #socialDropup {
    position: absolute;
    bottom: 54px;
    width: 101%;
    background: #fff;
    -webkit-box-shadow: 0 -4px 12px -7px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 0 -4px 12px -7px rgba(0, 0, 0, 0.39);
    box-shadow: 0 -4px 12px -7px rgba(0, 0, 0, 0.39);
    border: none;
    text-align: center;
}

#primaryNavigation .dropdown-menu {
    text-align: center;
}

#navBarsBtn {
    border: none;
    height: 54px;
    margin: 0;
    padding: 0 2em;
    line-height: 58px;
}

#navBarsBtn:hover, #navBarsBtn:focus {
    background: none;
}

#navBars {
    font-size: 1.3em;
}

#mobileIcons {
    height: 54px;
    line-height: 58px;
}

#mobileIcons a {
    display: inline-block;
    font-size: 1.3em;
    margin: 0 1.2em;
    color: #000;
}

#socialDropup a {
    font-size: 1.7em;
    color: #000;
}

#socialDropup a .fa {
    margin: 1em;
}

#mobileIcons a:hover, #mobileIcons a:focus {
    text-decoration: none;
    color: #000;
}

.scrollup {
    width: 50px;
    height: 50px;
    opacity: 0.3;
    position: fixed;
    bottom: 70px;
    right: 8px;
    display: none;
    text-indent: -9999px;
    background: url("images/icon_top_lighttheme.png") no-repeat;
    z-index: 1500;
}

/* Blog Page Styling */
.post-categories {
    list-style-type: none;
    padding: 0;
    margin: 0;
    clear: both;
}

.post-categories li {
    display: inline-block;
    margin: 1em 1em 1em 0;
}

.post-categories li a {
    background: #ccc;
    padding: 0.7em 1.3em;
    color: #000;
    text-decoration: none;
}

#blogTemplate .thumbnail-blog {
    margin-right: 2em;
}

/* Slider */
#slider-home {
    background: #f5f5f5
}

#carousel-custom {
    position: relative;
}

.carousel-indicators li {
    background-color: #000;
    border: 2px solid #FFF;
}

.masthead .btn-large:hover {
    background-color: #333;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    /* left: 50%; */
    z-index: 15;
    /* width: 100px !important; */
    padding-left: 0;
    /* margin-left: auto !important; */
    /* margin-right: auto !important; */
    /* text-align: center; */
    /* list-style: none; */
}

/*.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 100px !important;
    padding-left: 0;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
    list-style: none;
}
*/
.carousel-indicators .active {
    background-color: #CE171F;
    border: 2px solid #fff;
}

#carousel-custom .item img {
    height: 100%;
    max-height: 700px;
    min-height: 350px
}

.masthead {
 position: absolute;
    z-index: 9999;
    top: 0;
    left: 0px;
 /*   background: rgba(102, 102, 102, 0.7);*/
    width: 100%;
    margin-top: 100px;
    padding: 20px
}

.masthead h2 {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 46px;
    margin: 3px 0 10px;
    color: #fff
}

.masthead h3 {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 28px;
    margin: 0;
    color: #fff
}

.masthead p {
    color: #FFF;
    font-size: 17px;
    line-height: 19px;
    margin-bottom: 20px;
}

@media ( min-width : 768px) {
    #carousel-custom .item img {
        width: 100%;
    }
}

@media ( max-width : 768px) {
    .masthead {
        position: absolute;
        z-index: 9999;
        top: 50px;
        left: 50px;
        right: 50px;
    /*    background: rgba(102, 102, 102, 0.7);*/
        margin-top: 0 !important;
        width: inherit !important;
        padding: 20px;

    }
}

/* custom css */

body
{
margin:0px;padding:0px;
}
.topbar{width:100%;float:left;background:#060c56;color:#fff;padding:5px 0px;font-family:"roboto",serif;font-size:14px;line-height:20px;}
.social-top{text-align: right;color:#fff;}
.social-bottom{text-align: left;color:#fff;}
.social-top a{margin-left:10px;font-size:25px;color:#fff;}
.social-bottom a{margin-left:10px;font-size:25px;color:#fff;}
header{width:100%;float:left;padding:10px 0px;border-bottom:1px solid #b8b7b7;}
.logo{text-align:center;}
.logo img{width:100%;max-width:113px;}
.address{font-family:"roboto",serif;font-size:16px;text-align:center;border-right:2px solid #000;min-height:60px;margin:auto; color:#454545;}
.address a{
	color:#454545;
}
.address i{color:#080e57;font-size:35px;}
.address:last-child{border:none;}
.txtright{text-align:right;}
.slider{width:100%;float:left;position:relative;}
.slider img{width:100%;}
.slider .slidecaption{text-align:center; color:#fff;margin:100px 0px;}
.slidecaption .small{font-family:"roboto",serif;font-size:21px; font-weight:900;text-transform:uppercase;color:#fff;letter-spacing:5px;}
.slidecaption .big{font-family:"roboto",serif;font-size:58px;font-weight:900;text-transform:uppercase;color:#fff;}
.slidecaption .normal{font-family:"roboto",serif;font-size:14px;font-weight:400;color:#fff;}
.slidecaption .slidebtn{background:#15a0d9;font-family:"roboto",serif;font-weight:900;font-size:16px;border-radius:30px;padding:15px 30px;border:0;color:#fff;margin:50px 0px;}
.mynav{position:absolute;width:100%;float:left;top:0px;}

.mynav-inner{background:#fff;}
.navbar-default{background:transparent;border:none;}
.navbar {margin-bottom:0;min-height: 55px;position: relative;padding-top: 5px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #0A5A82;
    background-color: #fff;
    font-weight: 700;
}
.quote{margin-top:10px;width: auto;}
.quote img{width:auto;}
.about{width:100%;float:left;background-image:url(images/aboutbg_02.jpg);background-repeat:no-repeat;text-align:center;
padding:50px 0px; background-size: cover;}
.about h1{color:#454545;font-family:"roboto",serif;font-size:35px;text-transform:uppercase;font-weight:400;line-height:45px;display:inline-block;}
.about h1:after {background-color: #454545; content: ""; display: block; height: 2px;margin: auto;text-align: center; width: 55px;}
.about .smalltxt {
    font-size: 14px;
    line-height: 25px;
    padding: 20px 0px;
    font-weight: 300;
    color: #DDD;
}

.learnmore {
  padding: 10px 20px;
  text-transform:uppercase;
  border-radius:5px;
  border:1px solid #AFAEAE;
  margin:10px 0px;
  font-family:"roboto",serif;
  font-weight:400;
  font-size:13px;
  letter-spacing:2px;
  display:inline-block;
  background-color: #060c56;
  color: #ddd;
}

.about .bigtxt{font-size:29px;line-height:40px;padding:20px 0px;}
.well {padding: 0 15px; margin-bottom: 0; border: none; background-color: rgba(0, 0, 0, 0.5); }
.well p, .well h1 { color: #ddd; }

@media ( max-width: 767px )
{
  .about .smalltxt {color: black;}
}

.business{width:100%;float:left;background:url(images/bizback_03.jpg);text-align:center;padding-bottom:40px;}
.businesstop{background-color:#444444;padding:15px 0px;text-align:center;box-shadow: 0px 20px 15px #222;}
.businesstop h2{color:#afb1c9;font-size:35px;font-weight:400;text-transform:uppercase;}
.businesstop p{color:#fff;}
.businesstop p:after{width:50px;content:"";height:2px;display:block;background-color:#afb1c9;margin:10px auto 0px auto;}
.bizbot{background-image:url(images/bizshadow_03.png) no-repeat bottom center;height:42px;}
.bizauth{font-size:18px;color:#afb1c9;}
.bizpres{font-size:14pt;color:#fff;font-weight:300;}
.business p{font-size:14px;color:#fff;line-height:25px;}
.readmore{padding:15px 20px;text-transform:uppercase;border-radius:5px;background-color:#afb1c9;margin:10px 0px; font-family:"roboto",serif;font-weight:400;font-size:13px;color:#fff;letter-spacing:2px;display:inline-block;}
.submission{background:url(images/formback_02.jpg);background-size:cover;width:100%;float:left;}
.submission h2{font-size:35px;font-weight:900;line-height:45px;color: #060c56;}
.submission h2:after{content:"";width:80px;height:4px;background-color:#060c56;display:block;}
.blog{width:100%;float:left;padding:40px 0px;}
.blogTemplate{padding:40px 0px;}
.blogtitle{font-size:35px;font-weight:400px;font-family:"roboto",serif;color:#000;margin-bottom:20px;padding:30px 0px;}
.blogtitle span{display:block;font-size:16px;font-weight:400;}
.blogtitle:after{content:"";width:50px;height:2px;background-color:#15a0d9;display:block;margin:10px auto 0px;}
.btitle{font-family:"roboto",serif;font-size:18px;color:#454545;line-height:30px;border-bottom:2px solid #dfdada;position: relative; min-height: 65px;}
.btitle:after{content:"";position:absolute;width:50%;display:block;background-color:#15a0d9;height:2px;top:63px;}
.meta{font-family:"roboto",serif;font-size:14px;font-style:italic;color:#454545;display:inline-block;padding:0px 22px 0px 0px;}
.widget p{min-height:75px;}
footer{background:url(images/footback_02.jpg) no-repeat; background-size:cover; width:100%;float:left;}
.meta:last-child{padding-right:0px;}
footer .top{border-bottom:1px solid #847c7d;}
footer h3{font-size:16px; font-weight:400;color:#fff;text-transform:uppercase;font-family:"roboto",serif;line-height:30px;}
footer h3:after{content:"";width:170px;background-color:#1b3642;display:block;height:1px;}
footer p{color:#847c7d;font-size:14px;font-weight:300;margin:0px;}
footer .baddress{color:#847c7d;font-size:14px;font-weight:400;padding:20px 0px 20px 0px; }
footer .baddress:last-child{border:none;}
footer ul{margin:0px; padding:0px;}
footer ul li{list-style:none;display:block;width:100%;float:left;padding:10px 0px;}
footer ul li .pdate{display:block; width:100%;}
footer img{width:auto !important;}
footer ul li img{float:left;margin-right:10px;width:auto;}
footer .bmenu {margin:0px; padding:0px;width:100%; text-align:center;}
footer .bmenu  li{ display:inline-block;width:100px; float:none;}
footer .bmenu  li a{display:block;text-align:center;margin:auto; color:#847c7d;text-decoration:none;}
footer .copyright{text-align:center; display:block;width:100%;float:left;color:#847c7d; padding-bottom:20px;}
/*.inputfile  {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: black;
    display: inline-block;
}*/

div#blogTemplate {
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    margin-top: 59px;
}
div#readMoreWrapper a {
        background: #15a0d9;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    padding: 5px 18px;
    display: inline-block;

}

div#readMoreWrapper i{
display:none;
}
h6.blogTime {
    font-size: 15px;
}
h1.blogTitle a {
    color: #060c56;
	margin:0px;
}
	h1.blogTitle {
    font-size: 24px;
    font-weight: bold;
    color: #060c56;
margin:0px;
	}
	.post{
	border-bottom:1px solid #cfcfcf;padding:20px 0px;float:left;width:100%;}

	
.single-feature{float:left;margin:5px;width:200px;}
.fimage{float:left;width:90px; margin:10px;}
.widget-title{background-color:#060c56; border-top-left-radius:10px;border-top-right-radius:10px;font-size:18px;color:#fff;padding:5px 10px;}
.widget ul{margin:0px;padding:0px 0px 0px 10px;list-style:none;}
.widget ul li{line-height:30px;border-bottom:1px dashed #cfcfcf;}
.widget li a{color:#000;}
.widget li a:hover{color:#15a0d9;}

.form-control1 {
    border-radius: 30px;
    box-shadow: 1px 4px 5px rgba(21,160,217,0.10);
}
.form{padding:40px 0px;}
.sbtbtn{background-color:#060c56;padding:10px 20px;color:#fff;border-radius:5px;}

.form-border{
	border: 2px solid #404040; margin-top: 10px; width:100%;
}

#newsletter {
    padding: 13px;
    margin-top: 0px;
    width: 83%;
    background-color:transparent;
	color:#847c7d;
}

#newsletter{
	border:0px;
}

.btn-custom {
	background-color: #060C56;
	color: #fff;
	padding: 12px;
	border-radius: 0px;
	float: right;
}
.containers {
    position: relative;
    width: 100%;background-color:#0777FF;;
}
.img-overlayer {
  opacity: 1;
  display: block;
  width:100%;
  transition: .5s ease;
  backface-visibility: hidden;
}
.containers:hover .img-overlayer {
  opacity: 0.6;
  background-color:#3769A6;
}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.containers:hover .img-overlayer {
  opacity: 0.3;
}

.containers:hover .middle {
  opacity: 1;
}
.background{
	background: url("images/pen_03.png") no-repeat bottom right;
}
.icons-gly{
	color: #fffdfd;
	font-size: 30px;
	padding: 15px 20px;
	border: 1px solid #fff;
}
.fa-icons-custom {
    color: #060C56;
    font-size: 23px;
}
.text-file {
    color: #999999;
}
.row-padding{
	padding-top:69px;
}
.receiver-text{
	margin-bottom:0px;
}
.text-terms{
	padding-left: 30px;color: #999999;
}
.text-iagree{
	color: #999999;
}
.baddress a {
    color: #a79d9d;
    text-decoration: none;
}
.baddress::after {
    content: "";
    display: block;
    width: 72%;
    height: 1px;
    background-color: #373A3A;
    margin-top: 13px;
}
.baddress:last-child::after {
    display: none;
}
.inner-page{
	background:none;padding-top:50px;
}
a:focus, a:hover{text-decoration:none !important;}


@media(max-width:767px)
{

div#readMoreWrapper a {
        background: #15a0d9;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    padding: 5px 18px;
    display: inline-block;

}
.topbar{padding:0px 0px;}
.address{border:none;min-height:auto;}
.quote{text-align:center;}

.quote img{max-width:100px;}
/*.mynav-inner{margin-top:20px;}*/
.bmenu{display:none;}
.slidecaption{display:none;}
.about{background-image: none, url("images/about2_03.jpg");
    background-position: left top, center top;}
.about .bigtxt{font-size:25px;}
.submission h2{font-size:23px;}
.form{padding:40px 15px;}
.blog img{width:100%;}
.quote {

    width: auto;
    padding-top: 5px;
	margin-top:0px;
    padding-bottom: 5px;
}

.container-fluid > .navbar-collapse{margin:0px; }
#mobileIcons {
    height: 54px;
    line-height: 58px;
    background-color: #fff;
}
.submission h2 {
    font-size: 21px;
}
.about h1 {
    color: #454545;
    font-family: "roboto",serif;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 45px;
    display: inline-block;
}
.about{
	padding:20px 0px;
}
.about .bigtxt {
    font-size: 18px;
    line-height: 26px;
}
.businesstop h2 {
    color: #afb1c9;
    font-size: 21px;
    font-weight: 400;
    text-transform: uppercase;
}
.business p {
    font-size: 12px;
    color: #fff;
    line-height: 25px;
}
.btns-custom {
    text-align: center;
}
.blogtitle {
    font-size: 21px;
    font-family: "roboto",serif;
    color: #000;
    margin-bottom: 20px;
}
.blog{
	padding-top:0px; padding-bottom:0px;
}
.btitle {
    font-family: "roboto",serif;
    font-size: 17px;
    color: #454545;
    line-height: 24px;
    border-bottom: 2px solid #dfdada;
    position: relative;
}
.form{padding:20px 15px;
}
.row-padding{padding:0px; }
footer{margin-bottom:54px;}
}

@media(min-width:768px) and (max-width:991px)
{
.address{min-height:80px;}
.address i{display:block;}
.slider .slidecaption{padding:49px 0px; margin:0px;}
.slidecaption .small{font-size:14px;}
.slidecaption .big{font-size:25px;}
.slidecaption .normal{font-size:9px;}
.slidecaption .slidebtn{margin:0px;}
.navbar-nav > li > a{padding:15px 8px;}
.row-padding{padding:0px 0px 0px 0px; margin-left:0px;}
.quote{text-align:center;}
.meta{font-size:10px; padding-right:2px;}
.widget p{text-align:justify;}
#newsletter{width:78%;}
footer{margin-bottom:54px;}

}
#myBtn {
    background-color: #060c56;
    border: medium none;
    border-radius: 30px;
    bottom: 20px;
    color: white;
    cursor: pointer;
    margin-bottom: 40px;
    outline: medium none;
    padding: 15px;
    position: fixed;
    right: 30px;
    width: 50px;
    z-index: 99;
}

#myBtn:hover {
  background-color: #555;
}


@media (max-width: 990px) {
    #mobileIcons {
    height: 54px;
    line-height: 58px;
    background-color: #fff;
}
	.container-fluid{padding:0px;}
	.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);
    }
	.container-fluid > .navbar-collapse{margin:0px; }
    /*.navbar-collapse.collapse {
        display: none!important;
    }*/

    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }


	#primaryNavigation .navbar-collapse {
       display: none !important;

	}
	#primaryNavigation .navbar-collapse.in {
       display: block !important;

	}

}
.fa-angle-up:before{font-size:24px !important;}
.single-feature{
	width: 100%;
	float: left;
	margin-bottom:15px;
}
.single-feature img {
    float: left;
    margin: 14px 10px 10px;
}

h6.blogTime{
	font-size: 12px;
}

/* AJM 6-14-2017 - centering the nav at odd resolutions*/
@media (min-width: 993px) and (max-width: 1199px) {
  .navbar-default .navbar-nav>li>a {
    padding-left: 0;
    padding-right: 15px;
  }
}