@charset "UTF-8";
/*
Theme Name: Makamachi.
Theme URI: https://dientweb.net/
Author: the DientWeb team
Author URI: https://dientweb.net/
*/

html, body 	{float:left;width:100%;margin:0;padding:0;height: 100%;background: #fff;overflow-x:hidden;}
body 		{font-family: 'Poppins',sans-serif;color:#000;}
ul 			{margin:0;padding:0;}
a 			{text-decoration:none;color: inherit;}
p 			{float: left;margin: 11px 0;width: 100%;font-size: 16px;line-height: 28px;letter-spacing: 0px;}
h1          {font-size: 30px;line-height: 30px;font-weight: 400;text-transform:capitalize;margin-bottom: 9px;letter-spacing: 1px;}
h2          {font-size: 35px;text-transform: capitalize;margin: 47px 0 0;font-weight: normal;}
h3          {font-size: 22px;font-weight: normal;letter-spacing: 0px;margin-bottom: 0px;}
h1,h2,h3    {float: left;width: 100%;font-family: "Prata", serif;}
#container 	{float: left;width: 100%;}

#wrapper 	{width: 1000px;float: none;margin:0 auto;}
#wrapper2 	{width: 1150px;float: none;margin:0 auto;}
#page-wrapper {width:742px;float: none;margin:0 auto;}


#page-header        {min-height: 357px;margin-top: 0;position: relative;float: left;width:100%;}
.page-header-image  {float: left;width:100%;} #page-header-image img {float: left;min-width:100%;}
.widget_media_image img {width:100%;}
.page-title         {float: left;width:100%;}
.page-title h1      {text-align: left;line-height: 57px;font-weight: bold;font-size: 50px; color:#fff;width: auto;position:absolute;top:200px;}

.big-text p         {font-size: 18px;line-height: 29px;margin: 10px 0 !important;}
.page-id-16 .big-text p {font-size:21px;box-sizing: border-box;padding-right: 10px;line-height:34px;}
#pull-up-a          {margin-top: -30px;float: left;}
.content-part-img img {float:left; width:100%; height:auto;}
.category .big-text p {font-size: 16px;line-height: 28px;}

.single .vc_column_container > .vc_column-inner {padding-left: 0;padding-right: 0;}

.page_content h2 {font-size: 20px;margin: 10px 0 10px;}
.page_content ul {float: left;width: 100%;margin-left: 20px;}
.page_content ul li {margin-bottom: 13px;line-height: 24px;font-size: 14px;}
.page_content p {line-height: 24px;font-size: 14px;}

/*header*/
#head 		{float: left;width: 100%;background:#fff;}
.hd-left, .hd-center, .hd-right {box-sizing: border-box;}
.hd-left, .hd-right {width:20%;margin-top: 30px;}
.hd-left    {float:left;background: url('img/topcall-icon.png') no-repeat top left;padding-left:48px;}
.hd-center  {float:left;width:60%;text-align: center;margin-top:5px;}
.hd-center img {width:auto;}
.hd-right   {float:right;}
.hd-right .screen-reader-text {display: none;}
.hd-right form {float: right;width: 85%;border: 1px solid #ccc;box-sizing: border-box;padding: 1px 10px;}
.hd-right input[type="search"] {border: none;float: left;width: 80%;height: 30px;font-size: 12px;outline:none;}
.hd-right input[type="submit"] {float: right;width: 10%;border: none;height: 30px;background:url('img/search-ic.png') no-repeat center center;outline: none;background-size:100%; color:transparent}

.wc-sm {color: #7B7B7B;font-size: 11px;}
.wc-lg {color: #5d5d5d;font-size: 18px;font-weight: normal;letter-spacing: -1px;line-height: 18px;font-family: 'Prata', sans-serif;margin-top: 4px;}

#head-menu 		{float: left;width: 100%;background:#0092DF;}

#head {position:relative;z-index: 99999999;}


/*home content*/
.home #page-content {margin-top:30px;}
#home-slides {background:#000;}
#home-slides, #featured-services {float:left;width:100%;}
.welcome-note h1 {font-weight: bold;}
#welcome-button .or-btn {float:right;margin: 120px 0 0 0;}
#welcome-button .or-btn a:hover {background:#0092DF;}
#featured-services {margin: 20px 0 60px;}
#featured-services h4 {font-weight: normal;}
.fs-grid, .fs-grid ul {float: left;width:100%;}

.or-btn   {float: left;margin: 35px 0;}
.or-btn a {float:left;width:auto;padding:13px 30px;color:#fff;background: #E67817;}
.or-btn a:hover {background:#0e76ad;}
/*home content*/


/* single post styles */
#page-content #page-wrapper {width: 766px;}
#post-title {float:left; width:103%;background-size: cover;min-height: 400px;position: relative;}
#post-title #wrapper {width: 1010px;} 
#post-title h1 {position: absolute;top: 150px;color: #fff;font-size: 40px;text-align: left;left:0;width:auto;}
.bread-crumb {position: absolute;top: 250px;right:15%;width:auto;color:#fff;display:none;}
.bread-crumb a {color:#E67817;}
#post-content {float:left;width:100%;margin:0;}
.fs-title {float:left;width:100%;}
.fs-title h2 {font-family: 'Poppins', sans-serif;font-size: 23px;font-weight: bold;width: auto;}
.fs-title p {width: auto;float: right;margin-top: 50px;color: #fe6c61;}

.service-item li.postbox {width: 99%;}
/* single post styles */


/* .vc_column_container>.vc_column-inner {padding: 0 !important;} */


/* search result styles */
li.search-feed {list-style: none;display: block;}
li.search-feed {float:left;width:100%;}
li.search-feed h4 {font-size: 20px;font-weight: normal;border-bottom: 1px solid #ccc;margin-bottom: 10px;padding-bottom: 10px;background: url('img/sga.png') no-repeat center right;background-size: auto !important;}
li.search-feed h4:hover {color:#E67817;border-bottom: 1px solid #E67817;background: url('img/soa.png') no-repeat center right;}
/* search result styles */


/*post grid*/
#page-content {float: left;width: 100%;} .page-template-default #page-content {margin-bottom: 100px;} .category #page-content, .search-results #page-content {margin: 60px 0 80px;}
#post-box {float: left;width:100%;margin:20px 0 0;}
li.postbox {float: left;margin-bottom: 20px;}
li.postbox {list-style:none;display:inline-block;width:32%;}
li.postbox:nth-child(2), li.postbox:nth-child(5), li.postbox:nth-child(8),
li.postbox:nth-child(11), li.postbox:nth-child(14), li.postbox:nth-child(17),
li.postbox:nth-child(20), li.postbox:nth-child(23), li.postbox:nth-child(26) {margin:0 2% 20px;}
li.postbox:nth-child(3n) {float:right;}
.sprofile, .sprofile-pic, .sprofile-pic img {float: left;width: 100%;}
.sprofile-pic img {transition: transform .2s;}
.sprofile-pic:hover img {transform: scale(1.5);}
.sprofile {position: relative;height: 210px;overflow: hidden;}
.sprofile-info {position: absolute;bottom: 0;color: #fff;padding: 0 30px;box-sizing: border-box;}

.category-products #post-box {margin: 50px 0 0;}
.prod-grid li.postbox {width: 100%;text-align: center;font-size: 14px;}
.category-products .sprofile-pic img, .prod-grid .sprofile-pic img {transition: none; width:113px !important;height:auto;height: auto;margin: 0 auto;float: none;}
.category-products .sprofile-pic:hover img, .prod-grid .sprofile-pic:hover img {transform:none;}
.category-products .sprofile-info, .prod-grid .sprofile-info  {color:#000;float:left;width:100%;position:relative}
.category-products .sprofile-info h4, .prod-grid .sprofile-info h4  {margin: 0 0 8px;float: left;width: 100%;}
.prod-grid .sprofile-info h4 {line-height: 14px;font-weight: normal;margin: 10px;font-size: 12px;}
.category-products  li.postbox  {background:#edeee3;text-align: center;padding: 38px 0;}
.category-products  li.postbox:hover {background:rgb(214 240 253);}
.sprofile-order {float:none;width:110px;margin: 0 auto;display: none;}
.category-products  li.postbox:hover .sprofile-order, .prod-grid li.postbox:hover .sprofile-order {display: block;position:relative;}
.whatasapp-order {float:left;}
.phone-order {float:right;}
.whats-tool, .phone-tool {display: none;position: absolute;background: #E67817;padding: 6px 0px;top: 50%;color: #fff;font-size: 10px;border-radius: 17px;}
.whats-tool {width: 120px;}
.phone-tool {width:85px;right:0;}
.whatasapp-order:hover .whats-tool {display: block;}
.phone-order:hover .phone-tool {display: block;}
/*post grid*/


/* pre footer */
#pre-footer-blue, #pre-footer-grey {float:left;width:100%;padding:20px 0 3px;}
#pre-footer-blue {background:#0092DF;color:#fff;}
#pre-footer-blue h2 {float: left;width: 330px;margin: 18px 1% 0 0;font-size: 32px;line-height: 36px;}
#pre-footer-blue p {float: left;width: 40%;line-height: 20px;font-size: 14px;margin-top: 27px;}
#pre-footer-blue .or-btn {float: right;}
#pre-footer-grey {background:#F2F2F2;}
.category-products #pre-footer-grey {display: none;}
.slick-prev, .slick-next {background: #b6b6b6 !important;border-radius: 100px !important;}

/*Footer*/
#main-footer {float:left;width:100%;background:url('img/footer-cs-bg.png') no-repeat top right;background-size: cover;padding:40px 0;}
.mf-one {float:left;width:35%;margin-right: 50px;}
.mf-one h3 {font-size: 20px;font-weight: normal;font-family: 'Poppins', sans-serif;}
.mf-one p {font-size: 14px;line-height: 20px;margin: 4px 0;}

.mf-two {float:left;width:auto;background: url('img/icons.png') no-repeat top left;padding-top:36px;}
.mf-two p {font-size: 13px;margin: 0;margin: 0 0 -6px 0;}
.mf-two h2 {font-size: 28px;font-weight: bold;margin: 0;}

#post-footer {float: left;padding:10px 0;width: 100%;color:#fff;background:#0092DF;font-size: 12px;}
#post-footer a {color:#fff;}
#post-footer a:hover {color:#E67817;}
.pf-left, .pf-right {padding:8px 0 4px;}
.pf-left   {float: left;width: auto;}
.pf-right  {float: right;width: auto;}

#for-pros {display: none;}
.category-products #for-pros {display: block;}
.category-products #for-all {display: none;}
.hd-mobile {display: none;}

/*==========================================================================================================================
CONTACT FORM
============================================================================================================================*/
.contact-info h2 {font-family: 'Poppins', sans-serif;font-size: 16px;margin: 0;font-weight: bold;}
.contact-info p {font-size: 13px;line-height: 16px;margin: 4px 0;}
.form-left {float: left;}
.form-right {float: right;}
.form-left, .form-right {width:48%}

#form-box {float:left;width:100%;box-sizing: border-box;padding:30px;background: #F2F2F2;margin-top: 20px;}
.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap input[type="tel"], .wpcf7-textarea, .wpcf7-submit {float: left;width: 100%;box-sizing: border-box;padding:14px 20px;border: 1px solid #d7d7d7;outline: none;margin-bottom: 20px;border-radius: 0;font-family: 'Poppins';}
.wpcf7-textarea {height:122px;margin-bottom: 20px !important;}
.wpcf7-submit {border: 0;background:#E67817;cursor:pointer;color: #fff;font-weight: 900;}
.wpcf7-submit:hover {background:#0092DF;}



/*===========================================================================================================================
mobile styles
===========================================================================================================================*/

@media (max-width:1024px) {
	#wrapper {width: 90%;}
	#post-title #wrapper {width: 88%;}
	.hd-left, .hd-right {width:22%;}
    .hd-center {width:56%;}
    #welcome-button .or-btn {margin: 100px 0 0 0;}
    .mf-one {width: 32%;margin-right: 32px;}
    .prod-grid .whatasapp-order img, .prod-grid .phone-order img  {width:40px; height: auto;}
    .page-header-image img {float: left;width:150%;max-width: 300% !important;}
}
@media (max-width:1000px) {
	.ft-three {float: right;width: 21%;}
	.ft-two {width: 49%;padding: 0 5%;}
}

@media(max-width:800px){
   .hd-mobile {display: block;float: right; margin-top: 25px;}
   .hd-left, .hd-right {display: none;}
   #wrapper, #page-wrapper, #page-content #page-wrapper {width: 90%;}
   #post-title #wrapper {width: 87%;}
   #post-content #page-wrapper {width: 97%;}
   #head-menu {display: none;}
   .hd-center {width: 90px;}
   .hd-center img {width:100%;}
   .welcome-note {float: left;width: 100%;}
   .welcome-note h1 {font-size: 27px;margin-bottom: 0;}
   .welcome-note p {line-height: 22px;font-size: 15px;}
   #welcome-button .or-btn {margin: 80px 0 0 0;}
   .home #featured-services {margin: 0px 0 60px;}
   .home #featured-services li.postbox, .home #featured-services .sprofile {height: 210px;}
   #pre-footer-blue .or-btn {float: left;margin: 0 0 30px;}
   #main-footer {background: url('img/footer-cs-bg.png') no-repeat top left;}
   .mf-one {width:50%;}
   .mf-two {width: 40%;}
   #pre-footer-blue p {width: 50%;line-height: 20px;font-size: 13px;}
   .or-btn a {padding: 8px 20px;}
   .page-title h1 {top: 100px;}
   .page-id-16 .big-text p {padding-right: 0px;}
   .big-text p {font-size: 16px;line-height: 28px;}
   #pull-up-a {float:left;width:100%;margin-top:-20px;}
   .category #page-content, .search-results #page-content {margin: 20px 0 80px;}
   .single .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner {padding-top:0!important;}
   
   li.postbox:nth-child(2), li.postbox:nth-child(5), li.postbox:nth-child(8),
   li.postbox:nth-child(11), li.postbox:nth-child(14), li.postbox:nth-child(17),
   li.postbox:nth-child(20), li.postbox:nth-child(23), li.postbox:nth-child(26) {margin:0 0 20px;}
   li.postbox:nth-child(3n) {float:left;}
   li.postbox {width: 48.5%;float:left;}
   li.postbox:nth-child(2n) {float: right;}
   .service-item li.postbox {overflow:hidden;}
   .service-item .sprofile-pic img {width: 136%;}
   #post-title {min-height: 300px;}
   #post-title h1 {top: 100px;}
   .prod-grid .sprofile-info, .prod-grid .sprofile-order {padding:0;width:100%;}
}

@media(max-width:768px){
    .page-id-16 .big-text p, .big-text p {padding-right: 0px;margin-bottom: 0 !important;font-size: 16px;line-height: 27px;}
    #welcome-button .or-btn {margin: 60px 0 0 0;}
    #welcome-button .or-btn a {padding: 10px 40px;}
    .page-header-image img {width: 170%;}
}

@media(max-width:736px){
    #tp1, #tp2, #tp3 {float: left;}
    #tp1 {width:30%;}
    #tp2 {margin:0 1%;width:32%;}
    #tp3 {width:35%;}
    #pre-footer-blue p {width: 46%;}
    #main-footer {background-size: cover !important;}
    #welcome-button .or-btn {display: none;}
    .welcome-note {margin-bottom: 20px !important;}

}

@media (max-width:600px) {
    .home #featured-services li.postbox, .home #featured-services .sprofile {height: 180px;}
    #post-content #page-wrapper {width: 100%;}
    #post-title #wrapper {width: 86%;}
    #featured-services h4 {margin: 10px 0;}
    .sprofile-info {padding: 0 15px;}
    #pre-footer-blue h2 br {display: none;}
    #pre-footer-blue h2 {width:100%;}
    #pre-footer-blue p {width: 100%;margin: 8px 0 20px;}
    .pf-right {float: left;padding: 0;}
    .mf-one h3 {font-size: 18px;}
    .mf-one p {font-size: 13px;line-height: 18px;}
    .mf-two {width: 44%;}
    .mf-two h2 {font-size: 25px;}
    #page-header {min-height: 200px;}
    .category #page-content, .search-results #page-content {margin: 40px 0 80px;}
    #tp1, #tp2 {width:50%} #tp2 {margin: 0;}
    #tp3 {width: 50%;margin: -43px 0 30px;}
    .form-left, .form-right {width: 100%;float: left;}
    .page-template-default #page-content {margin-bottom: 60px;}
    li.postbox {overflow: hidden;}
    .sprofile-pic img {width: 110%;}
    li.postbox {margin-bottom: 15px;}
    li.postbox:nth-child(2), li.postbox:nth-child(5), li.postbox:nth-child(8),
   li.postbox:nth-child(11), li.postbox:nth-child(14), li.postbox:nth-child(17),
   li.postbox:nth-child(20), li.postbox:nth-child(23), li.postbox:nth-child(26) {margin:0 0 15px;}
   .sprofile-info h4 {font-weight:normal;}
}

@media (max-width:450px) {
    #tp1, #tp2, #tp3 {width: 100%;}
    #post-title #wrapper {width: 85%;}
    #tp3 {margin-top:0;}
    #tp2 p br {display: none;}
    p {font-size: 14px;line-height: 24px;}
    .page-title h1 {line-height: 40px;font-size: 32px;text-align: left;left: 5%;}
    .page-header-image img {width: 200%;margin-left: -45%;}
    li.postbox {width: 100%;float: left;}
    .sprofile-pic img {width: 100%;}
    #pre-footer-blue h2 {margin: 18px 0 0 0;font-size: 24px;}
    .mf-one {margin-bottom: 20px;width: 100%;}
    .mf-two {width: 100%;}
    .mf-two h2 {margin-top: 10px;}
    .category .big-text p {font-size: 15px;line-height: 27px;}
    .service-item .sprofile-pic img {width: 100%;}
    #post-content #page-wrapper {width: 105%;margin-left: -2%;}
    #post-title {min-height: 200px;width: 104%;}
    #post-title h1 {top: 50px;}
    .page-id-16 .big-text p, .big-text p {font-size: 14px;line-height: 26px;}
    .welcome-note h1 {font-size: 23px;}
    .or-btn a {padding: 12px 24px;font-size: 14px;}
    .home #featured-services li.postbox {height: 180px;width: 48%;}
    .home #featured-services .sprofile {width:100%;}
    .sprofile-pic img {width: 140%;}
    li.postbox {width: 48%;height: 190px;}
    .sprofile-info {bottom: 10%;}
    .prod-grid .sprofile-info h4 {margin: 30px 10px 0;}
    .prod-grid .sprofile-order {width:110px !important;}
    .category-products .sprofile-info h4 {margin-top: 20px;}
}

@media(max-width:414px){
    .sprofile-pic img {width: 152%;}
    #post-title h1 {top: 50px;margin: 0;line-height: 40px;}
    .category-products .sprofile-info h4 {font-size: 14px;}
    .fs-title h2 {font-size: 20px;margin: 45px 0 0;}
}

@media (max-width:360px) {
    #post-title #wrapper {width: 84%;}
    .category-products .sprofile-info h4 {font-size: 12px;font-weight: bold;}
    .page-title h1 {font-size: 28px;}
    .page-header-image img {width: 210%;}
    .sprofile-pic img {width: 180%;}
    #pre-footer-blue h2 {line-height: 28px;}
    #post-title h1 {font-size: 30px;line-height:35px;}
    #post-title {width: 105%;}
}

@media(max-width:320px){
    .page-header-image img {width: 234%;}
    .page-title h1 {font-size: 25px;}
    .sprofile-info h4 {font-size: 13px;line-height: 15px;}
    .sprofile-pic img {width: 200%;}
}