/*--------------------------------------------------------------

This is your custom stylesheet.



Add your own styles here to make theme updates easier.

To override any styles from other stylesheets, simply copy them into here and edit away.



Make sure to respect the media queries! Otherwise you may

accidentally add desktop styles to the mobile layout.



You're the boss, so have fun editing!



--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

1.0 - Global Styles

2.0 - Responsive media queries (mobile styles)

	2.1 - MAXIMUM width of 480 pixels (phones and smaller)

	2.2 - MINIMUM width of 481 pixels (phones and larger)

	2.3 - MINIMUM width of 721 pixels (tablets and larger)

--------------------------------------------------------------*/

/*--------------------------------------------------------------

1.0 - Global Styles

--------------------------------------------------------------*/





/*ie11 bugfix*/

#primary {-ms-flex:1 0 100%;}

.header-notifications a.cart-button.boss-tooltip{

    font-size: 16px;

}

#header-aside-inner .boss-tooltip:after{

    font-size: 16px;

}

/* /ie11 bugfix*/

.greenSection {

    color: #a5ebaf;

    font-size: 21px;

}

.greenSection h2{

    color: #fff;

    font-size: 40px;

    font-weight: normal;

    margin-bottom: 45px;

}

.greenSection .wpb_content_element {

    margin-bottom: 24px;

}

.greenSection .searchform {

    padding-left: 30px;

    padding-right: 30px;

}

.greenSection .searchform #s{

    display: inline-block;

    background: #fff;

    width: 100%;

    margin-right: -50px;

    padding-right: 50px;

    padding: 21px 49px 14px 21px;

    color: #999999;

    font-size: 19px;

}

.greenSection .searchform #s::-webkit-input-placeholder {

    color: #999;

}

.greenSection .searchform #s:-moz-placeholder {

    color: #999;

}

.greenSection .searchform #s::-moz-placeholder {

    color: #999;

}

.greenSection .searchform #s:-ms-input-placeholder {

    color: #999;

}

.greenSection  #searchform {

    border: none;

}

.greenSection  #searchform button{

    width: 50px;

    margin-left: -12px;

    height: 46px;

    text-align: center;

}

.bb-icon-search:before{

    content: "\f002";

    font-family: "FontAwesome" !important;

    font-size: 26px;

    color: #666 !important;

}

.buyAndSell h3{

    font-weight: normal;

    margin-bottom: 11px;

}

.buyAndSell a{

    color: #333;

}

.buyAndSell .buyColomn{

    padding: 37px 53px;

    border: 1px solid #e1e1e1;

}

.buyAndSell .buyColomn a{

    display: block;

}

.buyAndSell .buyColomn a img{

    -webkit-transition: all .3s ease-out;;

     -o-transition: all .3s ease-out;;

     transition: all .3s ease-out;; 

}

.buyAndSell .buyColomn a:hover img{

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}

.buyAndSell .buyColomn .img-holder{

    display: inline-block;

    vertical-align: middle;

    margin-right: 20px;

    width: 30%;

}

.buyAndSell .buyColomn .buyColomnDescription{

    display: inline-block;

    vertical-align: middle;

    width: 50%;

}

.buyAndSell .wpb_content_element {

    margin-bottom: 0;

}

.buyAndSell .vc_column-inner,

.buyAndSell .wpb_wrapper,

.buyAndSell .buyColomn{

    height: 100%;

}
.vc_row.vc_row-flex.buyAndSell >.vc_column_container.buy_and_sell-left > .vc_column-inner {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.vc_row.vc_row-flex.buyAndSell >.vc_column_container.buy_and_sell-right > .vc_column-inner {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.vc_row.vc_row-flex.buyAndSell >.vc_column_container.vc_col-sm-12 > .vc_column-inner {
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
  align-items: stretch;
}
.vc_row.vc_row-o-equal-height>.vc_column_container.safe-left .vc_column-inner,
.vc_row.vc_row-o-equal-height>.vc_column_container.safe-center .vc_column-inner,
.vc_row.vc_row-o-equal-height>.vc_column_container.safe-right .vc_column-inner {
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	flex: 1;
	height: 100%;
  align-items: stretch;
  align-self: stretch;
  position: relative;
}

.vc_row.vc_row-o-equal-height>.vc_column_container.safe-left::after,
.vc_row.vc_row-o-equal-height>.vc_column_container.safe-center::after,
.vc_row.vc_row-o-equal-height>.vc_column_container.safe-right::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 15px;
  width: calc(100% - 30px);
  height: 150px;
  z-index: 1;
  background-color: #ffffff;
}
.vc_row.vc_row-o-equal-height>.vc_column_container.safe-left .vc_column-inner .wpb_wrapper,
.vc_row.vc_row-o-equal-height>.vc_column_container.safe-center .vc_column-inner .wpb_wrapper,
.vc_row.vc_row-o-equal-height>.vc_column_container.safe-right .vc_column-inner .wpb_wrapper {
  position: relative;
  z-index: 2;
}
.vc_row.vc_row-o-equal-height>.vc_column_container.vc_col-sm-12 .vc_column-inner {
  -webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
  align-items: stretch;
}




.bm-collections .featured-cats{

    margin-bottom: 35px;

}

.earthSection {

    margin-bottom: 35px;

}

.earthSection h2{

    font-size: 40px;

    font-weight: normal;

}

.safeSection h3{

    margin-bottom: 10px;

    font-weight: normal;

}

.safeSection .wpb_wrapper{

    height: 100%;
    width: 100%;

}

.safeColomn{

    text-align: center;

    background: #fff;

    padding: 40px 10% 15px;

    height: 100%;
    margin-bottom: 0px;



}

.safeColomn .img-holder{

    margin-bottom: 35px;

}



.skewSection h2{

    font-size: 39px;

    font-weight: normal;

    margin-bottom: 11px;

}

.subscribeSection{

    text-align: center;

}

.subscribeSection h2{

    font-size: 40px;

    font-weight: normal;

    margin-bottom: 11px;

}

.subscribeSection p{

    font-size: 24px;

    color: #999;

}

.subscribeSection .bm-newsletters{

    background: none;

    border: none;

    padding: 0;

    font-size: 19px;

}

.subscribeSection .newsletter-email{

    background: #fff;

    padding: 20px;

}

.subscribeSection input[type=submit].newsletter-submit {

    padding: 24px 34px;

}

.subscribeSection .newsletter-subscription{

    max-width: 540px;

    margin: 0 auto;

}



.footer-inner-top{

    padding-top: 50px;

    padding-bottom: 0;

}

.footer-inner-top, .footer-inner-top a{

    color: #333;

}

.footer-widget .widget h4.widgettitle{

        margin-bottom: 22px;

        font-size: 17px;

}

.footer-widget .widget .textwidget, .footer-widget .widget li, .footer-widget .widget p{

    font-size: 14px;

}



.widget.onesocial_social_links li{

    margin-bottom: 3px;

}

.widget.onesocial_social_links li a span{

    width: 25px;

    height: 25px;

    background: #38b449;

    border-radius: 50%;

    color: #fff;

    margin-right: 7px;

}

.footer-widget #switch-mode input[type=submit]{

    padding: 11px 18px;

}

.widget-area .widget li {

    margin-bottom: 6px;

}

#switch-mode{

    margin-top: 9px;

}

#switch-mode:after{

    content: '';

    display: block;

    clear: both;

}

body div.footer-inner-bottom{

    border-top: 1px solid #e1e1e1;

    background: #f7f7f7;

    font-size: 14px;

    color: #333;

    padding: 15px 0;

}

div.footer-inner div#footer-links{

    text-align: center;

    display: block;

    width: 100%;

}





/*--------------------------------------------------------------

2.0 - Responsive media queries (mobile styles)

--------------------------------------------------------------*/

@media screen and (max-width: 1024px) {

    .footer-inner:after{

        content: '';

        display: block;

        clear: both;

    }

    .footer-widget.footer-widget{

        float: left;

        width: 50%;

    }

}

@media screen and (max-width: 768px) {

    body .greenSection {

        padding-top: 30px !important;

        padding-bottom: 30px !important;

    }

    .greenSection .searchform #s{

        padding: 10px 50px 10px 10px;

    }

    .greenSection h2{

        font-size: 30px;

        margin-bottom: 15px;

    }

    body .buyAndSell {

        padding-bottom: 20px !important;

    }

    body .earthSection {

        padding-top: 30px !important;

        padding-bottom: 30px !important;

    }

    .earthSection h2{

        font-size: 30px;

        margin-bottom: 15px;

    }

    .safeColomn {

        padding: 15px;

    }

    .safeColomn .img-holder{

        float: left;

        margin-right: 20px;

    }

    body .skewSection {

        padding-top: 30px !important;

        padding-bottom: 30px !important;

    }

    .skewSection h2{

        font-size: 30px;

        margin-bottom: 15px;

    }

    body .subscribeSection {

        padding-top: 30px !important;

        padding-bottom: 30px !important;

    }

    .subscribeSection p{

        font-size: 18px;

    }

    .subscribeSection h2{

        font-size: 30px;

        margin-bottom: 15px;

    }

    .subscribeSection .bm-newsletters{

        padding-left: 15px;

        padding-right: 15px;

    }

    .subscribeSection .newsletter-email{

        padding: 10px;

    }

    .subscribeSection input[type=submit].newsletter-submit {

        padding: 15px 18px 14px;

    }

}



/*--------------------------------------------------------------

2.1 - MAXIMUM width of 480 pixels (phones and smaller)

--------------------------------------------------------------*/

@media screen and (max-width: 480px) {



    .safeColomn .img-holder{

        float: none;

        margin-right: 0;

    }

	/*

	.just_an_example {

		color: black;

	}

	*/





}/* don't delete this closing bracket */











/*--------------------------------------------------------------

2.1 - MINIMUM width of 481 pixels (phones and larger)

--------------------------------------------------------------*/

@media screen and (min-width: 481px)  {





	/*

	.just_an_example {

		color: black;

	}

	*/





}/* don't delete this closing bracket */











/*--------------------------------------------------------------

2.4 - MINIMUM width of 721 pixels (tablets and larger)

--------------------------------------------------------------*/

@media screen and (min-width: 721px)  {





	/*

	.just_an_example {

		color: black;

	}

	*/





}/* don't delete this closing bracket */





@font-face {

    font-family: 'GothaProLig';

    src: url('../fonts/GothaProLig.eot');

    src: url('../fonts/GothaProLig.eot') format('embedded-opentype'),

         url('../fonts/GothaProLig.woff2') format('woff2'),

         url('../fonts/GothaProLig.woff') format('woff'),

         url('../fonts/GothaProLig.ttf') format('truetype'),

         url('../fonts/GothaProLig.svg#GothaProLig') format('svg');

}

@font-face {

    font-family: 'GothaProMed';

    src: url('../fonts/GothaProMed.eot');

    src: url('../fonts/GothaProMed.eot') format('embedded-opentype'),

         url('../fonts/GothaProMed.woff2') format('woff2'),

         url('../fonts/GothaProMed.woff') format('woff'),

         url('../fonts/GothaProMed.ttf') format('truetype'),

         url('../fonts/GothaProMed.svg#GothaProMed') format('svg');

}

@font-face {

    font-family: 'GothaProReg';

    src: url('../fonts/GothaProReg.eot');

    src: url('../fonts/GothaProReg.eot') format('embedded-opentype'),

         url('../fonts/GothaProReg.woff2') format('woff2'),

         url('../fonts/GothaProReg.woff') format('woff'),

         url('../fonts/GothaProReg.ttf') format('truetype'),

         url('../fonts/GothaProReg.svg#GothaProReg') format('svg');

}

@font-face {

    font-family: 'GothaProBol';

    src: url('../fonts/GothaProBol.eot');

    src: url('../fonts/GothaProBol.eot') format('embedded-opentype'),

         url('../fonts/GothaProBol.woff2') format('woff2'),

         url('../fonts/GothaProBol.woff') format('woff'),

         url('../fonts/GothaProBol.ttf') format('truetype'),

         url('../fonts/GothaProBol.svg#GothaProBol') format('svg');

}