/** PepperTree Homes 2015 **/


@font-face {
    font-family: 'roboto_slabbold';
    src: url('fonts/RobotoSlab-Bold-webfont.eot');
    src: url('fonts/RobotoSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobotoSlab-Bold-webfont.woff') format('woff'),
         url('fonts/RobotoSlab-Bold-webfont.ttf') format('truetype'),
         url('fonts/RobotoSlab-Bold-webfont.svg#roboto_slabbold') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;

}
@font-face {
    font-family: 'roboto_slabregular';
    src: url('fonts/RobotoSlab-Regular-webfont.eot');
    src: url('fonts/RobotoSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobotoSlab-Regular-webfont.woff') format('woff'),
         url('fonts/RobotoSlab-Regular-webfont.ttf') format('truetype'),
         url('fonts/RobotoSlab-Regular-webfont.svg#roboto_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;

}
@font-face {
    font-family: 'cinzelregular';
    src: url('/fonts/Cinzel-Regular-webfont.eot');
    src: url('/fonts/Cinzel-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Cinzel-Regular-webfont.woff') format('woff'),
         url('/fonts/Cinzel-Regular-webfont.ttf') format('truetype'),
         url('/fonts/Cinzel-Regular-webfont.svg#cinzelregular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;

}

@font-face {
    font-family: 'nexa_lightregular';
    src: url('/fonts/Nexa-Light-webfont.eot');
    src: url('/fonts/Nexa-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Nexa-Light-webfont.woff') format('woff'),
         url('/fonts/Nexa-Light-webfont.ttf') format('truetype'),
         url('/fonts/Nexa-Light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;

}
.icon:before {
	font-family: 'MeteoconsRegular';
	content: attr(data-icon);
	font-style: normal;
}
body {
  padding-top: 10px;
  padding-bottom: 0;
  font-family: 'nexa_lightregular';
  font-size: 1.8em;
  color: #555;
}
body.contact .main,body.faq .main,body.about .main {
	padding-top: 10em;
	padding-bottom: 10em;
}
body.thanks h1 {
	font-size: 24px;
	margin-top:12%;
	margin-bottom: 12%;
}
a {
   color: #00703C; /* medium blue #8099B7 */
	outline: none;
	text-decoration: none;
}
a:focus,a:active,a:hover {
   color: #00703C; 
   outline: none;
	text-decoration: underline;
}
a i:hover {
	opacity: 0.7;
}
p.follow {
	margin-bottom: 4px;
}
.text-primary {
    color: #00703C; 
}
.btn-primary {
  color: #fff;
  background-color: #00703C;
  border-color: #00703C;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #00703C;
  border-color: #00703C;
  opacity: 0.5;
}
h1,h2,.customH2,h3,h4,.panel-title {
	font-family: 'cinzelregular';
}
h2,h3,h4,.customH2 {
	color: #4e534f; /* was #444 very dark grey */
}
h1 {
	font-size: 160%;
	z-index: 1;
}
h2,.customH2 {
	font-size: 140%;
}
.small {
	font-size: smaller;
}
.customH2 {
	margin-bottom: 10px;
}
h3 {
   font-size: 120%;
}
h4 {
	font-size: 105%;
}
blockquote {
	font-size: 100%;
}
span.bodyb {
	font-weight: bold;
	font-size: 100%;
}
aside {
	padding-top: 20px;
}
aside i {
	color: #00703C; /* red */
}
/*.img-clickable {
	box-shadow: 10px 10px 5px #888;
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
}*/

#image-static {
    overflow: hidden;
    position: relative;
    padding-top: 0;
}
.head-container {
	padding: 60px 12px;
	color: #fff;
}
.head-container h1 {
	color: #fff;
	position: relative;
	top:0;
	z-index:999;
}
.head-container blockquote {
	font-family: "MS Serif", "New York", serif;
	font-style: italic;
	font-size: larger;
}
.overlay-bg {
    background: none repeat scroll 0 0 #4e534f;
    height: 100%;
    opacity: 0.5;
    position: absolute;
    width: 100%;
    /*z-index: 1;*/
}

/** Main Nav **/
/*#logo {
	width: 130px;
	float: left;
	margin-right: 10px;
}*/
#call {
	float: left;
	color: #fff;
	font-size: 130%;
	padding-top: 7px;
}
.logo-wrap {
	padding: 10px 0;
}
.navbar {
	margin-bottom: 0;
}
.navbar-default {
	/*background-color: #2a2122;*/
	/*background-color: #4e534f;*/
	background-color: #333;
	border-color: #555555;
}
.navbar-nav {
	float: right;
}
/*.navbar-default .container {
	padding-top: 10px;
	padding-bottom: 10px;
}*/
.navbar-default .navbar-nav > li > a {
    color: #fff; 
    text-decoration:none;
}
.navbar-default .navbar-nav > li > a:hover {
	background-color: #989788; 
    color: #fff;
    text-decoration:none;
}
.navbar-default .navbar-nav > li > a:focus {
	background-color: #989788; 
    color: #fff;
    text-decoration:none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #989788; 
    color: #fff;
    text-decoration:none;
}
.navbar-toggle {
	margin-right:0;
}
.navbar-nav .open .dropdown-menu {
	background-color: #fff;
}

/** HEADER **/

header .col-md-4 {
	padding-top: 20px;
}
.navbar-header {
	width: 80%;
	position:relative;
	left: 20%;
}

header {
	border-bottom: 1px solid #ccc;
}
.brand-wrapper {
	background: url('imgs/head-117.webp') no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	margin-top: 40px;
	padding: 0;
}
.brand-wrapper .well {
	opacity: 0.8;
	background-color: #4e534f;
	border: 0;
}
.brand-wrapper .well a {
	color: #c3cfdd;
}
.vp-head {
	font-size: 130%;
	color: #fff;
}
.vp-txt {
	color: #fff;
	font-weight: bold;
}
.vp a {
	color: #fff;
}



/** CONTENT **/

.main {
	padding-top: 30px;
    padding-bottom: 60px;
	margin-bottom: 20px;
}
.main img {
	margin: 20px 0;
}
.intro {
	font-family: 'roboto_slablight';
	font-size: 140%;
	line-height: 160%;
	color: #555; /* more dark-grey */
	font-style: oblique;
}
.cta {
	color: #fed136; /* mustard */
}
.cta-heading {
	color: #555; /* more dark-grey */
}
.cta a:hover {
	opacity:0.5;
	text-decoration: none;
}
.faq-wrap {
	margin-top: 20px;
}
.announce {
	font-family: 'roboto_slablight';
	line-height: 130%;
	text-align: center;
	color: #555; /* more dark-grey */
	font-style: oblique;
}


/** SIDEBAR **/

.concrete-img img {
	margin: 10px auto;
}
@media only screen and (min-width: 768px) and (max-width:992px) {
	.concrete-img img {
		margin: 10px;
		float: left;
	}
}

/** VIDEO **/

.media-wrapper {
	margin: 20px 0;
}

/** GALLERY **/

.container-filter a:hover {
	cursor: pointer;
}

/** TESTIMONIALS **/

/* front page carousel */
.testimonials {
	border-top: 1px dotted #cacaca;
	margin-top: 40px;
}
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222; /* very dark, almost black */
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0; /* medium grey */
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333; /* very dark grey, nearly black */
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* END front page carousel */



/** END TESTIMONIALS **/

/** FAQ ACCORDION **/

.panel-default > .panel-heading {
	background-color: transparent;
}
h4.panel-title {
	line-height: 120%;
}
h4.panel-title a {
	color: #d34836; /* red */
	outline: none;
	text-decoration: none;
}
h4.panel-title a:focus,h4.panel-title a:active,h4.panel-title a:hover {
    outline: none;
	text-decoration: underline;
}

/** NO MORE TABLES **/

@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
	
	 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}

/** END NO MORE TABLES **/

.item blockquote {
    border-left: none; 
    margin: 0;
}
.item blockquote img {
    margin-bottom: 10px;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

/** TIMELINE **/
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            font-family: 'cinzelregular';
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #4b5c2a !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}

/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}
/** END TESTIMONIALS **/

.socials a {
	font-size: 200%;
	color: #999999; /* a dark grey */
}
.socials a:hover {
	opacity: 0.7;
}

/** SOCIAL SHARE **/

#social:hover {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	}
#social {
	-webkit-transform:scale(0.8);
	/* Browser Variations: */
	-moz-transform:scale(0.8);
	-o-transform:scale(0.8);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	}         
      
/* Only Needed in Multi-Coloured Variation */
			.social-fb:hover {
				color: #3B5998; /* medium blue */
			}
			.social-tw:hover {
				color: #4099FF; /* bright medium blue */
			}
			.social-gp:hover {
				color: #d34836; /* red */
			}
			.social-em:hover {
				color: #f39c12; /* orangey-mustard */
			}

.share-span {
	padding: 2px 4px;
	border: 1px solid #ccc;
	position: relative;
	top: -3px;
}

/** END SOCIAL SHARE **/

/*** MAP SECTION ***/
#maps {
	width: 100%;
	height: 500px;
	position: relative;
	overflow: hidden;
}
.map-content {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.inner-map {
	width: 100%;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
}
#maps, .inner-map {height: 701px;}
#maps {position: relative;}

/*** END MAP SECTION ***/

/** CONTACT **/

#contact {
	padding: 40px 0;
	background-color: #989788; /* dark-medium grey */
}
section#contact .section-heading {
    color: #fff;
}
section#contact .form-group textarea.form-control {
    height: 216px;
}
section#contact .form-group input, section#contact .form-group textarea {
    padding: 20px;
}
section#contact .form-group input.form-control {
    height: auto;
}
section#contact .form-group input, section#contact .form-group textarea {
    padding: 20px;
}
.help-block {
	color: #fff;
}
#contactForm .g-recaptcha {
	width:304px;
	margin: 0 auto 20px auto;
}
#contactForm input[type="submit"] {
	padding: 10px 15px;
}

/** 404 **/

/*
.404-sub {
	font-size: 36px;
}*/

/** FOOTER **/

#top {
	padding: 10px 0;
	background-color: #444; /* very dark, nearly black */
}
#back-to-top {
    /*background-color: #323a45;*/
    color: #e8e8e8; /* light grey */
    border-radius: 2px;
    /*bottom: 15px;*/
    /*display: none;*/
    height: 48px;
    /*margin: 0;*/
    /*opacity: 0.25;*/
    /*position: fixed;
    right: 15px;*/
    transition: opacity 0.15s ease-in-out 0s;
    width: 48px;
    /*z-index: 99;*/
}
footer {
	padding-top: 10px;
	color: white;
    background-color: #333;
	padding: 10px 0;
}
.member {
	margin-top: 20px;
}
.member img {
	/*padding: 0 4px;*/
	margin: 6px 20px;
}
footer h3 {
	color: #fff;
    font-size:large;
}
footer ul {
	list-style: none;
	padding-left: 0;
}
footer a {
	color: #eaffbf;
}
footer a:hover {
	color: #d6d6d6; /* medium grey */
}
.copy {
	margin-top: 20px;
	padding-top: 20px;
	font-size: smaller;
    padding-bottom: 25%;
	/*border-top: 1px solid #ccc;*/
}




/** MEDIA QUERIES **/

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
      float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}

@media (min-width: 768px) {
	/*.navbar-collapse {
		float:right;
	}*/
}
@media (max-width: 1024px) {
	.logo-wrap .img-responsive {
		margin: 0 auto;
	}
}
@media (max-width: 768px) {
	
}
@media (max-width: 767px) {
	body.contact .jumbotron {
		display: none;
	}
}
@media (max-width: 384px) {
	.aside-img img {
		margin-right: auto;
		margin-left: auto;
	}
}

/** CUSTOM BOOTSTRAP COLUMNS **/

.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4,
.col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8,
.col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (max-width: 384px) {
    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11 {
        float: left;
    }

    .col-xxs-1 {
        width: 8.333333333333332%;
    }

    .col-xxs-2 {
        width: 16.666666666666664%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-4 {
        width: 33.33333333333333%;
    }

    .col-xxs-5 {
        width: 41.66666666666667%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-7 {
        width: 58.333333333333336%;
    }

    .col-xxs-8 {
        width: 66.66666666666666%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-10 {
        width: 83.33333333333334%;
    }

    .col-xxs-11 {
        width: 91.66666666666666%;
    }

    .col-xxs-12 {
        width: 100%;
    }
}

/* Spacer Style   ||-----------*/

.spacer-15 {
    width: 100%;
    height: 15px;
}

.spacer-30 {
    width: 100%;
    height: 30px;
}

.spacer-45 {
    width: 100%;
    height: 45px;
}

.spacer-60 {
    width: 100%;
    height: 60px;
}

.spacer-75 {
    width: 100%;
    height: 75px;
}

.spacer-90 {
    width: 100%;
    height: 90px;
}

.no-padding {
    padding: 0 !important;
}

.padding-30 {
    padding: 30px !important;
}

.padding-40 {
    padding: 40px !important;
}

.plr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pl-0 {
    padding-left: 0;
}

.pr-0 {
    padding-right: 0;
}

.ptb-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.ptb {
    padding-top: 110px;
    padding-bottom: 110px;
}

.pt {
    padding-top: 110px;
}

.pb {
    padding-bottom: 110px;
}

.ptb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pt-15 {
    padding-top: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}

.ptb-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.pt-60 {
    padding-top: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}

.ptb-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.pt-80 {
    padding-top: 80px;
}

.pb-80 {
    padding-bottom: 80px;
}

.mtb-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.mlr-0 {
    margin-left: 0px;
    margin-right: 0px;
}

.mt-0 {
    margin-top: 0px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.ml-0 {
    margin-left: 0px !important;
}

.mr-0 {
    margin-right: 0px !important;
}

.mtb-80 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.mt-80 {
    margin-top: 80px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mtb-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.mt-60 {
    margin-top: 60px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mtb-45 {
    margin-top: 45px;
    margin-bottom: 45px;
}

.mt-45 {
    margin-top: 45px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mtb-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.ml-30 {
    margin-left: 30px;
}

.mr-30 {
    margin-right: 30px;
}

.mtb-25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.mt-25 {
    margin-top: 25px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mtb-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mt-15 {
    margin-top: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

@media (max-width: 991px) {


    .mtb-sm-60 {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .mt-sm-60 {
        margin-top: 60px;
    }

    .mb-sm-60 {
        margin-bottom: 60px;
    }

    .mtb-sm-45 {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .mt-sm-45 {
        margin-top: 45px;
    }

    .mb-sm-45 {
        margin-bottom: 45px;
    }

    .mtb-sm-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mt-sm-30 {
        margin-top: 30px;
    }

    .mb-sm-30 {
        margin-bottom: 30px;
    }

    .mtb-sm-15 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .mt-sm-15 {
        margin-top: 15px;
    }

    .mb-sm-15 {
        margin-bottom: 15px;
    }

    .ptb-sm-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .pt-sm-0 {
        padding-top: 0px;
    }

    .pb-sm-0 {
        padding-bottom: 0px;
    }

    .ptb-sm-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pt-sm-30 {
        padding-top: 30px;
    }

    .pb-sm-30 {
        padding-bottom: 30px;
    }

    .ptb-sm-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pb-sm-60 {
        padding-bottom: 60px;
    }

    .pt-sm-60 {
        padding-top: 60px;
    }

    .ptb-sm-80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .pb-sm-80 {
        padding-bottom: 80px;
    }

    .pt-sm-80 {
        padding-top: 80px;
    }

    .float-none-sm {
        float: none !important;
    }

    .float-left-sm {
        float: left !important;
    }

    .float-right-sm {
        float: right !important;
    }
}

@media (max-width: 767px) {

    .mtb-xs-0 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .mt-xs-0 {
        margin-top: 0px;
    }

    .mb-xs-0 {
        margin-bottom: 0px;
    }

    .mtb-xs-15 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .mt-xs-15 {
        margin-top: 15px;
    }

    .mb-xs-15 {
        margin-bottom: 15px;
    }

    .mtb-xs-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mt-xs-30 {
        margin-top: 30px;
    }

    .mb-xs-30 {
        margin-bottom: 30px;
    }

    .mtb-xs-60 {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .mt-xs-60 {
        margin-top: 60px;
    }

    .mb-xs-60 {
        margin-bottom: 60px;
    }

    .ptb-xs-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pt-xs-30 {
        padding-top: 30px;
    }

    .pb-xs-30 {
        padding-bottom: 30px;
    }

    .ptb-xs-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pb-xs-60 {
        padding-bottom: 60px;
    }

    .pt-xs-60 {
        padding-top: 60px;
    }

    .float-none-xs {
        float: none !important;
    }

    .float-left-xs {
        float: left !important;
    }

    .float-right-xs {
        float: right !important;
    }
}