/*
 Theme Name: Brando Child
 Description: Child theme for Brando theme
 License: Themeforest Split Licence
 Author: Themezaa
 Author URI: http://www.themezaa.com
 Template: brando
 Version: 1.1
 Text Domain: brando-child
*/

/*Header*/
.navbar-header {background: none;}
.header-right .widget {margin-bottom: 0px; margin: 0;}
.header-right .btn.btn-very-small {font-size: 15px; text-transform: capitalize; padding: 7px 25px;  border-radius: 2px; -webkit-border-radius: 2px;}
.header-right .btn-small-white {border: 1px solid #fff;}
.navbar-nav {float: right; margin-right: -8.3%;}

.navbar-nav a {font-size: 15px; text-transform: capitalize;}
.navbar .header-right a:hover, .navbar .header-right a:hover i {color: #fff;}
.nav-white .navbar-nav a:hover {color: #74e304;}
.nav-white.navbar li.active a, .nav-white.navbar li.current-menu-item a {border-bottom: 0;}
.btn-small-white:hover {background: #74e304; border: 1px solid #74e304 !important;}

/*General*/
.grecaptcha-badge {display: none !important;}
section {padding: 40px 0;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif; font-weight: 600;}
.reduce-width-two {max-width: 490px;}
.bottom-pagination {padding-bottom: 0;}
.vc_sep_width_20 {width: 70px;}
.mfp-bg {background: rgba(255, 255, 255, 0.85);}
img.mfp-img {background: transparent;}
ul.social-icons {display: block; position: relative; padding-left: 0;}
ul.social-icons li {display: inline-block; margin-right: 8px;}
ul.social-icons li a i {font-size: 26px; color: #74e304;}
ul.social-icons li a i:hover {color: #000;}

.green-text strong {color: #74e304;}
.paraTainer {z-index: 6; height: 100vh;}
.paraInner {margin-top: 50vh; margin-bottom: 0;}
.main-heading h1, .main-heading h2, .main-heading h3, .main-heading h4 {font-weight: 700;}
.paraInner h1 {font-weight: 700; color: #74e304; font-size: 3.5em; line-height: 1.3; margin-top: -10vh;}
.padTainer h4 {font-weight: 600; letter-spacing: 5px;}
.downInner {position: absolute; bottom: 80px; left: 50%; transform: translate(-50%, -50%);}
.downInner.btn i {margin-right: 0;}
.brando_button_1575468785-2-13, .brando_button_1575468785-2-13 i {color: #fff !important;}
.downInner.btn-medium {padding: 10px; border-radius: 2px; -webkit-border-radius: 2px;}

#call-to-action {overflow: visible;}
#call-to-action .main-heading h4 {font-size: 18px; font-weight: 500;}
#call-to-action .btn.btn-medium {margin-right: 10px; margin-left: 10px; margin-bottom: 10px; min-width: 160px; text-transform: capitalize; font-size: 16px;}
.abs-img-left {position: absolute; left: 0; z-index: 6; bottom: -20vh;}
.abs-img-right {top: -20vh; position: absolute; right: 0;}

.overlay {z-index: 6; background: url(http://brimacafe.co.za/wordpress19/wp-content/uploads/2019/12/marble-overlay.jpg);}
.neg-left {background: #fff; margin-left: -50%; margin-right: 50%; margin-top: 10vh; margin-bottom: 10vh; padding-top: 1px; padding-bottom: 1px;
box-shadow: 0px 0px 25px rgba(0,0,0,.15); -webkit-box-shadow: 0px 0px 25px rgba(0,0,0,.15); -moz-box-shadow: 0 0 25px rgba(0,0,0,.15); -ms-box-shadow: 0 0 25px rgba(0,0,0,.15);}
.neg-right {background: #fff; margin-right: -50%; margin-left: 50%; margin-top: 10vh; margin-bottom: 10vh; padding-top: 1px; padding-bottom: 1px;
box-shadow: 0px 0px 25px rgba(0,0,0,.15); -webkit-box-shadow: 0px 0px 25px rgba(0,0,0,.15); -moz-box-shadow: 0 0 25px rgba(0,0,0,.15); -ms-box-shadow: 0 0 25px rgba(0,0,0,.15);}
.padTainer {margin: 30px; text-align: center; border: 3px solid #74e304; padding: 30px;}
.padTainer img {margin: 30px 0; max-width: 60px; text-align: center;}

#testimonial-slider .item .col-md-7 {width: 100%; text-align: left;}

.contact-info {display: block; position: relative; float: left; width: 100%;}
.contact-info h6 {margin-bottom: 3px; font-weight: 400; font-size: 15px;}
.contact-info .icon-left {width: 70px; display: inline-block; position: relative; float: left;}
.contact-info .icon-left .icon-inner {padding-right: 15px; margin: 5px 0;}
.contact-info .info-right {width: calc(100% - 70px); float: right; padding: 0 15px; display: inline-block; position: relative;}
.contact-info .info-right .info-inner {margin-bottom: 10px; margin-top: 2px;}

.btn-small-white:hover, .btn-small-white:focus {background-color: #74e304; border: 1px solid #74e304;}
#testimonial-slider h6 {color: #74e304; font-size: 15px;}
#testimonial-slider p {font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 26px; margin-bottom: 20px;}
.testimonial-slider-main .testimonial-style2 p {width: 100% !important;}

/*Portfolio*/
.grid-style2 .grid figure {background: #fff;}
.portfolio-filter-tab li a:hover, .portfolio-filter-tab li:active, .portfolio-filter-tab li.active a {background-color: #fff !important;}
.portfolio-filter-tab li:active, .portfolio-filter-tab li.active a {font-weight: 700;}
.portfolio-filter-tab li a {padding: 4px 10px; font-weight: 500; font-size: 16px; color: #000;}
.portfolio-filter-tab li {margin: 0 10px !important;}
.grid-gallery figcaption h3.text-large a {font-size: 18px; line-height: 1.2;}
.grid-gallery figcaption span.text-small {display: none; font-size: 15px; line-height: 1.2; margin-top: 10px;}

/*Animation*/
.bounce {-moz-animation: bounce .8s infinite;-webkit-animation: bounce .8s infinite; animation: bounce .8s infinite;}
@keyframes bounce {
  0%, 100% {transform: translateX(0);}
  50% {transform: translateX(-2px);}
  80% {transform: translateX(2px);}
}
.bounce-up {-moz-animation: bounce-up .8s infinite;-webkit-animation: bounce-up .8s infinite; animation: bounce-up .8s infinite;}
@keyframes bounce-up {
  0%, 100% {transform: translateY(0);}
  50% {transform: translateY(-2px);}
  80% {transform: translateY(2px);}
}
.animate.slide-left {opacity: 0; -webkit-transition: all 700ms ease-out; transition: all 700ms ease-out; -moz-transform: translate3d(-100px, 0px, 0px); -webkit-transform: translate3d(-100px, 0px, 0px); -o-transform: translate(-100px, 0px); -ms-transform: translate(-100px, 0px); transform: translate3d(-100px, 0px, 0px);}
.animate.slide-left.in-view {opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px);}

.animate.slide-right {opacity: 0; -webkit-transition: all 700ms ease-out; transition: all 700ms ease-out; -moz-transform: translate3d(100px, 0px, 0px); -webkit-transform: translate3d(100px, 0px, 0px); -o-transform: translate(100px, 0px); -ms-transform: translate(100px, 0px); transform: translate3d(100px, 0px, 0px);}
.animate.slide-right.in-view {opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px);}

.animate.slide-up {opacity: 0; -webkit-transition: all 700ms ease-out; transition: all 700ms ease-out; -moz-transform: translate3d(0px, 100px, 0px); -webkit-transform: translate3d(0px, 100px, 0px); -o-transform: translate(0px, 100px); -ms-transform: translate(0px, 100px); transform: translate3d(0px, 100, 0px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
.animate.slide-up.in-view {opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px);}

.animate.slide-down {opacity: 0; -webkit-transition: all 700ms ease-out; transition: all 700ms ease-out; -moz-transform: translate3d(0px, -100px, 0px); -webkit-transform: translate3d(0px, -100px, 0px); -o-transform: translate(0px, -100px); -ms-transform: translate(0px, -100px); transform: translate3d(0px, -100, 0px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
.animate.slide-down.in-view {opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px);}

.animate.fade-in {opacity: 0;}
.animate.fade-in.in-view {opacity: 1; animation: FadeIn 1.4s forwards;}
@keyframes FadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*Footer*/
.footer-top {padding: 60px 0;}
footer .footer-border .col-md-12 {width: 50%;}
footer .footer-border .col-md-12.text-center {text-align: right; margin: 25px 0;}
footer .footer-border .margin-one-bottom {text-align: left !important;}
.footer-bottom .margin-one-bottom {margin: 0 !important;}
.footer-bottom .light-gray-text {font-size: 13px; color: #fff; text-transform: capitalize;}
.footer-bottom .light-gray-text a {color: #fff; text-decoration: underline;}
.footer-bottom .light-gray-text a:hover, .footer-bottom .light-gray-text a:focus {color: #ececec;}
.footer-bottom .padding-three-tb {padding-top: 20px !important; padding-bottom: 20px !important;}
.footer-top .medium-gray-text {color: #fff; font-size: 2em; line-height: 1.3;}
.footer-top .margin-three-bottom {width: 100% !important; max-width: 650px;}
.footer-top ul.social-icons li {margin-right: 12px;}
.footer-top .widget {margin-bottom: 0;}
.footer-top ul.social-icons li a i {font-size: 28px;}
.footer-top ul.social-icons li a:hover i {color: #fff;} 

.scrollToTop {right: 25px; background-color: #74e304; width: 32px; height: 32px;}
.scrollToTop i {font-size: 20px; margin: 6px 6px 0;}
.scrollToTop:hover {background: #000;}

/*Form*/
.bc-time {width: calc(33% - 10px); display: inline-block; margin-right: 10px; max-width: 80px; margin-bottom: 5px;}
.wpcf7 label {display: block; width: 100%; font-weight: 400; font-size: 15px;}
.wpcf7 small {margin-bottom: 12px; display: block;}
.wpcf7 .wpcf7-form select {height: 45px; line-height: 45px;}
input, textarea, select {border: 1px solid #000; margin: 0 0 15px 0;}
input:focus, textarea:focus, select:focus {border: 1px solid #74e304;}
.wpcf7 .wpcf7-form input, .wpcf7 .wpcf7-form textArea, .wpcf7 .wpcf7-form select {font-family: 'Montserrat', sans-serif; padding: 10px 15px;}
input[type="submit"] {width: 100%; border: 2px solid #74e304; color: #74e304; font-weight: 700; background: transparent;}
input[type="submit"]:hover, input[type="submit"]:focus {color: #fff; background: #74e304;}
textarea {max-height: 140px;}
::-webkit-input-placeholder {color: #5a5a5a;}
:-ms-input-placeholder {color: #5a5a5a;}
::placeholder {color: #5a5a5a;}
div.wpcf7-response-output {margin: -5px 0 17px;}
div.wpcf7-validation-errors {background-color: #fff7d4;}
.required-error, .wpcf7-not-valid {border: 1px solid rgba(204, 0, 0,1) !important;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: 1px solid #f7e700;}

/*Responsive*/
@media (max-width: 1200px) {
	.abs-img-left, .abs-img-right {max-width: 33% !important;}
}
@media (max-width: 1100px) {
	.neg-left {margin-left: -75%; margin-right: 25%;}
	.neg-right {margin-right: -75%; margin-left: 25%;}
}
@media (max-width: 991px)/*Bootstrap lg*/{
	.nav-white.navbar li.active a, .nav-white.navbar li.current-menu-item a {border-bottom: 1px solid #4e4e4e !important;}
	.nav li {margin: 0 !important;}
	.navbar-nav {margin: 0 -15px !important;}
	.header-vertical-center .navbar-collapse {background: #3a3a3a;}
	.navbar-nav > li > a {padding: 12px 15px !important; width: 100%; border-bottom: 1px solid #4e4e4e;}
	.nav-white.navbar li.active a {border-bottom: 1px solid #4e4e4e;}
}
@media (max-width: 767px)/*Bootstrap md*/{
	.main-heading h2 {line-height: 35px; font-size: 28px;}
	.main-heading h3 {padding: 0 15px; line-height: 32px; font-size: 26px;}
	.reduce-width-two {max-width: 100%;}
	.neg-left, .neg-right {margin-left: 30px; margin-right: 30px;}
	.abs-img-left {display:none;}
	.abs-img-right {display:none;}
	.img-left {margin-bottom: 40px;}
}
@media (max-width: 575px)/*Bootstrap sm*/ {
	.paraInner h1 {font-size: 2.5em;}
	.abs-img-left {bottom: -185px;}
	.abs-img-right {top: -185px;}
}
@media (max-width: 480px) {
	.neg-left, .neg-right {margin: 50px 0;}
	.padTainer {margin: 5px; border: 2px solid #74e304; padding: 15px;}
}
@media (max-width: 350px) {}