/*
Theme Name:   whiteandblack
Description:  whiteandblack
Author:       balaji
Author URL:   Write here the author's blog or website url
Template:     boxshop
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  whiteandblack
*/

/* Write here your own personal stylesheet */
body .ts-footer-block{padding:0px;}
.header-top{display:none;}
#main > .page-container {padding-top:0px;}
.media-left, .media-right, .media-body { display: table-cell; vertical-align: top;}
.media-left, .media > .pull-left { padding-right: 10px;}
h4{ margin-bottom:0px;}
h2.title{margin: 0;color: #fff;}
.calltoaction .fa-phone{    font-size: 10px; vertical-align: middle; line-height: 1; margin: 0;  padding: 0;}
a.mobbtn:hover { color:#fff;}
header .logo-wrapper .logo{width:150px; float:left; margin:10px;}
header .logo-wrapper h2 {text-align: left; line-height: 1; margin: 10px 0; padding: 0;}
header .logo-wrapper h2 a{font-size: 22px; line-height: 1; color: #fff;}
header .logo-wrapper h2 span{ display: block; font-size: 14px;}
body.home header.ts-header{position:absolute;}
.header-middle {background-color: rgba(0, 0, 0, 0.65) !important;}
.is-sticky .header-middle {background-color: rgba(0, 0, 0, 1) !important;}
.header-v3 .menu-wrapper nav > ul.menu > li > a { padding-top: 30px; padding-bottom: 30px;}
.fnav .fa{ font-size:4px;}
.main-btn a span { background: #D168FF; padding: 5px 10px;}
.main-btn:hover a span { background: #ffff; color:#D168FF !important;}
.cbp-ig-grid li{ list-style:none; }
.media-body p{ line-height:18px; }
.breadcrumbs-container{background:#000; padding:5px 10px;}
.contact-form label{font-weight:bold; color:#000;}
.wpcf7 p textarea {height:100px;}
.mobile-menu-wrapper .fa:before, .ic-mobile-menu-button.visible-phone .fa:before{font-size:30px !important;}
.mobile-menu-wrapper .fa.fa-remove, .ic-mobile-menu-button.visible-phone .fa {padding:0px;color:#fff;}
.ic-mobile-menu-button.visible-phone { position:absolute; color:#fff; right:0px; top:10px; }
.ts-social-icons li i{padding:0px;}
.ts-social-icons .fa:before,  .ts-social-icons .fab:before{ font-size:18px;}
.widget_recent_entries h2{display:none; }
.container.container1{ width:100%; }
header .logo-wrapper h1 a{    float: left; padding-left: 10px;}
body.home .fafont .fas { font-size:40px; }
@media(max-width:767px){
	
	header .logo-wrapper h1{ text-align:left;}
	.ts-header .header-v3 .logo-wrapper { padding: 10px 0 0 !important;}
	.heading h1 { font-size: 20px; line-height: 25px;}
	.w3_grid_effect { padding: 20px; height: auto; }
}
@media(max-width:480px){
	header .logo-wrapper .logo { width: 65px;}
	header .logo-wrapper h1 {    float: left; padding-left: 10px;}
	header .logo-wrapper h1 a{ font-size: 15px; }
	header .logo-wrapper h1 span{font-size:10px;}
}

@media(max-width:380px){
	header .logo-wrapper .logo{}
}
h3.widget-title { margin-bottom:0px !important; }
footer iframe { height:200px; }
footer blockquote {text-indent: 16px;
    font-weight: bold;
    font-style: inherit;
    font-size: 16px;}
.slidermainpad { padding:200px 0 150px 0; }
.colorbox{     background: #ca4bdd;    position: relative;
    z-index: 1;
    margin-bottom: 0px !important;  
    display: inline-block; transition:0.3s;
    width: 90%;}
.headbox {    display: inline-block;     padding: 5px 15px 5px;
    width: 100%;
    text-align: left;
    float: left;}
.colorbox a{    background: #804483;
    color: #fff;
    padding: 4px 12px;
    float: right;
    border-radius: 8px; }
.colorbox a:hover{ background:#fff; color:#000;  }
.colorbox p.pimg{    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 10px;
    background: #a022a6; }
.colorbox h2{ font-size:18px;  color:#fff; margin:0px; }
.colorbox .wpb_wrapper:nth-of-type(1){ display:flex; }
#slidermain:after{ position: absolute;
    content: '';
    bottom: 0;
    background: #00000073;
    left: 0;
    right: 0;
    height: 32px;
    width: 100%; }
.colorbox:after { position: absolute;
    right: -24px;
    content: '';
    width: 0;
    height: 0;
        border-top: 24px solid #000;
      border-right: 24px solid transparent;
    bottom: 0; z-index:0;
    }
.mimg {}
.madd{    background: #fff;
    border-radius: 4px;    padding-bottom: 10px !important;
    text-align: center;width: 90%;
    line-height: 24px;
    font-weight: bold;}
.mmicon{position: absolute;
    z-index: 2;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 43px;}
.colorbox:hover .pimg img {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.colorbox:hover .pimg { background:#5e13a5; position:relative; transition:0.3s; }
.colorbox:hover .pimg img {}
.colorbox p.pimg:after{ position: absolute;
    right: 0;
    content: '';
    width: 0; transition:0.3s;
    height: 100%;
    background: #5e13a5;
    bottom: 0;
    z-index: -1; }
.colorbox:hover p.pimg:after { width:100%; transition:0.3s;}
.mmicon {    text-shadow: 1px 3px black;}
.colorbox1 p.pimg{    background: #ff6fa5; }
.colorbox2  p.pimg{ background:#eabe9f;  }
.colorbox3  p.pimg{  background: #fb9ec4;}
.colorbox1 .headbox{    background: #e26090; }
.colorbox2 .headbox{ background:#d5ab8e;  }
.colorbox3 .headbox{      background: #e28bae; }
blockquote:after {
    font-family: FontAwesome;
    content: "\f10e";
    position: absolute;
    bottom: -12px;
    right: 0px; color:#d168ff;
    font-size: 12px;
}
.colorbox:hover .headbox{ background:#460c7e;transition:0.3s; }
.flogo img{ width:150px; }
.fafont .fas{ font-size:10px; }
@media(max-width:1440px){
.colorbox h2 {
	font-size: 17px;}
}
@media(max-width:1366px){
.colorbox h2 {
	font-size: 16px;}
}
@media(max-width:1200px){
.madd p{ font-size:12px;}
.colorbox h2 {font-size: 13px;} 
	footer#colophon h4{ font-size:18px; }
}
@media(max-width:1024px){
	.fixwidth{ width:100%; }
}
@media(max-width:768px){
	header .logo-wrapper .logo {width: 150px !important;}
	.topslider h1 { font-size: 35px !important;}
	.colorbox h2 { font-size: 12px !important;}
	.madd p { font-size: 11px;}
}
@media(max-width:766px){
	.madd p { font-size: 14px;}
	.colorbox h2 { font-size: 18px !important;}
}
.mmicon:hover .fa-map-marker-alt{ filter: drop-shadow(2px 4px 6px black); }
h2.d-none {    display: none;}
footer .footer-container {   background-color: #530376;}
body.home .header-middle { background-color: transparent !important;}
body.home .is-sticky .header-middle { background-color: #000 !important;}
body.home header .logo-wrapper .logo {  width: 200px;  float: left; margin: 20px 0;}
body.home header .is-sticky .logo-wrapper .logo {  width: 100px; }
.topslider {    justify-content: center; align-items: center;}
.topslider h1{ color:#fff; font-size:60px; }
.topslider p{color: #fff; font-size: 40px;}
.sticky-wrapper.is-sticky .logo img.sticky-logo {   display: block;   width: 100px;}
.menu-wrapper nav > ul.menu > li > a { text-transform:capitalize; font-size:18px; }
@media(max-width:767px){
	.slidermainpad {padding: 150px 0 50px 0;}
	.topslider h1 { color: #fff; font-size: 42px; line-height: 50px;}
	.topslider p{ line-height:40px; }
	.header-middle { background-color: #83468c !important; }
	.colorbox:after { display:none;}
	.madd, .colorbox { width:100%; }
	.mmicon{bottom:25px;}
	header .logo-wrapper .logo {width: 150px; }
	
}