/*
Theme Name: Makemyshopify Theme
Theme URI: http://siteurl.com
Description: The Makemyshopify Theme based on the famous Wordpress CMS.
Version: 1.0
Author: Makemyshopify
*/

/* normal */
/*Global CSS*/
@import url('https://fonts.googleapis.com/css2?	font-display=swap&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&font-display=swap');
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { margin: 0px; padding: 0px; color: #666; font-size: 14px; font-family: "Poppins", serif; background: #FFF; }
.clear { height: 0px; overflow: hidden; clear: both; }
p { padding-bottom: 15px; line-height: 24px; }
a { color: #000; }
a:hover { text-decoration: none; }
h1,h2,h3,h4,h5,h6 { padding-bottom: 5px; font-weight:600;color:#000; }
h1 { font-size: 35px;line-height:43px; }
h2 { font-size: 35px;line-height:43px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
ul, ol { padding: 0px 0px 20px 15px; }
img { max-width: 100%; height: auto; }
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select { padding: 8px 10px; border: 1px solid #c8c3c3; font-size: 16px; outline: none; }
input[type="submit"], input[type="button"] { background: #666; padding: 10px; color: #fff; border: 0; cursor: pointer;  }
.owlslider, .owlslider li { margin: 0; padding: 0; list-style: none; list-style-type: none; }
.pageerror { text-align: center; padding: 150px 0; }

/* Wrapper */
#wrapper { float: left; width: 100%; overflow: hidden; }

	/* layout */
	#layout { width: 100%; position: relative; }
	.wrapper { max-width: 1250px; margin: 0 auto; position: relative; padding: 0 10px; }
	
	/* header */
	#header { padding:0; position: fixed; z-index: 10; background: #fff;float:left;width:100%;border-bottom: 1px solid #f1f1f1; }
	.fixed { padding-top: 200px; }
	.fixed #header { position: fixed; left: 0; top: 0; width: 100%; }
	.logo { float: left;width:15%;padding: 15px 0; }
	.logo img{width:120px;display:block;}
	
	/* topBar */
	.topBar { overflow: hidden; }
	.topBar ul { list-style: none; overflow: hidden; float: right; }
	.topBar li { padding-left: 5px; float: left; }
	.topBar li a { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
	.topBar li a:hover img { opacity: 0.8; }

	/* menuBar */
	.menuBar {float: left;width:65%;text-align: right;}
	.menuBar a.mobilemenu { display: none; }
	.menuBar ul { padding: 0px; list-style: none; }
	.menuBar li {padding: 24px 50px 24px 15px;position: relative;line-height: 30px;display: inline-block;font-size: 14px; }
	.menuBar li a { text-decoration: none; }
	.menuBar li a:hover, .menuBar li.active a { color: #333; }
	.menuBar ul > li.menu-item-has-children { padding-right: 15px; }
	.menuBar ul > li.menu-item-has-children > a { padding-right: 25px; background: url('images/arrow-down.png') right no-repeat; }
	.menuBar li ul { position: absolute; left: 0px; top: 30px; width: 180px; background: #999; }
	.menuBar li li { padding: 0px; float: none; width: auto; border: 0px; border-bottom: #CCC solid 1px; }
	.menuBar li li.menu-item-has-children > a { background: url('images/arrow-right.png') right no-repeat; }
	.menuBar li li a { padding: 3px 20px; display: block; color: #FFF; }
	.menuBar li li a:hover { color: #eee; }
	.menuBar li li ul { left: 100%; top: 0px; }
	.menuBar li ul { display: none; }
	.menuBar li:hover ul { display: block; }
	.menuBar li:hover li ul { display: none; }
	.menuBar li:hover li:hover ul { display: block; }
	.menuBar a.close { display: none; }
	
	
	.right_bnt{float:left;width:20%;padding: 15px 0;text-align: right;}
	
/* home banner */


a.getbtn {background: #83b535;color: #fff;font-size: 16px;border-radius: 5px;border: 1px solid #83b535;padding: 10px 20px;text-decoration: none;display: inline-block;}

#homeBanner {float: left;width: 100%;background:#002d2d;padding:60px 0;margin-top: 78px;}
#homeBanner .left{float:left;width:50%;padding:0px 0 0 20px;}
#homeBanner .left h1{padding-bottom:20px;color:#fff;}
#homeBanner .left p{color:#fff;}
#homeBanner .right{float:left;width:50%;padding-left: 20px;}
#homeBanner .right h3{color:#fff;padding-left:5px;font-weight:400;padding-bottom:20px;}
#homeBanner .right input.wpcf7-form-control.wpcf7-submit.has-spinner{background: #83b535;color:#fff;font-size:18px;border-radius:5px;border:1px solid #83b535;}
#homeBanner .right .field{float:left;width:50%;padding:5px;}
#homeBanner .right .field input{width:100%;border:1px solid #02021e33;padding:10px;color: #666; font-size: 14px; font-family: "Poppins", serif;border-radius:5px;}
#homeBanner .right .field.msg {width:100%;}
#homeBanner .right .field.msg textarea{width:100%;border:1px solid #02021e33;padding:10px;color: #666; font-size: 14px; font-family: "Poppins", serif;height:120px;resize:none;border-radius:5px;}
#homeBanner .right .field textarea:focus-visible{outline:none!important;}

.custom_ser{float: left;width: 100%;padding:60px 0;}
.custom_ser .left{float:left;width:50%;padding:0px 0 0 20px;}
.custom_ser .left img{box-shadow: 0px 0px 9px #a5a5a5;border-radius:10px;padding:15px;}
.custom_ser .right{float:left;width:50%;padding-left: 30px;}
	
	
.choice{float: left;width: 100%;padding:60px 0;border-top: 1px solid #02021e33;border-bottom: 1px solid #02021e33;} 
.choice .left{float:left;width:50%;padding:0px 0 0 20px;}
.choice .right img{box-shadow: 0px 0px 9px #a5a5a5;border-radius:10px;padding:15px;}
.choice .right{float:left;width:50%;padding-left: 30px;}	


.wpcf7 form.sent .wpcf7-response-output{clear: both;text-align: center;color: #fff;}
.wpcf7-response-output{clear: both;text-align: center;color: #fff;}




.what_we_new{float: left;width: 100%;padding: 60px 0;border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;}
.what_we_new h2{padding-bottom:30px;}
.what_we_new h3{text-align: center;padding-bottom: 30px;}
.what_we_new p.cen{text-align: center;padding-bottom: 40px;}
.what_we_new .left{float: left;width: 50%;}
.what_we_new .left button{width:48%;border: 1px solid #f36d45;margin: 10px 10px 10px 0px;}
.what_we_new .right{float: left;width: 50%;padding-left: 30px;}

.what_we_new .tab {overflow: hidden;}
.what_we_new .tab button {background-color:#fff;float: left;border: none;outline: none;cursor: pointer;padding: 14px 16px;transition: 0.3s;border: 1px solid #002d2d;color: #002d2d;font-size: 14px; font-family: "Poppins", serif;border-radius: 8px;}
.what_we_new .tab button:hover {background-color: #fff;}
.what_we_new .tab button.active {background-color: #002d2d;color: #fff;}







.my_awards{float: left;width: 100%;padding: 60px 0;background: #002d2d;text-align: center;}
.my_awards .count_Card{float: left;width:25%;}
.my_awards .counter{font-size: 40px;font-weight: 600;color: #fff;}
.my_awards .counter::after {content: '+';}
.my_awards h3{font-size: 20px;color: #fff;}


.testimonial{float:left;width:100%;padding:60px 0;}
.testimonial h2{text-align:center;padding-bottom:30px;text-align:center;}
.testimonial .item{border:1px solid #f1f1f1;padding:20px;border-radius:10px;border-left:4px solid #002d2d;}
.testimonial .item p{min-height:112px;}	


.testimonial .owl-dot {width: 18px;height: 5px;width:30px;border-radius:10px;display: inline-block;background: #000;margin: 0 3px;opacity: 1;}
.testimonial .owl-dot.active {background:#83b535; }
.testimonial .owl-controls{float: left;width: 100%;padding: 0;margin-top: -20px;margin-top: 20px;text-align: center;}


.faq{float: left;width: 100%;padding: 60px 0;background: #002d2d;;}
.faq h2{text-align: center;color: #fff;padding-bottom:40px;}
.faq .left{float: left;width: 50%;padding-right: 10px;}
.faq .right{float: left;width: 50%;padding-left: 10px;}
.faq .faq_card{float: left;width:48%;margin:1%;}
.faq .faq_card p{text-align:left;color:#fff;}
.faq .accordion {width:100%;background: #FFF0F0;padding: 10px;border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.faq .accordion-item {margin-bottom: 10px;}
.faq .accordion-button {width: 100%;padding:15px 10px;background: #fff;color:#000;font-size: 16px; font-family: "Poppins", serif;font-weight:600;border: none;text-align: left;cursor: pointer;outline: none;border-radius: 5px;
display: flex;justify-content: space-between;align-items: center;position: relative;transition: background 0.3s ease-in-out;}
.faq .accordion-button::after {content: '+';position: absolute;right: 10px;font-size: 18px;transition: transform 0.3s ease-in-out;color:#83b535;}
.faq .accordion-button.active::after {content: '-';transform: rotate(180deg);}
.faq .accordion-content {max-height: 0;overflow: hidden;opacity: 0;transition: max-height 0.5s ease-in-out, opacity 0.3s ease-in-out;padding:5px;text-align: left;font-weight: 500;}
.faq .accordion-content.show {opacity: 1;max-height: 300px;}

.portfolio_client{float:left;width:100%;padding:60px 0;text-align:center;}
.portfolio_client .wrk_scroll{float:left;width:31.333%;padding: 20px;border: 1px solid #dadce0;border-radius: 8px;margin:1%;}
.portfolio_client .image-wrap {width:100%;height: 600px;overflow: hidden;}
.portfolio_client .image-wrap img {width: 100%;height: 100%;object-fit: cover;object-position: top center;transition: all 5s ease-in-out;}
.portfolio_client .image-wrap:hover img {object-position: bottom center;}


.abt_bottom{float: left;width: 100%;}
.abt_bottom .mv_card{float:left;width:48%;border:1px solid #f1f1f1;border-left:4px solid #002d2d;border-radius:10px;padding:20px;margin:1%;}
.abt_bottom .mv_card h3{color:#000;margin:0;}
.abt_bottom .mv_card p{min-height:90px;}


.new_cta{float:left;width:100%;padding:60px 10%;background:#002d2d;text-align:center;margin-top:60px;}
.new_cta h2{color:#fff;}
.new_cta p{color:#fff;padding: 20px 0 30px;} 
.new_cta a{background: #83b535;color: #fff;font-size: 16px;border-radius: 5px;border: 1px solid #83b535;padding: 10px 20px;display: inline-block;text-decoration: none;}


.query{float:left;width:100%;background:#002d2d;padding:60px 15%;margin-top: 78px;} 
.query h2{text-align:center;color:#fff;}
.query p{text-align:center;color:#fff;}
.query input.wpcf7-form-control.wpcf7-submit.has-spinner{background: #83b535;color:#fff;font-size:18px;border-radius:5px;border:1px solid #83b535;}
.query .field{float:left;width:50%;padding:5px;}
.query .field input{width:100%;border:1px solid #02021e33;padding:10px;color: #666; font-size: 14px; font-family: "Poppins", serif;border-radius:5px;}
.query .field.msg {width:100%;}
.query .field.msg textarea{width:100%;border:1px solid #02021e33;padding:10px;color: #666; font-size: 14px; font-family: "Poppins", serif;height:120px;resize:none;border-radius:5px;}
.query .field textarea:focus-visible{outline:none!important;}



.all_social{float:left;width:100%;margin-top:20px;}
.all_social h4{padding-bottom:10px;}
.all_social ul li{float:left;padding-right:5px;}
.all_social ul li img{width:40px;display:inline-block;}

.our_policy{float:left;width:100%;padding:60px 0;margin-top: 78px;}
.our_policy h1{font-size:30px;padding:0px 0 40px;}
.our_policy h2{font-size:20px;padding:10px 0;}

.top_footer{float:left;width:100%;padding:60px 0;}
.top_footer .ft_card{float:left;width:33.333%;padding:20px;}    
.top_footer .ft_card ul{padding:0;}   
.top_footer .ft_card ul li{list-style:none;padding-bottom:5px;color:#000;}    
.top_footer .ft_card ul li a{text-decoration:none;} 
.top_footer .ft_card ul li a:hover{color:#83b535;}

.copy{float:left;width:100%;background:#002d2d;}
.copy p{color:#fff;padding:10px 0;}
	
	/* content */
	#content { overflow: hidden; width: 100%; }
	
	/* left side*/
	#lefttPart { float: left; width: 60%; }
	
		/* copy bar */
		.copyBar { width: 320px; }
	
	
	/* right side */
	#rightPart { float: right; width: 36%; }
	
		/* sideBar */
		.sideBar .widget { margin-bottom: 20px; }
		.sideBar ul { padding: 0 0 0 0; list-style: none; overflow: hidden; }
		.sideBar li { padding: 8px 0; line-height: 18px; border-top: #ddd solid 1px; }
		.sideBar li:first-child { border: 0px; }
		.sideBar li a { text-decoration: none; }
		.sideBar h3 { padding-bottom: 15px; }

		/* footer */
		footer { padding: 0; overflow: hidden; border-top: #999 solid 1px; } 
		footer p { text-align: center;   }
	
	/* fullPart */
 	#fullPart { float: left; width: 100%; }
	
	
/* Begin Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */

/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
#commentform input { width: 100%; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; width: auto; float: right; }
.commentlist li,
#commentform input,
#commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite,
.commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */

/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
#wp-calendar #prev a,
#wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
.screen-reader-text { position: absolute; left: -1000em; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */

	
		
		/* footer */
		#footer { padding: 20px 0; overflow: hidden; border-top: #999 solid 1px; } 
		#footer p { float: left; }
		#footer span { float: right; }


/* Responsive Css Start */	


@media only screen and (max-width: 1120px) {
.wrapper{max-width:97%;}	
.what_we_new .tab button{height: 60px;}
.faq .accordion-button{font-size: 14px;}
}


@media only screen and (max-width: 1020px) {
.what_we_new .left button{width: 47%;height: 75px;}	
.faq .accordion-button{font-size: 13px;}
	
}
		
@media only screen and (max-width: 767px) {
	
	#header { padding-top: 0; }
	#header a.mobilemenu { padding: 0 65px 0 0; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; display: block; text-decoration: none; font-weight: bold; position: absolute; left: 0px; top:16px; line-height: 40px; text-transform: uppercase; text-align: right; color: #333; font-size: 0px;  }
	#header a.mobilemenu:before, #header a.mobilemenu:after, #header a.mobilemenu span { width: 35px; height: 3px; display: block; position: absolute; right: 15px; top: 10px; content: ""; background: #83b535; }
	#header a.mobilemenu:after { top: auto; bottom: 10px; }
	#header a.mobilemenu span { top: 18px; }
	.mm-opened a.close { display: block; }
	.menuBar a.close { width: 50px; height: 20px; font-size: 0px; position: absolute; left: 20px; top: 9px; z-index: 8888;display: none; }
	.menuBar a.close:before, .menuBar a.close:after { width: 30px; height: 3px; display: block; position: absolute; left: 0px; top: 10px; content: ""; background: #21344d; -webkit-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
	.menuBar a.close:after { -webkit-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
	
	.menuBar { padding: 0px; }
	.menuBar ul { display: none; position: absolute; left: 0px; top: 42px; z-index: 10; width: 100%; background: #aaa; }
	.menuBar li { padding: 0px; float: none; border: 0px; }
	.menuBar li a { padding: 5px 15px; display: block; border-bottom: #FFF solid 1px; }
	.menuBar li a:hover, .menuBar li.active a { background: #999; }
	.menuBar ul > li.dropdown { padding-right: 0px; }
	.menuBar ul > li.dropdown > a { padding-right: 0px; background: url('../images/arrow-down.png') 95% center no-repeat; }
	.menuBar ul > li.dropdown > a:hover, .menuBar ul > li.dropdown.active > a { padding-right: 0px; background: #999 url('../images/arrow-down.png') 95% center no-repeat; }
	.menuBar li ul { position: static; left: 0px; top: 0px; width: 100%; }
	.menuBar li:hover ul { display: none; }
	.menuBar li li { border: 0px; }
	.menuBar li li a { padding-left: 40px; }
	.menuBar li li li a { padding-left: 60px; }
	
	#lefttPart { width: 100%; float: left; margin-bottom: 20px; }
	#rightPart { width: 100%; float: left; }

	.topBar ul { padding: 0px; padding-top: 20px; text-align: center; float: none; }
	.topBar ul li { display: inline; float: none; }
	
	#footer { text-align: center; }
	#footer p, #footer span { float: none; }
	
	.logo{width:30%;}
	.right_bnt{width: 30%;}
	
	.custom_ser .left{width:100%;padding: 0;}
	.custom_ser .right{width: 100%;padding-left: 0;padding-top: 30px;}
	.choice .left{width: 100%;padding: 0;}
	.choice .right{width: 100%;padding-left: 0;margin-top: 30px;}
	.what_we_new .left button{font-size: 12px;}
	.my_awards .counter{font-size: 30px;}
	.my_awards h3{font-size: 15px;}
	.faq .faq_card{width: 100%;margin: 0px 0 10px 0;}
	.abt_bottom .mv_card{width: 100%;margin: 0 0 10px 0;}
	
	.new_cta{padding: 60px 0%;}
	.query{padding: 60px 0%;}
	
	.portfolio_client .wrk_scroll{width: 48%;}
	
		
}


 
@media only screen and (min-width: 768px) {
	
	.mm-menu.mm-current { display: none !important; }
	html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }
	html.mm-opened { overflow: visible !important; }
	html.mm-opened body { overflow: visible !important; }
	#mm-blocker { display: none !important; }
	
}



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

h1{font-size: 25px;line-height: 34px;}
h2{font-size: 25px;line-height: 34px;}	
.right_bnt{width:100%;text-align: center;padding: 0 0 10px 0;}
#homeBanner .left{width: 100%;padding: 30px 0;}
#homeBanner .right{width: 100%;padding-left: 0;}
#homeBanner .right .field{width:100%;}

.what_we_new .left{width:100%;}
.what_we_new .left button{width: 46%;height: 80px;}
.what_we_new .right{width: 100%;padding-left: 0px;}
.my_awards .count_Card{width: 50%;padding: 10px 0;}
.top_footer .ft_card{padding: 0 0 10px 0;width:100%;}
.copy p{font-size: 10px;line-height: 18px;}

.right_bnt a.getbtn{font-size: 12px;padding: 5px 20px;}
.query .field{width:100%;}

.portfolio_client .wrk_scroll{width: 100%;margin: 0 0 10px 0;}
	
}