/*
Theme Name: Stitch Easy
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

html {
	font-family: 'Raleway', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('robotocondensed-regular.eot');
    src: url('robotocondensed-regular.eot?#iefix') format('embedded-opentype'),
         url('robotocondensed-regular.woff2') format('woff2'),
         url('robotocondensed-regular.woff') format('woff'),
         url('robotocondensed-regular.ttf') format('truetype'),
         url('robotocondensed-regular.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



header.main-menu-sec {
  background: #97be02 none repeat scroll 0 0;
}

nav.top-sec {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: medium none;
}
.bdr-overlay > img {
  max-width: 78px;
  width: 100%;
}
.menu-sec ul li a {
    color: #000 !important;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 500;
	padding:7px 15px;
}
.menu-sec ul li a:hover {
  border-bottom: 2px solid #fff;
  border-top: 2px solid #fff;
  transition: 0.2s ease-in-out;
}
.menu-sec {
  margin-top: 14px;
}
.top-sec {
  margin: 15px 0px;
}
.logo-sec {
  margin-top: -10px;
}
.slider-sec {
  background: #f5f5f5;
  margin-top: 6px;
}
.text-sec h3 {
  color: #829f15;
  font-family: 'Raleway', sans-serif;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 1px;
  margin:40px 0px 4px 0px;
  text-transform: uppercase;
}
.text-sec h2 {
  color: #6d6d6c;
  font-family: 'Raleway', sans-serif;
  font-size: 17px;
  letter-spacing: 2px;
  margin: 0;
  text-transform: uppercase;
}
.text-sec p {
  color: #3e3e3e;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 30px;
  margin: 50px 0 40px 0;
  padding: 0 29px 0 0;
  text-align: justify;
}

.text-sec input[type="button"] {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #9fbd2a;
  color: #000;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  padding: 10px 30px;
  text-transform: uppercase;
}
.text-sec form {
  margin-top: 50px;
}
.img-sec:hover .bdr-overlay {
  border: 2px solid #fff;
  display: inline-block;
  height: 447px;
  margin: 20px 40px;
  position: absolute;
  right: 0;
  width: 600px;
  cursor:pointer;
}
.img-sec:hover .bdr-overlay > img {
  bottom: 0;
  display: inline-block;
  float: none;
  left: 0;
  margin: 150px auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  
}
div.wpcf7-mail-sent-ok {
  border: 2px solid #398f14;
  float: left !important;
}
.bdr-overlay img {
  display: none;
}
.wht-we-do h2 {
  border: 2px solid #a9bf04;
  color: #575853;
  display: inline-block;
  font-family: 'Raleway', sans-serif;
  letter-spacing: 7px;
  font-size:25px;
  padding: 14px 55px;
  text-align: center;
  text-shadow: 1px 2px 2px #787878;
  text-transform: uppercase;
}
.wht-we-do{text-align:center;}
.wht-we-do p {
  color: #505050;
  font-family: 'Raleway', sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 36px;
  margin-top: 10px;
  padding: 0 30px;
  text-align: justify;
}
.wht-we-do img {
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform 1.2s ease-in-out;
  cursor: pointer;
}
.wht-we-do img:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.purchase {
  text-align: center;
}
.purchase h2 {
	display:none;
  border: 2px solid #a9bf04;
  color: #575853;
  font-size:25px;
  display: inline-block;
  font-family: 'Raleway', sans-serif;
  letter-spacing: 7px;
  padding: 14px 55px;
  text-align: center;
  text-shadow: 1px 2px 2px #787878;
  text-transform: uppercase;
  margin-bottom:25px;
}
.purchase img {
  box-shadow: 1px -2px 19px #bcbcbc;
}
.pur_img a {
  color: #404040;
  display: block;
  float: left;
  font-size: 19px;
  font-weight: bold;
  margin-top: 20px !important;
  text-align: center;
  width: 100%;
}
.cart-sec {
  cursor: pointer;
  position: relative;
  text-align: center;
   transition: all 0.8s ease-in-out 0s;
}
.cart-sec:hover .carthover {
  opacity:1;
  display:block;
  background: #fff none repeat scroll 0 0;
  bottom: 0;
  display: inline-block;
  height: 300px;
  left: 0;
  margin: 14px 25px;
  max-width: 230px;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.8s ease-in-out 0s;
}
.carthover ul {
  margin: 80px 0 0;
  padding: 0;
}
.carthover li:nth-child(1) a {
  color: #869709;
  font-family: roboto;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  margin: 0px auto;
}
.carthover ul li {
  list-style: outside none none;
}
ul.sub-cart {
  margin: 0 !important;
  padding: 0;
}
ul.cart-number {
  padding: 0;
  margin: 0 !important;
}

ul.sub-cart li {
  display:inline;
  margin:0px 5px;
}

ul.cart-number li{
  display:inline;
  margin:0px 5px;
}
.carthover li a i, span {
  color: #7c8b0a;
  font-size: 16px;
  font-weight: lighter;
}
.carthover li a i {
  margin: 9px 9px 9px -10px;
}
.sub-cart li a i {
  background: #94a419 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  margin: 1px -1px;
  padding: 6px;
  text-align: center;
  transition: all 0.4s ease-in-out 0s;
}
.sub-cart li a i:hover {
  background: #6b6b6b none repeat scroll 0 0;
  transition: all 0.4s ease-in-out 0s;
}
.cart-number span {
  margin: 0 1px;
  padding: 0 3px;
}
.carthover li a {
  text-decoration: none !important;
}
.carthover {
  opacity: 0;
  position: absolute;
}
.mrg-btm-sec {
  margin-bottom: 40px;
}
.conatct-sec {
  background: #f9f9f9 none repeat scroll 0 0;
  margin: 20px 0;
  text-align: center;
}
.form-sec {
  display: inline-block;
  float: none;
  margin-bottom: 20px;
}
.form-sec h3 {
  background: #ebebeb none repeat scroll 0 0;
  box-shadow: 2px 3px 11px -6px #272727;
  color: #8ea008;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 20px;
  padding: 15px 38px;
  text-transform: uppercase;
}
.form-sec form p label {
  float: left;
}
.form-sec form p input {
  background: #f7f7f7 none repeat scroll 0 0;
  border: medium none;
  border-radius: 3px;
  box-shadow: 1px 1px 11px -2px #9f9f9f;
  padding: 13px;
  width: 80%;
  float:right;
}
.form-sec form p label i {
  color: #6f6f6f;
  font-size: 20px;
  margin-right: 5px;
}
.form-sec form p label span {
  color: #6b6b6b;
  font-size: 18px;
  margin-left: 4px;
  text-shadow: 3px 2px 6px #595959;
}
.form-sec form p {
  margin: 30px 0 0;
}
.form-sec form p {
  float: left;
  margin: 24px 0px 14px 0;
  width: 100%;
}
.form-sec form input:hover {
  background: #efeded none repeat scroll 0 0;
  transition: 0.4s ease-in-out;
}
.form-sec form p textarea {
  background: #f7f7f7 none repeat scroll 0 0;
  border: medium none;
  border-radius: 3px;
  box-shadow: 1px 1px 11px -2px #9f9f9f;
  padding: 13px;
  width: 80%;
  float:right;
}
.col-md-8.form-sec input[type="submit"] {
  background: #a9bf04 none repeat scroll 0 0;
  border-radius: 9px;
  color: #fff;
  float: left;
 font-family: 'Raleway', sans-serif;
  font-size: 15px;
  font-weight: 500;
  margin-left: 150px;
  text-transform: uppercase;
  transition: all 0.6s ease-in-out 0s;
  width: 100%;
  max-width: 200px;
}
.col-md-8.form-sec input[type="submit"]:hover {
  background: #606060 none repeat scroll 0 0;
  transition: all 0.8s ease-in-out 0s;
}
.main-footer-sec {
  background: #e5e7d5;
}
.main-footer-sec h3 {
  color: #242424;
  font-family: 'Raleway', sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.social-links ul {
  padding: 0;
  margin: 0;
}
.social-links ul li {
  
  
  display: inline;
  
  list-style: outside none none;
  margin-right: 5px;
 
}
.social-links ul li a i {
  background: #aba596 none repeat scroll 0 0;
  border-radius: 50%;
  color: #e5e7d5;
  font-size: 15px;
  height: 33px;
  padding: 10px;
  text-align: center;
  transition: all 0.4s ease-in-out 0s;
  width: 33px;
}
.social-links ul li a i:hover {
  background: #6d7b06 none repeat scroll 0 0;
  transition: all 0.5s ease-in-out 0s;
}
.social-links p a {
  color: #636363 !important;
  text-decoration: none;
  font-size: 14px;
 font-family: 'Raleway', sans-serif;
}
.social-links p {
  margin: 61px 0 0;
}
.tel h3 {
  text-align: right;
}
.tel a {
  color: #6c6c6b;
  float: right;
 font-family: 'Raleway', sans-serif;
  font-size: 20px;
  font-weight: 500;
  text-align: right;
}
.text-sec input:hover {
  background: #dedede;
}
.copy_right p a {
  color: #636363;
  cursor: pointer;
  font-family: raleway;
  font-size: 13px;
  text-decoration: none;
  font-weight:500;
  
}
.copy_right p {
  margin-top: 60px;
  text-align:center;
}
.copy_right p a:hover{color:#000; transition:all 0.4 ease-in-out;}



/* what we do page start css */

/* .what-we-do header h1 {
  color: #6d9412;
  font-family: raleway;
  font-size: 30px;
  font-weight: 500;
  margin-top: 40px;
  text-transform: uppercase;
} */
.wht-bodr-botm {
  border-bottom: 2px solid #a19fa1;
  width: 8%;
}
.what-we-do .entry-content p {
  display: table;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 31px;
  margin: 30px 0;
  text-align: justify;
}
.what-we-do .post-thumbnail img {
  display: table;
  /*float: right;
   margin: -6px 0 20px 10px;
  max-width: 347px; */
  width: 100%;
}
.cls_frm_captcha {
  float: left !important;
  margin-left: 20% !important;
  width: 305px !important;
}
.wpcf7-form-control-wrap {
  float: none !important;
  width: 100% !important;
}
.variation-SelectFrameSize > p {
  line-height: 18px !important;
}
/* what we do page end css */

/* About page start css */

#post-9 .entry-content h2 {
  color: #888888;
 font-family: 'Raleway', sans-serif;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
  text-transform: uppercase;
}


 .what-we-do header h1  {
  border-bottom: 3px solid #cecece;
  color: #c1aa7d;
  float: left;
  font-family: chunkfive;
  font-size: 42px !important;
  margin: 20px 0 !important;
  position: relative;
  text-shadow: 0 4px 5px #fff;
  text-transform: capitalize;
}


a.readmore_btn {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #9fbd2a;
    color: #000;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    padding: 10px 30px;
    text-transform: uppercase;
}
.entry-header {
  float: left;
  width: 100%;
}

.pur_img img{
width:100%;
height:100%;
}

.qte {
    font-size: 18px !important;
    font-style: italic;
}
.qte span {
    float: left;
    font-weight: bold;
    text-align: right;
    width: 100%;
}
.design {
    color: #333;
    font-family: Blackadder ITC;
    font-size: 26px;
}

/* About page ended css */

/*--- Product Page CSS -- */
.wcmrce {
  margin-top: 20px;
}
.product_title {
    border-bottom: 3px solid #cecece;
    color: #c1aa7d;
    float: left;
    font-family: chunkfive;
    font-size: 42px !important;
    margin: 20px 0 !important;
    position: relative;
    text-shadow: 0 4px 5px #fff;
    text-transform: capitalize;
	width:100%;
}
.amount {
  font-size: 20px !important; 
  font-weight: bold !important;
  margin: 0 5px !important;
}
.label {
  color: #000 !important;
  font-size: 18px !important;
}
.sku_wrapper {
  display: none !important;
}
.fancybox.image > img {
    height: auto;
    width: 100%;
}
.text-sec {
    margin-bottom: 15px;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #97be02 !important;
  color: #fff;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background-color: #444 !important;
  color: #fff;
}
.woocommerce-page input, .woocommerce-page textarea {
  background: #f9f9f9 none repeat scroll 0 0;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  padding: 9px 10px;
}
.pur_img
{
 width:250px;
height:325px;
}
.woocommerce-page .what-we-do .entry-content p {
  display: table;
  float: left;
  font-family: "Raleway",sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 31px;
  margin: 0;
  text-align: justify;
  width: 100%;
}
/*----Product Page CSS Ends Here --*/

@media (max-width: 768px){
.pur_img{margin:auto;}
	.bdr-overlay  img{display:none;}
	.img-sec > img{width:100%}
	.cart-sec > img {width: 100%;}
	.cart-sec:hover .carthover {/* max-width: 148px; height:auto; */ margin:15px auto;}
	.carthover ul {margin: 25px 0 0;padding: 0;}
	.text-sec h3 {font-size: 20px;font-weight: 600;letter-spacing: 1px;margin: 10px 0 5px;}
	.text-sec p {font-size: 11px;font-weight: 600;letter-spacing: 0;line-height: 22px;margin: 0; padding:0;}
	.text-sec form {margin: 10px 0;}
	.text-sec input[type="button"] {font-size: 13px;padding: 9px 15px;}
	.img-sec:hover .bdr-overlay {height: 242px;margin: 11px 22px;right: 0;width: 330px;}
	.img-sec:hover .bdr-overlay > img {margin: 85px auto;max-width: 60px;}
	.wht-we-do h2 {font-size: 17px;padding: 13px 30px;}
	.wht-we-do img {width: 100%;}
	.wht-we-do p {font-size: 13px;font-weight: 500;line-height: 28px;padding:0;}
	.purchase h2{font-size: 17px;padding: 13px 30px;}
	.social-links ul li a i {font-size: 12px;padding: 9px;}
	.carthover li a i {margin: 8px 8px 8px -5px;}
	.carthover li:nth-child(1) a {font-size: 16px;}
	.social-links p a {font-size: 13px;font-weight: 600;}
	.social-links p {margin: 45px 0 0;}
	.col-md-8.form-sec input[type="submit"] {
		 margin-left: 0px !important;
	}
	
.form-sec form p input , .form-sec form p textarea {width:100%;}

	
}
@media (max-width: 480px){
.navbar-brand>img {
    /* display: block; */
    width: 70%;
    float: left;
    position: absolute;
}
.navbar-inverse .navbar-toggle {
   
    margin-top: 20px;
}
}

.purchase .col-sm-6.col-md-3.col-xs-12.cart-sec {
    display: none;
}