html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {line-height: 1; color: #0b050d; font-family: 'AvenirLTStd-Roman';}
html, body.woo_tshirt_designer_page{ overflow-x: hidden; position:relative; }
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse;border-spacing: 0;}
a{ text-decoration: none; cursor: pointer;}
a, a img, a:focus{outline: none !important;}
* {margin: 0; padding: 0;}
		
	@import url('https://fonts.googleapis.com/css?family=Lato|Mali|Montserrat|Open+Sans|Oswald|Poor+Story|Poppins|Roboto|Rosario|Spicy+Rice');
	
	@import url('https://fonts.googleapis.com/css?family=Abel|Abril+Fatface|Acme|Alfa+Slab+One|Amatic+SC|Anton|Arvo|Bitter|Black+And+White+Picture|Bree+Serif|Cabin|Caveat|Chakra+Petch|Cinzel|Cookie|Cormorant+Garamond|Courgette|Cuprum|Dancing+Script|Dosis|Exo+2|Fjalla+One|Fredoka+One|Gloria+Hallelujah|Great+Vibes|Inconsolata|Indie+Flower|Josefin+Sans|K2D|Karla|Kaushan+Script|KoHo|Kodchasan|Krub|Kumar+One+Outline|Life+Savers|Lobster|Lobster+Two|Lora|Luckiest+Guy|M+PLUS+Rounded+1c|Merriweather|Monda:400,700|Monoton|Mukta|Mukta+Mahee|Muli|Nunito|Old+Standard+TT|Orbitron|Oswald|PT+Sans+Narrow|PT+Serif|Pacifico|Patrick+Hand|Pattaya|Permanent+Marker|Poiret+One|Quicksand|Rajdhani|Raleway|Righteous|Roboto+Mono|Roboto+Slab|Satisfy|Seaweed+Script|Shadows+Into+Light|Signika|Slabo+27px|Source+Code+Pro|Source+Sans+Pro|Titillium+Web|Ubuntu|Ubuntu+Condensed|Volkhov|Work+Sans|Yanone+Kaffeesatz');
		
    @font-face {
      font-family: 'AvenirLTStd-Light';
      src: url('../fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvenirLTStd-Light.otf') format('opentype'), url('../fonts/../fonts/../fonts/AvenirLTStd-Light.woff') format('woff'), url('../fonts/../fonts/AvenirLTStd-Light.ttf')  format('truetype'), url('../fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    @font-face {
      font-family: 'AvenirLTStd-Roman';
      src: url('../fonts/AvenirLTStd-Roman.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvenirLTStd-Roman.otf')  format('opentype'), url('../fonts/AvenirLTStd-Roman.woff') format('woff'), url('../fonts/AvenirLTStd-Roman.ttf')  format('truetype'), url('../fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman') format('svg');
      font-weight: normal;
      font-style: normal;
    }

	@font-face {
	  font-family: 'AvenirNextLTPro-Regular';
	  src: url('../fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvenirNextLTPro-Regular.otf')  format('opentype'),
			 url('../fonts/AvenirNextLTPro-Regular.woff') format('woff'), url('../fonts/AvenirNextLTPro-Regular.ttf')  format('truetype'), url('../fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
	  font-weight: normal;
	  font-style: normal;
	}

    @font-face {
    font-family: 'Cason';
        src: url('../fonts/Cason-Bold.eot');
        src: url('../fonts/Cason-Bold.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Cason-Bold.woff') format('woff'),
             url('../fonts/Cason-Bold.ttf') format('truetype'),
             url('../fonts/Cason-Bold.svg#Cason-Bold') format('svg');
        font-style: normal;
        font-weight: normal;
        text-rendering: optimizeLegibility;
    }
	
	@font-face {
		font-family: 'SF Pro Display';
		src: url('../fonts/SFProDisplay-Regular.eot');
		src: url('../fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
			url('../fonts/SFProDisplay-Regular.woff2') format('woff2'),
			url('../fonts/SFProDisplay-Regular.woff') format('woff'),
			url('../fonts/SFProDisplay-Regular.ttf') format('truetype'),
			url('../fonts/SFProDisplay-Regular.svg#SFProDisplay-Regular') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'SF Pro Display';
		src: url('../fonts/SFProDisplay-Bold.eot');
		src: url('../fonts/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
			url('../fonts/SFProDisplay-Bold.woff2') format('woff2'),
			url('../fonts/SFProDisplay-Bold.woff') format('woff'),
			url('../fonts/SFProDisplay-Bold.ttf') format('truetype'),
			url('../fonts/SFProDisplay-Bold.svg#SFProDisplay-Bold') format('svg');
		font-weight: bold;
		font-style: normal;
	}

	@font-face {
		font-family: 'SF Compact Display';
		src: url('../fonts/SFCompactDisplay-Bold.eot');
		src: url('../fonts/SFCompactDisplay-Bold.eot?#iefix') format('embedded-opentype'),
			url('../fonts/SFCompactDisplay-Bold.woff2') format('woff2'),
			url('../fonts/SFCompactDisplay-Bold.woff') format('woff'),
			url('../fonts/SFCompactDisplay-Bold.ttf') format('truetype'),
			url('../fonts/SFCompactDisplay-Bold.svg#SFCompactDisplay-Bold') format('svg');
		font-weight: bold;
		font-style: normal;
	}

/*Common*/
body, html{ height: 100%; }
*, *:before, *:after{ -webkit-box-sizing: border-box; box-sizing: border-box; }
a{ text-decoration: none; cursor: pointer; outline: none; }
a img{ border: none; outline: none; }
img{ max-width: 100%; vertical-align: middle;}
.txt-center{ text-align: center;}
.pad-20{padding: 20px;}
.pad-15{padding: 15px;}
.pad-10{padding: 10px;}
.pad-lf-20{padding-left: 20px;}
.pad-lf-15{padding-left: 15px;}
.pad-lf-10{padding-left: 10px;}
.pad-rt-20{padding-right: 20px;}
.pad-rt-15{padding-right: 15px;}
.pad-rt-10{padding-right: 10px;}
.sml-font{ font-size: 13px; }
.md-font{ font-size: 16px; }
.lrg-font{ font-size: 18px; }
.xlrg-font{ font-size: 22px; }
.bold{font-family: 'Cason';}
.italic{ font-style: italic; }
button:focus, input[type="button"]:focus, input[type="submit"]:focus{ background: #222 !important; }
.site-content-contain:after{display: inline-table;content: "";height: 0;line-height: 0;
clear: both;}
.wtsd_logo{ width: 100px; position: absolute; z-index: 6; top: 0; left: 0; }
.wtsd_logo img{ width: 100%; }
.bx-shadow{-webkit-box-shadow: -2px 1px 12px -1px rgba(0,0,0,.3); -o-box-shadow: -2px 1px 12px -1px rgba(0,0,0,.3); box-shadow: -2px 1px 12px -1px rgba(0,0,0,.3);}
.container-wrap{ width: 100%; padding: 20px 0px; margin: 0 auto; height: calc(100% - 0px); display: flex; -webkit-display: flex; align-items: center; -webkit-align-items: center;}
.container-wrap:after{display: table; content: ''; clear: both;}
.container-wrap:before{display:block; visibility:hidden; clear: both; line-height: 0;
height: 0; content: ""; }
.app-wrap{ width:100%; display:flex;float:left; padding: 30px 0 30px;flex-wrap: wrap;align-items: center; }
.app-edit-wrap{ width:10%;margin-right: 7.5%;float: left; -webkit-transition: all .5s; transition: all .5s; padding: 0px 0 0; }
.app-design-wrap{ width:50%; float: left; margin-left: 12%; top:0px; position: relative; height: calc(100vh - 100px );}
.app-design-wrap .prod-design, .app-design-wrap .frontside-design, .app-design-wrap .backside-design{ width: 100%; height: 100%; position: relative; text-align: center; z-index: 5;}
.app-design-wrap .backside-design, .app-design-wrap .frontside-design{ display: block;}
.app-design-wrap .prod-design img{ position: relative; z-index: auto; width: 100%;}
.app-design-wrap .prod-design svg{ position: relative; z-index: auto; width: 100%; height: 100%; margin-top:2%;}
.woo-tshirt-mainimg{ fill-opacity: 0.9; }
.app-product-details{ background: rgba(255, 255, 255, .95) none repeat scroll 0 0; 
border-radius:7px 0px 0px 7px; float: right; font-family: "AvenirLTStd-Roman";max-width: 660px; padding: 0; position: absolute; right: 0; top: 0%; text-align: center; width: 100%; -webkit-transition: all .6s; transition: all .6s; -webkit-box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.2); box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.2); z-index: 6; bottom: 30px; height: auto; max-height:80%;}
.app-product-details .cart{height: 100%;}
.app-editUl{ width: 65px; height: auto; padding: 3px 3px 3px 3px;
-webkit-box-shadow:0px 1px 7px 1px rgba(68, 68, 68, 0.55); -o-box-shadow: 0px 1px 7px 1px rgba(68, 68, 68, 0.55);box-shadow:0px 1px 7px 1px rgba(68, 68, 68, 0.55); border-radius:5px; position: relative; z-index: 6;margin-left:40px;}
.white_cloud_theme{background: #FFF;}
.blue_theme_wrap .app-editUl {
background: #1376ff;background: -moz-linear-gradient(top, #1376ff 0%, #278ffb 100%)!important;
background: -webkit-linear-gradient(top, #1376ff 0%,#278ffb 100%)!important;
background: linear-gradient(to bottom, #1376ff 0%,#278ffb 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1376ff', endColorstr='#278ffb',GradientType=0 )!important;
}
	
.thm_icon{ width: 40px; height: 40px; background: url(../images/sprite.png); }
.hlf-sleve-wt{ background: url(../images/Tshirt.svg); height: 40px; margin: 0 0 0 2px; }    
.txt-edit-icon-wt{ background: url(../images/typo1.svg); height: 50px; margin: 0 0 0 0px; }
.typo-text-icon-wt {background: url(../images/type.svg); height: 45px; margin: 0 0 0 0px;}	
.camera-icon-wt{ background: url(../images/clip.svg); height: 30px; margin: 0 0 0 3px; }
.pattern-icon-wt{background: url(../images/category.svg); height: 45px; margin: 0 0 0 2px;}
.brush-icon-wt{ background: url(../images/brush.svg); height: 45px; margin: 0 0 0 5px;}
.dymond-icon-wt {background: url(../images/Diamond.svg); height: 35px; margin:10px 0px 5px 2px;}

.hlf-sleve-blk{ background: url(../images/t-shirt-menul-icon_blk.png); height: 51px; margin: 0 0 0 -3px; }
.txt-edit-icon-blk{ background: url(../images/text-edit-icon_blk.png); height: 51px; margin: 0 0 0 -3px; }    
.camera-icon-blk{ background: url(../images/camera-icon_blk.png); height: 51px; margin: 0 0 0 -3px; }
.preview-icon-wt{ background-position: 1px -131px; }
.preview-icon-blk{ background-position: -41px -134px; }
.dnld-icon-wt{ background: url(../images/download-icon_wt.png); height: 51px; margin: 0 0 0 -3px; }
.dnld-icon-blk{ background: url(../images/download-icon_blk.png); height: 51px; margin: 0 0 0 -3px; }
.lock-icon-wt{ background-position: 1px -178px;}
.lock-icon-blk{ background-position: -41px -178px;}
.woody-icon{ background-position: -86px -1px;}
.hlf-sleve-icon{ background-position: -127px -1px;}
.pattern-icon-blk{  background: url(../images/shapes_black.png) 7px 0;height: 50px; margin: 0 0 0 -3px;
	background-repeat: no-repeat;}
.brush-icon-blk{background: url(../images/Pencil-copy-2f_black_2.png) 14px 0; height: 51px; margin: 0 0 0 -3px; background-repeat: no-repeat;}
.sw_pro_details, .sw_user_details, .sw_sub_details{ display: inline-block;position:fixed;bottom:160px;right:0;text-align:center;line-height: 40px;border-radius: 4px 0 0 4px;-webkit-transition: all 400ms; transition: all 400ms; -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 0 1px 1px rgba(0,0,0,0.1); z-index: 8; width: 60px; height: 60px; border-radius: 50%; background: #000; padding-top: 7px; border: 2px solid #fff; display: none !important}
.sw_pro_details:hover, .sw_user_details:hover, .sw_sub_details:hover{opacity: 0.8; }
.sw_pro_details.stick{position: absolute; bottom: 115px;}
.sw_user_details.stick{position: absolute; bottom: 90px;}
.sw_pro_details svg{ width: 32px; margin: 4px 0 0px; }
.app-product-details.go-through{ right: -660px; opacity: 0; }
.green_woods_theme{ background: #038f2e; background: -webkit-gradient(linear, left top, left bottom, from(#038f2e),to(#616e81)); background: linear-gradient(to bottom, #038f2e 0%,#616e81 100%); }
.night_blue_theme{background: #00baf7; background: -webkit-gradient(linear, left top, left bottom, from(#00baf7),to(#00cfb1)); background: linear-gradient(to bottom, #00baf7 0%,#00cfb1 100%); }
.blue_sky_theme{background: #e4d900; background: -webkit-gradient(linear, left top, left bottom, from(#e4d900),to(#00d0b0)); background: linear-gradient(to bottom, #e4d900 0%,#00d0b0 100%); }

.app-editUl .app-edit-menu{ margin: 15px 0px 15px; }
.app-editUl .app-edit-menu > li{ display: block; padding: 15px 0; position: static;}
.app-editUl .app-edit-menu > li.pattern_cate_open{ position: static; }
.app-editUl .app-edit-menu > li.pattern_sele_li, .app-editUl .app-edit-menu > li.brush_sel_li{position:static;}
.app-editUl .app-edit-menu > li.pattern_svg_open{ position: relative;}
.app-editUl .app-edit-menu > li > a{ display: block; border-bottom: 1px solid rgba(0,0,0,0); position: relative;background-size: contain;    background-repeat: no-repeat; background-position: center; }
.nav_attrafter{ position: absolute; bottom: -14px; left: 0; right: 0; -webkit-transition: all 300ms; transition: all 300ms; width: 0; text-align: center; overflow: hidden; height: 20px; margin: 0 auto;}
.app-editUl .app-edit-menu > li > a:hover .nav_attrafter{ width: 100%;}
.nav_attrafter:after{ content: attr(data-after); display: inline-block; color: #fff; max-width: calc(100% - 10px); max-width: -webkit-calc(100% - 10px); font-size: 9px; text-transform: uppercase; overflow: hidden; white-space: nowrap; vertical-align: middle;}
.nav_attrafter:before{ width: 4px; height: 4px; background: #fff; content: ""; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 3px;}
/* .app-editUl .app-edit-menu > li > a.active.show_pattern:before, .app-editUl .app-edit-menu > li > a.show_pattern:before{ left: 7px; }
.app-editUl .app-edit-menu > li > a.active.brush-sel:before, .app-editUl .app-edit-menu > li > a.brush-sel:before{ left: 7px; } 
.app-editUl.green_woods_theme .app-edit-menu > li > a.active:before, .app-editUl.green_woods_theme .app-edit-menu > li > a:before{background: #FFF;}
.app-editUl.night_blue_theme .app-edit-menu > li > a.active:before, .app-editUl.night_blue_theme .app-edit-menu > li > a:before{background: #FFF;}
.app-editUl.blue_sky_theme .app-edit-menu > li > a.active:before, .app-editUl.blue_sky_theme .app-edit-menu > li > a:before{background: #FFF;}
.app-editUl.arora_theme .app-edit-menu > li > a.active:before, .app-editUl.arora_theme .app-edit-menu > li > a:before{background: #FFF;}
.app-editUl.desert_theme .app-edit-menu > li > a.active:before, .app-editUl.desert_theme .app-edit-menu > li > a:before, .app-editUl.night_theme .app-edit-menu > li > a.active:before, .app-editUl.night_theme .app-edit-menu > li > a:before, .app-editUl.sun_theme .app-edit-menu > li > a.active:before, .app-editUl.sun_theme .app-edit-menu > li > a:before, .app-editUl.forest_theme .app-edit-menu > li > a.active:before, .app-editUl.forest_theme .app-edit-menu > li > a:before, .app-editUl.red_theme .app-edit-menu > li > a.active:before, .app-editUl.red_theme .app-edit-menu > li > a:before, .app-editUl.sky_theme .app-edit-menu > li > a.active:before, .app-editUl.sky_theme .app-edit-menu > li > a:before {background: #FFF;}
.app-editUl .app-edit-menu li .show-box{ position: absolute; left: 66px; top: 0; width: 300px; padding: 10px 25px; min-height: 50px; z-index: 99; border: 1px solid rgba(68,68,68,.2); background:#FFF; display: none; border-radius: 5px; transition: all .6s; -webkit-transition: all .6s; animation: slide-left 0.6s; }*/

.app-editUl .app-edit-menu li .show-box { position: absolute; left:0px; top: 0; width: 420px; padding: 10px 25px 5px; min-height: 50px; z-index: 99; background: rgba(255, 255, 255, .95); border-radius: 5px; transition: all .4s; -webkit-transition:all .4s; -webkit-animation: slide-left 0.4s; animation: slide-left 0.4s; visibility: hidden; opacity:0; bottom: 0; pointer-events: none;}
.app-editUl .app-edit-menu li .show-box.image-sel-box{ padding: 10px 0px 0px}

/*.app-editUl .app-edit-menu li .pattern-cate-sel-box{
min-height: 350px; background: inherit; overflow: hidden;
box-shadow: none; border: 0;
}
.app-editUl .app-edit-menu li .pattern-cate-sel-box:after{
content: ''; width: 100%; height: 100%; background: inherit; 
position: absolute; box-shadow: inset 0 0 0 300px rgba(255,255,255,0.5);
filter: blur(10px); left: 0; top: 0; bottom: 0; right: 0;
}*/
.app-editUl .app-edit-menu li .pattern-cate-sel-box .pattern-cate-wrap{position: relative; z-index: 99}
.pattern-cate-sel-box{width: 420px;}
.display-pattern-box{width: 420px;}
.app-editUl .app-edit-menu li.subtools_show .show-box{left:90px;visibility:visible; opacity:1; pointer-events: auto;
padding:2px 10px 5px 15px;bottom: 0}
.brush-box h3{ text-align: left;}
.brush_optsec{ margin: 30px 0 0;}
.brush_optsec h6{ font-weight: normal;font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;}
.brush-size .brush_optsec a{ width: 100%; margin: 0 3px 5px 0; padding: 0 5px!important; font-family: 'Cason'; font-size: 14px; border: 1px solid #d6d6d6; display: block !important; filter: invert(0); -webkit-filter: invert(0); background-color: #FFF; float: left}
.brush-size .brush_optsec a:hover, .brush-size .brush_optsec a.active-brush{ filter: invert(1); -webkit-filter: invert(1);  }
.pencil_bar{ width: 70px; height: 244px; position: absolute; right: 0; bottom: 0; padding-top: 25px;}
.brsh-clr-picker{ width: 36px; position:relative;left:10px; top: 0;}
/* For svg color box */
.app-editUl .app-edit-menu li .svg-color-box { position: absolute; left:0px; top: 0; width: 330px; padding: 10px 25px; min-height: 50px; z-index: 99; border: 1px solid rgba(68,68,68,.2); background: rgba(255, 255, 255, .95); border-radius: 5px; visibility: hidden; opacity:0;
 }
.app-editUl .app-edit-menu li.pattern_svg_open .svg-color-box{left:90px;visibility:visible; opacity:1; transition: all .2s; -webkit-transition: all .2s; -webkit-animation: slide-left 0.2s; animation: slide-left 0.2s; }
.svg-color-box a.close-bx { position: absolute; top: 5px; color: #FFF; right: 10px; width: 28px; height: 28px; display: block; font-size: 23px; font-family: 'Cason'; background: #232323; text-align: center; border-radius: 50%; line-height: 27px; -webkit-box-shadow: -2px 2px 6px 0px rgba(0,0,0,0.3); box-shadow: -2px 2px 6px 0px rgba(0,0,0,0.3); z-index: 9; transition: all 400ms; -webkit-transition: all 400ms;}
.svg-color-box a.close-bx:hover{transform: scale(0.9); -webkit-transform: scale(0.9);}
.svg-color-box .minicolors-theme-default.minicolors{  margin: 3px 6px 3px 0;}
.svg-color-wrap .minicolors-swatch-color{ -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);}
.add_duplicate_layer{ display: inline-block; width: 36px; height: 36px; margin: 3px 6px 3px 0;}
/* For tshirt color */
.app-editUl .app-edit-menu li .tt-color-box{ position: absolute; left:0px; top: 0; width: 330px; padding: 10px 25px; z-index: 99; border: 1px solid rgba(68,68,68,.2); background: rgba(255, 255, 255, .95); border-radius: 5px; visibility: hidden; opacity:0; transition: all .6s; -webkit-transition: all .6s; animation: slide-left 0.6s; -webkit-animation: slide-left 0.6s; }
.app-editUl .app-edit-menu li.tt_colors_open .tt-color-box{left:80px;visibility:visible; opacity:1;  }
.tt-color-box a.close-bx { position: absolute; top: 5px; color: #FFF; right: 10px; width: 28px; height: 28px; display: block; font-size: 23px; font-family: 'Cason'; background: #232323; text-align: center; border-radius: 50%; line-height: 27px; -webkit-box-shadow: -2px 2px 6px 0px rgba(0,0,0,0.3); box-shadow: -2px 2px 6px 0px rgba(0,0,0,0.3); z-index: 9; transition: all 400ms; -webkit-transition: all 400ms;}
.tt-color-box a.close-bx:hover{ transform: scale(0.9); -webkit-transform: scale(0.9); }

.app-editUl .app-edit-menu li .lock-sel-box{ width: 120px; padding: 0 10px; }
.choose-clr{position: absolute;top: 15px;left: -105px;text-align: center;padding: 10px 5px 5px 0;width: 60px;z-index: 6; height: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-content: center;}

.choose-clr a.clr{display: inline-block; width: 38px; height: 38px; border-radius: 50%; margin: 5px;  position: relative;  			vertical-align: top; -webkit-box-shadow: 0 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 0 1px 2px rgba(0,0,0,0.1); 			-webkit-transition: all 400ms; transition: all 400ms;}
.choose-clr a.clr:hover{ transform: scale(0.9); -webkit-transform: scale(0.9);}
.more-colors-wrap .minicolors-theme-default .minicolors-input-swatch{ overflow: visible;}

.more-colors-wrap .minicolors-input-swatch .minicolors-swatch-color{ position: relative; display: block; height: 100%; 
padding: 4px; border: 2px solid #fff; -webkit-transition: all 400ms; transition: all 400ms; 
-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
 background: url(../images/color_picker.png) no-repeat; background-size: contain;background-color: transparent !important;}
.more-colors-wrap{ display: inline-block; margin: 5px; vertical-align: top;width:36px;height:36px;}
.more-colors-wrap .minicolors-input-swatch .minicolors-swatch-color:before{ content: ""; background: #fff; height: 2px; position: absolute; left: 4px; right: 4px; top: 4px; bottom: 4px; margin: auto;display: none;}
.more-colors-wrap .minicolors-input-swatch .minicolors-swatch-color:after{ content: ""; background: #fff; width: 2px; position: absolute; left: 4px; right: 4px; top: 4px; bottom: 4px; margin: auto;display: none;}
.more-colors-wrap .minicolors-input-swatch .minicolors-swatch-color:hover{ transform: scale(1); -webkit-transform: scale(1);}
.minicolors-position-bottom .minicolors-panel {top:38px;}

.rotate_arrow{ width:38px; height:38px;display: inline-block;margin:6px;line-height:36px;background:#000;border-radius: 50%; padding:4px;border:2px solid #FFF; vertical-align:top; -webkit-transition:all 400ms; transition:all 400ms;}
.rotate_arrow:hover{ transform: scale(0.9); -webkit-transform: scale(0.9);}
.rotate_arrow svg{ fill: #fff;}
.yellow-bg-clr{ background: #f4ac0d;}
.blue-bg-clr{ background: #092bb0;}
.red-bg-clr{ background: #ad0000;}
.white-bg-clr{ background: #fdfdfd;}
.black-bg-clr{ background: #000000;}
.green-bg-clr{ background: #25b009;}
.gray-bg-clr{ background: #363636;}
.orange-bg-clr{ background: #8f4e08;}
.violet-bg-clr{ background: #5d0989;}
.pink-bg-clr{ background: #a40b5e;}
.aqua-bg-clr{ background: #067062;}
/*svg*/
.app-editUl .app-edit-menu > li > a>svg{ pointer-events: none; width:36px; height:32px; display: block; margin: 0 auto 0.1rem; fill: #ffffff; display: block;}
.app-editUl .app-edit-menu > li > a.hlf-sleve-wt >svg, .app-editUl .app-edit-menu > li > a.hlf-sleve-blk >svg{ width:36px; height:36px;}
.app-editUl .app-edit-menu > li > a>svg path, .app-editUl .app-edit-menu > li > a>svg .cls-1{ fill: #FFF; }
.white_cloud_theme.app-editUl .app-edit-menu > li > a>svg path, .white_cloud_theme.app-editUl .app-edit-menu > li > a>svg .cls-1{ fill: #101010; }
/*Right*/
.size-select{ text-align: center; margin: 30px 0 0px; float: left; width: 100%; }
.size-select a{ display: inline-block; padding: 10px; margin: 0 5px; color: #0b050d; font-size: 15px; 
letter-spacing: 0.12em; text-transform: uppercase;font-family: 'Cason'; position: relative; }
.size-select a:before { content: ""; width: 0px; height: 1px; background: #2b2b2b; position: absolute; bottom: -1px; 
left: 0px; -webkit-transition: all 0.6s; transition: all 0.6s; }
.size-select a:hover:before { width: 30px;}
.size-select a:hover{}
.size-select a.active {color: #000; border-bottom: 1px solid #000;}
.size-select a.active:hover{}
.sel-quantity{ text-align: center; margin: 0 0 5px;display: inline-block}
.sel-quantity button.add_tsize_cart{ padding:7px 30px !important; font-size:16px; text-transform:uppercase;
font-family: AvenirNextLTPro-Regular; letter-spacing: 0.12em; margin:0 0 0px 20px; border-radius: 6px; 
border: 1px solid #969696; background: #000; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; 
text-transform: capitalize; line-height:1; height:33px;}
.sel-quantity button.add_tsize_cart:hover{background: #222; border: 1px solid #1479ff ; }
.wtsd_addcart_btn:hover{background: #0c050d; text-shadow: inherit; border: 1px solid #1479ff ;}
.sel-quantity span{ font-size: 16px; text-transform: uppercase; margin-left: 12px; 
		letter-spacing: 0.12em; font-family: AvenirNextLTPro-Regular;}
.sel-quantity input[type="text"], .sel-quantity input[type="number"]{ width: 30px; text-align: center;
border-style: solid;  font-size: 16px; outline: none; display: inline-block; padding: 0; border-radius: 0;
 background: transparent; color: #010101; border: 0;}
.total-price{ text-align: center; margin: 0px; width: 200px; align-self:center;}
/*.sel-quantity input[type="text"]:focus{color: #fff}*/
.total-price p{font-size: 16px; letter-spacing: 0.12em; margin:0; font-family: AvenirNextLTPro-Regular;}
.total-price h2{ font-size: 20px; letter-spacing: 0.1em; margin: 5px 0px 5px; padding: 0; font-family:AvenirNextLTPro-Regular;}
.total-price h2 span{ display: inline-block; vertical-align: top; color: #010101; }
.total-price h2 span.price{ font-size: 28px; line-height: 1; color: #010101; }
.delivery-details{ text-align: right; margin: 0px; align-self: center; padding: 0px 10px; width:300px;}
.delivery-details table{ margin:0 0 0px;}
.delivery-details tr > td {padding: 1px;font-size: 16px;}
.delivery-details tr > td:last-child {width: 80px;}

.delivery-details p{ font-size: 16px; text-transform: capitalize; letter-spacing: 0.12em; 
   font-family: AvenirNextLTPro-Regular; margin-bottom: 5px; }
.order-btn{ display: inline-block; min-width: auto; text-align: center; padding: 13px 20px; z-index: 1;
font-family: AvenirNextLTPro-Regular; font-size: 15px; background: #000; letter-spacing: 0.14em; border-radius: 13px; transition: all .5s ease; -webkit-transition: all .5s ease; text-shadow:1px 1px 8px #ccc; margin: 10px 0 10px; 
position: relative; overflow: hidden;}    
.sel-fnt-fld{ display: inline-block; margin: 8px 0 0 5px;}
.sel-fnt-fld .selectric-wrapper{ position: relative; cursor: pointer; display: inline-block; vertical-align: middle;}
.sel-fnt-fld .selectric{ border: 1px solid rgba(68,68,68,.3); border-radius: 0px; background: #FFF; position: relative; overflow: hidden; width: 50px; border-radius: 4px; margin: -6px 0px 0; height: 34px; }
.sel-fnt-fld .selectric .label{margin: 0 2px 0 8px;}
.sel-fnt-fld .selectric .button{ background: #FFF; width: 20px; }
.container-bg{height: 100%; width: 100%; /*overflow-x: hidden;*/background-size:cover !important; position: relative; background-attachment: fixed !important}
canvas#fbrush-drawer, canvas#bbrush-drawer{position: absolute;  left: 0; top: 0; right: 0; bottom: 0; width: 100%; 
height:100%; }
.container-bg:after{display: table; clear: both; content: ""}
/* Icon 1 */
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
width: 60px; height: 45px; position: relative; margin: 50px auto; -webkit-transform: rotate(0deg);
transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out;
cursor: pointer;
}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
display: block; position: absolute; height: 9px; width: 100%; background: #d3531a;
border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg);
-webkit-transition: .25s ease-in-out; transition: .25s ease-in-out;
}
#nav-icon1 span:nth-child(1) {top: 0px;}
#nav-icon1 span:nth-child(2) {top: 18px;}
#nav-icon1 span:nth-child(3) {top: 36px;}
#nav-icon1.open span:nth-child(1) {
top: 18px; -webkit-transform: rotate(135deg); transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2) {opacity: 0; left: -60px;}
#nav-icon1.open span:nth-child(3) {
top: 18px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);
}
/* Icon 2 */
#nav-icon2 span {
	display: block; position: absolute; height: 9px; width: 50%; background: #d3531a;
	opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); 
	-webkit-transition: .5s ease-in-out; transition: .5s ease-in-out;
}
#nav-icon2 span:nth-child(even) { left: 50%; border-radius: 0 9px 9px 0; }
#nav-icon2 span:nth-child(odd) {left:0px;border-radius: 9px 0 0 9px;}
#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {top: 0px;}
#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {top: 18px;}
#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {top: 36px;}
#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-icon2.open span:nth-child(1) {left: 5px;top: 7px;}
#nav-icon2.open span:nth-child(2) {left: calc(50% - 5px);top: 7px;}
#nav-icon2.open span:nth-child(3) {left: -50%;opacity: 0;}
#nav-icon2.open span:nth-child(4) {left: 100%;opacity: 0;}
#nav-icon2.open span:nth-child(5) {left: 5px;top: 29px;}
#nav-icon2.open span:nth-child(6) {left: calc(50% - 5px);top: 29px;}
/* Icon 3 */
#nav-icon3 span:nth-child(1) {top: 0px;}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {top: 18px;}
#nav-icon3 span:nth-child(4) {top: 36px;}
#nav-icon3.open span:nth-child(1) {top: 18px;width: 0%;left: 50%;}
#nav-icon3.open span:nth-child(2) {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#nav-icon3.open span:nth-child(3) {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-icon3.open span:nth-child(4) {top: 18px;width: 0%;left: 50%;}
/* Icon 4 */
#nav-icon4 {}
#nav-icon4 span:nth-child(1) {top: 0px;-webkit-transform-origin: left center;transform-origin: left center;}
#nav-icon4 span:nth-child(2) {
	top: 18px;-webkit-transform-origin: left center;transform-origin: left center;}

#nav-icon4 span:nth-child(3) {
top: 36px;-webkit-transform-origin: left center;transform-origin: left center;}
#nav-icon4.open span:nth-child(1) {-webkit-transform: rotate(45deg);transform: rotate(45deg);
top: -3px;left: 8px;}
#nav-icon4.open span:nth-child(2) {width: 0%;opacity: 0;}
#nav-icon4.open span:nth-child(3) {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);
          top: 39px;left: 8px;}

/*Text edit part*/
/*.edit-txt-wrap{ position: absolute; max-width: 100%; max-height: 100%; background: rgba(60,60,60,.35); border: 1px solid rgba(0,144,255,.35); top:0; left:0; right: 0; bottom: 0; z-index: 99; text-align: center; margin: auto;}*/
.edit-txt-wrap{ /*position: absolute; max-width: 100%; max-height: 100%; top:0; left:0; right: 0; bottom: 0; z-index: 99; margin: auto;*/  background: rgba(60,60,60,.35); border: 1px solid rgba(0,144,255,.35);text-align: center;}
.edit-txt-wrap a.action, .ui-resizable-se, .ui-resizable-handle, .ui-rotatable-handle{ width: 40px; height: 40px; background: #FFF; position: absolute; text-align: center; line-height: 38px; z-index: 9; }
.edit-txt-wrap.layer_locked a.lock{ left: -20px; top: -20px; background: #FFF url(../images/ac-lock-icon.png) scroll center center no-repeat; }
.edit-txt-wrap a.lock{ left: -20px; top: -20px; background: #FFF url(../images/ac-unlock-icon.png) scroll center center no-repeat; -webkit-transition: all 400ms; transition: all 400ms; }
.edit-txt-wrap a.lock:hover{ transform: scale(0.9); -webkit-transform: scale(0.9); }
.edit-txt-wrap a.move{ left: -20px; top: -20px; background: url(../images/ac-move-icon.png) scroll center center no-repeat; background-size: cover; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 400ms; transition: all 400ms;}
.edit-txt-wrap a.move:hover{ transform: scale(0.9); -webkit-transform: scale(0.9);}
.edit-txt-wrap a.refresh, .ui-rotatable-handle {right: -20px; top: -20px; background: url(../images/ac-refresh-icon.png) scroll center center no-repeat; background-size: cover; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 400ms; transition: all 400ms;}
.edit-txt-wrap a.refresh{ opacity: 0;}
.edit-txt-wrap a.refresh:hover, .ui-rotatable-handle:hover{ transform: scale(0.9); -webkit-transform: scale(0.9);}
.edit-txt-wrap a.delete{left:-20px;bottom:-20px; background: url(../images/ac-delete-icon.png) scroll center center no-repeat; background-size: cover; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 400ms; transition: all 400ms; }
.edit-txt-wrap a.delete:hover{ transform: scale(0.9); -webkit-transform: scale(0.9);}
.edit-txt-wrap a.resize, .ui-resizable-se, .ui-resizable-handle{ right:-20px;bottom:-20px;background: url(../images/ac-resize-icon.png) scroll center center no-repeat; background-size: cover; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 400ms; transition: all 400ms;  }
.edit-txt-wrap a.resize:hover, .ui-resizable-se:hover, .ui-resizable-handle:hover{ transform: scale(0.9); -webkit-transform: scale(0.9);}
.txt-disp-area{/*display: inline-block;*/ vertical-align: middle; padding: 0 0; color: #FFF; }
.entr-txt{ /*width: 220px !important; display: inline-block !important; */}

.sel-tshirt-menu{ display: block; text-align: center; margin: 0 6px 0 0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; transform: scale(0); -webkit-transform: scale(0); position: absolute; width: 88%; height: auto; }
.t-shirt_menu_active { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; -webkit-transform: scale(1); transform: scale(1); }
.sel-tshirt-menu.ttypes_for_O{ transform: scale(1); bottom: 10px; width: 94%; border-top: 1px solid #d6d6d6;}
.sel-tshirt-menu li{ display: inline-block; margin: 2px 2px 2px !important;}
.sel-tshirt-menu li.stshirt_version_li{ float: right; padding: 0 15px 0 0; }
.sel-tshirt-menu li a.tshirt-icon, .sel-tshirt-menu li a.icon{width:80px;display:block; line-height: 60px;height:80px;}
.sel-tshirt-menu.catprods6 li:first-child a.tshirt-icon{height:76px; }
.sel-tshirt-menu.catprods6 li:last-child a.tshirt-icon{height:82px; }
.sel-tshirt-menu li a.tshirt-icon.ttypes_version_w{ width: 36px; display: block; }
.sel-tshirt-menu li a.tshirt-icon.ttypes_version_m{ width: 44px; display: block;}
.sel-tshirt-menu li a.tshirt-icon img{ transition: all 400ms; -webkit-transition: all 400ms;height: 100%;width: 100%;object-fit: contain;padding: 9px 0px;}
.sel-tshirt-menu li a.tshirt-icon:hover img{ transform: scale(0.9); -webkit-transform: scale(0.9);}
.add_duplicate_layer img{ transition: all 400ms; -webkit-transition: all 400ms;}
.add_duplicate_layer:hover img{ transform: scale(0.9); -webkit-transform: scale(0.9);}
.show-box a.close-bx, .app-product-details a.close-bx{ position: absolute; top: 12px; color: #FFF; right: 12px; width: 28px; height: 28px; display: block; font-size: 26px; font-family: 'Cason'; background: #232323; -webkit-box-shadow:  -2px 2px 6px 0px rgba(0,0,0,0.3); box-shadow:  -2px 2px 6px 0px rgba(0,0,0,0.3); text-align: center; border-radius: 50%; line-height: 27px; transition: all 300ms ease; -webkit-transition: all 300ms ease; z-index: 100; }
.app-product-details a.close-bx{ top: auto; bottom: 48px; width: 38px; height: 38px; padding-top: 3px; background: #000;  border: 2px solid #fff; }
.app-product-details a.show_sub_profile{ bottom: 150px; }
.show-box a.close-bx{text-indent: -9999px;}
.show-box a.close-bx:after, .show-box a.close-bx:before{position:absolute;content:"";left:8px;top:10px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.show-box a.close-bx:after{width:8px;height:8px;border-top: 2px solid #FFF;border-left: 2px solid #FFF;transform: rotate(-45deg);}
.show-box a.close-bx:before{width:12px;height:2px; background:#FFF;top: 13px;}

a.close-bx.close_prod {left: -61px;}
.app-product-details.fadeInRight{opacity: 1}
.app-product-details.go a.close-bx{left: -27px;border: 0;}
.app-product-details.go-through a.close-bx{left: -61px;border: 2px solid #fff;}
.show-box a.close-bx:hover, .app-product-details a.close-bx:hover{ /*color: #00008b; */ transform: scale(0.9); -webkit-transform: scale(0.9); }
.sml-title{font-size:36px;font-family:"Arial Black", "Arial Bold", Gadget, sans-serif;position: relative; 
margin: 10px 0 15px; padding: 0 0 10px; text-transform: initial; text-align: left; color: #000; line-height:0.8; }
.sml-title:before{ /*position: absolute;*/ bottom: 0; height: 2px; width: 90%; content: ""; background: #ababab; background: -webkit-gradient(linear, left top, right top, from(#ababab),to(#eaeaea)); background: linear-gradient(to right, #ababab 0%,#eaeaea 100%); }
.form-field input[type="text"], .form-field input[type="file"], .form-field input[type="email"], .form-field select, .form-field textarea{ border: 1px solid rgba(68,68,68,.4); padding: 8px; border-radius: 4px; font-size: 14px; }
.field-blk{ display: block; margin: 10px 0; float: left;text-align: left;width: 100%;font-size: 14px; position: relative;}
.field-blk label{ display: inline-block;font-weight: 400;}
.form-field input[type="text"]{ padding: 8px; border-radius: 0px; font-weight: 600;font-size:17px;font-family: 'AvenirLTStd-Roman';border: none; border-bottom: 1px solid rgba(68,68,68,.4); background: transparent;}

.field-blk a{ display: inline-block !important; font-family: 'Cason'; text-transform: uppercase; padding: 6px 8px; 
font-size: 16px;}
.field-blk a.get-duplicate{
	min-width: 40px; border-radius: 4px; padding: 6px; margin: 3px 3px 3px 15px; height: auto; 
	width: auto;    background: #d6d5d3;
	}
.addtext_inputbx{ position: relative; padding-right: 40px;}
.field-blk.addtext_inputbx{ padding-bottom: 30px; }
.addtext_inputbx input[type="text"]{ padding-right: 10px; width: calc(100% - 75px); }
.addtext_colorbx{ position: absolute; left: 125px; top: -7px; width:auto;}
.textinput_btn{ position:absolute;right:5px;top:7px;line-height:1;font-family: 'AvenirLTStd-Roman';letter-spacing: 0.14em;font-size:14px;text-transform: uppercase; cursor:pointer; background: #000;color: #FFF;padding: 8px 14px 6px 14px;border-radius: 3px;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
.blk-list{width: 100%; display: block; margin: 10px 0; text-align: left; }
.blk-list li{ list-style: none; padding: 6px 3px 10px 5px; margin: 0!important; width: auto !important; position: relative;}
.blk-list li:before{ background: url(../images/list-st01.png); width: 10px; height: 10px; content: ""; position: absolute; top: 10px; left: 0; display: none; }
.image-sel-box .blk-list{ margin: 24% 0 8%; }
.image-sel-box .blk-list li{ font-family: 'Arial', helvetica, sans-serif; text-transform:uppercase; padding: 0 0 0; text-align: center; font-size: 20px; }
.sel_ft_size{ width: 54px; padding: 4px 8px !important; height: 36px; margin-left: 3px; }
.sel-style{display: inline-block;width: 100%;}
.sel-style a{padding:1px 8px 0 0px !important;border-bottom:1px solid rgba(68,68,68,.2) !important;margin:0 0 0 15px; width: 32px; text-align: center; -webkit-transition: all .5s; transition: all .5s;}
.sel-style a:hover{ background: #0b050d; color: #FFF; }
a.back_to_category{ position: absolute; top: 10px; right: 12px; width: 20px; height: 21px; background: url(../images/close_arrow.png); -webkit-transform: rotate(180deg); transform: rotate(180deg); font-size: 0; }
.field-blk_in{ display: inline-block; vertical-align: middle; margin: 0px 5px; }
.fld_bot_sec{ margin-top: 10px; }
.minicolors input[type=hidden] + .minicolors-input-swatch{ width: 38px;}
.minicolors-theme-default .minicolors-input-swatch { width: 38px; height: 38px; overflow: hidden; border: 0; background: none; -webkit-transition: all 400ms; transition: all 400ms;}

.minicolors-theme-default .minicolors-input-swatch:hover{ transform: scale(1.1); -webkit-transform: scale(1.1);}
    .minicolors-input-swatch .minicolors-swatch-color{ border-radius: 50%; box-shadow: inset 2px 1px 20px 0px rgba(0,0,0,0.1); -webkit-box-shadow: inset 2px 1px 20px 0px rgba(0,0,0,0.1); }
.preview_inner{ background: #fff;position: relative;padding: 10px; margin-bottom: 20px}
.preview_inner.active{background: #000; height: 120px;}
.preview_inner img {height: 100%;-o-object-fit: cover;object-fit: cover; border: 5px solid #464646; background-color: #464646;}
.preview_inner span{position: relative;color: #fff;top: 0;left: 0px;     font-size: 16px;display: block;font-family: AvenirNextLTPro-Regular;text-transform: uppercase;letter-spacing: 1.8px;    margin-bottom: 10px;}
.preview_btns button.item_save {padding: 8px 8px;font-size: 16px;text-transform: capitalize;font-family: AvenirNextLTPro-Regular;letter-spacing: 0.12em;margin: 0;border: 1px solid #969696;background: #000; display: inline-block; margin-bottom: 10px; line-height: 1;}
.preview_btns button.remove_size {padding: 8px 8px; font-size: 16px; text-transform: capitalize; 
		font-family: AvenirNextLTPro-Regular; letter-spacing: 0.12em; margin: 0; border: 1px solid #969696;
		background: #000; display: inline-block; line-height: 1;}
.preview_item {display: flex; width:240px; align-self:center;}
.preview_btns {-ms-flex-item-align: end;align-self: flex-end;     display: -webkit-box;     display: -ms-flexbox;     display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;margin-left: 20px;}
.preview_btns button{margin-bottom: 15px;  width: 115px}
.preview_btns button:hover{border-color: #1479ff}
.selected_size_li .t-shirt-item {border: 2px solid transparent;}

.colors-field-blk .minicolors input[type=hidden] + .minicolors-input-swatch{width:40px;height: 40px;}
.colors-field-blk .minicolors-theme-default .minicolors-input-swatch{height: 40px;}
.colors-field-blk .minicolors-input-swatch .minicolors-swatch-color{border-radius: 30px;width: 38px; height: 38px;}

/* brush icons */
.clear_brush{ margin: 10px 0 0; display:inline-block; color: #000; text-transform: uppercase;font-family: 'Cason'; }
.brush-size{ display: block; margin:5px 0 20px;}	
.brush-size a{ display: inline-block; margin: 2px 12px 0 -10px; width: 40px; padding: 2px 6px 6px !important; vertical-align: bottom; -webkit-transition: all 400ms; transition: all 400ms;}
.redo_brush:hover, .clear_brush:hover { transform: scale(1.1); -webkit-transform: scale(1.1); }    
.brush-size a.brush_size.selected_brush, .brush-size a.clear_brush.selected_brush{ border-bottom: 2px solid #000; }
.undo_redo_wrap{ display:block;padding:0 0 0 5px;}	
.undo_redo_wrap a{ display:inline-block; margin: 0px 10px 0 -5px; width:36px; height:36px; padding: 2px 6px 6px !important; vertical-align: bottom;border-radius: 4px;position: relative;background: #000; -webkit-transition: all 400ms; transition: all 400ms;}
.undo_redo_wrap > a > img{display: none;}
.undo_redo_wrap a:hover{ background: #1789fe; }
.undo_redo_wrap a.brsh-clr-picker{ background: transparent !important;}
.undo_redo_wrap a.clear_brush:after, .undo_redo_wrap a.redo_brush:after{ position: absolute; content: ''; width: 8px; height: 8px; width:12px; height:12px; left: 10px; background: transparent;top: 12px;transform: rotate(45deg); }
.undo_redo_wrap a.clear_brush:after{ border-left: 2px solid #FFF;border-bottom:2px solid #FFF;left:13px; }
.undo_redo_wrap a.redo_brush:after{ border-right: 2px solid #FFF;border-top: 2px solid #FFF; }
.undo_redo_wrap a.brush_size.selected_brush, .undo_redo_wrap a.clear_brush.selected_brush{ border-bottom: 2px solid #000; }
/*popup*/
.pop-over{ position: absolute; z-index: 999; background: rgba(60,60,60,.4); display: none; width:70%;min-width:70%;}
.pop-content{ width: 80%; position: absolute; top: 0; right: 0; left: 0; padding: 20px; margin: 30px auto; background: #FFF;  }
.pop-open{ overflow: hidden; }
.pop-open .pop-over{ overflow-x: hidden; overflow-y: auto; }
a.pop-close{ position: absolute; top: 15px; right: 15px; width: 40px; height: 40px; background: url(../images/pop-close.png); }
.simplePopup {display:none;position:fixed;border:4px solid #FFF;background:#fff;z-index:999;padding:12px;width:70%;min-width:70%; margin: 0 0 30px;}
.simplePopupClose {float:right;cursor:pointer;margin-left:10px;margin-bottom:10px;width: 32px; height: 32px; background: url(../images/pop-close.png) scroll center center no-repeat;text-indent: -9999px;}
.simplePopupBackground {display:none;background:rgba(60,60,60,.6);position:fixed;height:100%;width:100%;top:0;left:0;
z-index:999;}

#upld-Img{ opacity: 0; z-index: -1; height: 0; width: 0; position: absolute; }
.browse-Img {
cursor: pointer; text-align: center; display: inline-block; border: 2px dashed rgb(167, 168, 171); text-transform: uppercase; border-radius: 5px 5px; transition: all .5s ease; min-width: 225px; 
background: rgb(239, 240, 241); color: #FFF; padding: 20px 10px; font-family: 'AvenirLTStd-Light';
letter-spacing: 2px; overflow: hidden; z-index: 1; height: 115px;
}
.browse-Img .upload{
color: #4a4b4c; text-transform: capitalize; padding-bottom: 15px; padding-left:30px;
display: block; font-size: 22px;
}	
.browse-Img .upload:before {
content: ""; background: url(../images/upload1.svg) no-repeat; width: 32px;	height: 32px;
display: inline-block; position: absolute; left: 47px; top: 18px; background-size: contain;
}
.browse_type{ display: block; color: #4a4b4c;font-size: 18px; }
.browse-Img:hover .browse_type{ color: #fff;}
.show-prod{ position: absolute; margin-top: -30px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); width:120px; text-align:center; top:50%; right:-30px; display:none;}
.show-prod:before{position: absolute; height: 1px; width: 100%; background: #c4c4c4; content: ""; left: 0; 
top: -10px; }
.pattern-sel-box h5{font-family:'Arial', Helvetica, sans-serif; font-size: 18px;font-weight:800;text-transform: uppercase; color:#000; }
.pattern_count{ font-size: 12px;}
.pattern-sel-box.wctd-icons_arts h5{ color: #fff;}
.pattern-cate-wrap h3{ text-align: left; }
.patrn_Lst{ font-family: Arial, Helvetica, sans-serif; list-style: none;}
.patrn_Lst li{padding:8px 0;float:left;margin-right:15px;width:100%;float: left; display:block;}
.patrn_Lst li a{ color: #000; padding: 8px 6px 6px; border-radius: 3px; -webkit-transition: all .5s ease; transition: all .5s ease; font-size:16px}
.patrn_Lst li a.mixed-art-catname{background: #000;color: #FFF; padding: 8px 12px 6px;}
.patrn_Lst li a:hover, .patrn_Lst li a.uxt-premium-catname{ background:#000; color:#FFF; padding:8px 12px 6px; }
.text-edit-sel-box{ text-align: center; }
.field-blk .blk_lable{font-family:'Arial', Helvetica, sans-serif;width: 28%; font-size:19px; text-transform: uppercase; margin: 0 9px 0 0; display: inline-block;}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ top: -3px;}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ bottom: -3px;}
.wctd-icons_arts .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #fff;}
.wctd-icons_arts .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background: #fff;}
.wctd-icons_arts .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background: rgba(255,255,255,0.9);}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0,0,0,.05);}
/*owlslider*/
.owl-item{ display: inline-block; }
.owl-nav.disabled { display: none; }
.owl-nav.disabled .owl-prev{ position: absolute; top: 22px; left: 2px; }
.owl-nav.disabled .owl-next{ position: absolute; top: 22px; right: 2px; }

.sel_style_a.active_style { background: #0b050d; color: #FFF; }
.edit_textarea { border: 0; background: none; resize: none; padding: 15px 0; overflow: hidden; text-align: center; }
.txt-disp-area img { max-width: 100%; }
.ui-resizable-handle { cursor: pointer; z-index: initial!important; }
.ui-rotatable-handle { cursor: pointer; }
.layer_locked .ui-resizable-handle { display: block; }
/*.duplicate_tool, */.hidd-dsg-down { display: none; }
.duplicate_tool{ display: inline-block;}
.edit-txt-wrap{ position: absolute!important; top: 0; }
.woo-design-area { position: absolute; width: 65%; height: 85%; top: 0; right: 0; border: 2px dotted transparent; -webkit-transition: all .6s; transition: all .6s; left: 0; bottom: 0; margin:5% 10% 5% 18%; }
.woo-design-area.transition_none{ -webkit-transition: none; transition: none; }
#preview_design .woo-design-area { border-color : transparent; }
#preview_design canvas { max-width: 100%; }
.woo_tshirt_loader { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; background: url(../images/Spinner-medium.svg) scroll center no-repeat; bottom: 0; z-index: 999; }

.active_size_li .item_save{ display: initial;  cursor: pointer;
background: #333;color: #fff;padding: 6px 16px;-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;font-size: 14px; border-radius: 25px;}
.t-shirt-item span.item_price {display: block;font-size: 20px; font-weight: 600; margin-top: 7px;}
.active_size_li .item_save:hover{background: #00c5ff;}

.fade-out-left{ left: -280px; opacity: 0; visibility: hidden; }
.woo-tsd-error-wrap{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(210,210,210,.7); z-index: 9999; }
.woo-tsd-error {width: 100%;height: 100px; max-width: 480px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; text-align: center; background: #FFF; list-style: none; padding: 20px; -webkit-box-shadow: 0 4px 16px rgba(0,0,0,.2); box-shadow: 0 4px 16px rgba(0,0,0,.2); }
.woo-tsd-error p{ margin: 0; }
.undo_pat_color, .redo_pat_color { width: 36px; height: 36px; }
.close_wtsd_error{ width: 24px; height: 24px; position: absolute; top: -10px; right: -10px; border-radius: 50%; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.2); box-shadow: 0 2px 8px rgba(0,0,0,.2); background: #FFF	 url(../images/close-icon.png) scroll center no-repeat; }
button.fancybox-close-small:hover , button.fancybox-close-small:focus{background: none !important}
.fancybox-slide>*{    background: rgba(255, 255, 255, 0.3);}

.tsside_switch_warp { text-align: center; display: block; margin: 20px 0 0;}
.tsside_switch_icon{ display: inline-block; cursor: pointer; position: relative}
.tsside_switch_icon span{ background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0; display: inline-block; font-size: 13px; padding: 3px 10px; }
.tsside_switch_icon.select span{ background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; border-bottom: 2px solid #fff; }
.tsside_switch_icon img{ padding: 3px 0px; }
.tsside_switch_icon.select img{ border: 1px solid #ececec; }
.custom_switch_tfp a{ }
.custom_switch_tfp a{background: none; display: inline-block; width: 60px; height: 60px; border-radius: 13px;  position: relative; transform: rotate(0deg); -webkit-transform: rotate(0deg); overflow: hidden; -webkit-box-shadow: 0 0 0px 1px #fff; box-shadow: 0 0 0px 1px #fff; -webkit-transition: all 400ms; transition: all 400ms;}
.custom_switch_tfp a:hover{-webkit-box-shadow: none;box-shadow: none;}
.custom_switch_tfp a:before {
content: "";display: block;background: #000000;position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; border-radius: 13px;
}
.custom_switch_tfp a:after{
content: ""; background: #000000;position: absolute; top: 3px; left: 3px; bottom: 3px; right: 3px;
border-radius: 13px;cursor: pointer;display: inline-block;
} 
.custom_switch_tfp a i{ position: absolute; left: 0 ;right: 0; top: 0; bottom: 0; margin: auto; width: 0; height: 0; -webkit-transition: all 400ms; transition: all 400ms; z-index: 1; border-radius: 13px;}
.custom_switch_tfp a:hover i{ background: #fff; width: 100%; height: 100%;}
.custom_switch_tfp a span{ text-align: center; color: #fff; font-size: 16px; background: none; font-family: 'Cason'; transform: rotate(0deg); -webkit-transform: rotate(0deg); z-index: 2;}    
.custom_switch_tfp a:hover span{ color: #000;}
.tsside-flip span{ position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height:30px; overflow: hidden; margin: auto 0; text-align: center; z-index: 1; }
.tsside-flip span b{ display: block; font-weight: normal; opacity: 0; position: relative; -webkit-transition: all 400ms; transition: all 400ms;}
.flip_parent .flip_child b{ opacity: 1; -webkit-transition-delay: 200ms; transition-delay: 200ms;}
.back_parent .back_child b{ opacity: 1; -webkit-transition-delay: 200ms; transition-delay: 200ms;}
.front_parent .front_child b{ opacity: 1; -webkit-transition-delay: 200ms; transition-delay: 200ms;}
.custom_switch_tfp a img{width: 80px;}
/* Custom Radio*/
.radio_switch{ display: inline-block; position: relative;}
.radio_switch input{ opacity: 0; filter: alpha(opacity=0); height: 100%; left:0; top:0; margin: 0; width: 100%; position: absolute; cursor: pointer;}
.radio_switch input[type=radio]:checked + label:before, .radio_switch input[type=radio]:checked + label + label:before{  background: #4e70ff; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transition: all .6s; transition: all .6s; color:#FFF;	 }
.radio_switch input[type=radio]:checked + label{ -webkit-box-shadow: 0 0 0 6px #fff inset; box-shadow: 0 0 0 6px #fff inset; border-color: #4e70ff ; z-index: 2; -webkit-transition: all .6s; transition: all .6s; }
.radio_switch label:before{ content: ""; position: absolute; width: 120px; height: 100%; border-radius: 1px; -webkit-border-radius: 1px; left: 0px; top: 0px; pointer-events: none; z-index: -1;}
.radio_switch label{ position: relative; padding: 5px 10px 5px 16px;pointer-events: none; font-size: 15px; color: #000000;font-weight: normal; margin-bottom: 0; display: block;width: 120px; text-align: center; background: #CBCBCB;}
.radio_switch input[type=radio]:checked + label:after{-webkit-animation: glow-grow 0.4s ease-out;animation: glow-grow 0.4s ease-out; -webkit-animation-delay: .2s; animation-delay: .2s; content:""; border-radius: 50%; -webkit-transition: all .6s; transition: all .6s; transition: all .6s; }
.radio_switch label:after{ content: ""; position: absolute; width: 100%; height: 100%; border: 1px solid #4e70ff; left:0; top: 0px; pointer-events: none; opacity: 0; background: #4e70ff none repeat scroll 0 0; -webkit-transition: all .6s; transition: all .6s; }
.pattern-sel-box .pattern-wrap .mCSB_inside > .mCSB_container{ margin-right: 0;}
.change_nav_color .minicolors-swatch-color{position: relative}
.change_nav_color .minicolors input[type=hidden] + .minicolors-swatch{position: relative; display: inline-block;left: 43px;}
.change_nav_color .minicolors input[type=hidden] + .minicolors-swatch:after {position: absolute;
 content:  " ";overflow:hidden;background: url(../images/rounded-add-button.svg) no-repeat;
width: 24px !important;height: 24px;background-size: cover;}
.change_nav_color .minicolors-theme-default .minicolors-swatch{top: -3px}
.change_nav_color .minicolors-theme-default .minicolors-input-swatch{height: 25px}
.sky_theme_wrap .app-editUl{position: relative}
    /****/
.size-select{ text-align: center; margin: 30px 0 0px; float: left; width: 100%; }
.ts_attribute_select ul li{ display: inline-block; position: relative; margin: 0px 35px 0px 0px; }
.ts_attribute_select ul li:last-of-type{margin-right: 0}
.ts_attribute_select ul li a{ display: inline-block; padding: 8px 5px;  color: #010101; font-size: 14px; 
		letter-spacing: 0.12em; text-transform: uppercase;font-family: AvenirNextLTPro-Regular;}
.ts_attribute_select.attribute_quality-select ul li a{ padding: 6px 10px 6px 24px;}
.ts_attribute_select ul li a:before { content: ""; width: 15px; height: 15px;border-radius: 50%; border: 1px solid #010101; 		position: absolute; top: 8px; left: 0px; margin: 0 auto; -webkit-transition: all 0.6s; transition: all 0.6s;  }
.attribute_size-select ul li a:before {width:20px; height: 3px; border-radius: 0; border:0; 
		border-bottom: 1px solid 	transparent; left: 0; right: 0; top: inherit; bottom:8px;}
.attribute_size-select ul li{margin: 2px 12px 0px 6px; }
.attribute_size-select ul li a{padding-top: 3px}
.tshirt-custom-head {border-bottom: 1px solid #eff2f5;overflow: hidden; padding:5px 20px 5px;border-radius:7px 0px 0px 0px;}
.qty-reduce-btn, .qty-increase-btn{text-indent:9999px;position:relative;display:inline-block;width:28px;height:28px;transform: scale(1.0);-webkit-transform: scale(1.0);transition:all 0.4s ease;}
.qty-reduce-btn:hover, .qty-increase-btn:hover{-webkit-transform:scale(1.1);-webkit-transform:scale(1.1); }
.attribute_size-select ul{
	margin-bottom: 0; display:inline-block;background: #e6e8ea; height: 30px; border-radius: 5px;
	}
.qty-reduce-btn:before{position: absolute; content: "-"; background: url(../images/minus.svg) no-repeat; width: 30px; 
	height: 30px; left: 0; top: -5px; background-size: contain;}

.qty-increase-btn:after{position: absolute; content: " "; background: url(../images/plus.svg) no-repeat;
 width: 30px; height: 30px; left: 0; top: -5px;  background-size: contain; }
.ts_attribute_select.attribute_size-select {display:block; margin-right: 20px; text-align:left;}
.attribute_size-select b{
    display: inline-block; font-size: 18px; font-weight: 300; margin-right: 15px;
	text-transform: capitalize;	font-family: AvenirNextLTPro-Regular;
}	
.ts_attribute_wrap{ width:55%; display:inline-block; margin-left:-5px;border-right: 1px solid #e7ebef;}	
.sel-quantity{width:45%; display:inline-block; margin-left:-5px; top: -3px; position: relative;text-align: left; padding-left: 50px;}	
.sel-quantity .quantity_label{font-size: 18px; margin-bottom: 4px;font-family: AvenirNextLTPro-Regular;}
.ts_attribute_select ul li a:hover:before,.ts_attribute_select ul li a.active:before { 
background: #0f5bff;border: 1px solid #0f5bff;}
.attribute_size-select  ul li a:hover:before, .attribute_size-select ul li a.active:before{border: 0 !important;border-bottom: 2px solid #1479ff !important; background: none !important; }
.ts_attribute_select ul li a:hover{ }
.ts_attribute_select ul li a.active {color: #010101; }
.woo_vari_price{  left: 0; right: 0; bottom: 4px; letter-spacing: 1px; color: #010101; font-size: 16px; pointer-events: none;}

.minicolors-focus .minicolors-panel{left: 45px !important}
.tshirt-half-sleve {width: 40px; fill: #FFF;}
.selectric-scroll ul li span.tshape { display: block; height: 40px; padding: 4px 10px; width: 100%; background-size: contain !important; }
.selectric .label strong{ text-transform: capitalize; }
.selectric-scroll ul li:hover { background: #aeaeae; color: #fff;}

.selected_sizes_wrap{ border-top: 1px solid #b4b5b7; padding: 0; width: 100%; }
.selected_sizes_wrap ul{ margin: 0 -15px;}
.selected_sizes_wrap ul:after{  content: ""; display: block; clear: both;}
.selected_sizes_wrap ul li.selected_size_li{ font-size: 18px; border-radius: 3px; position: relative; margin: 30px 0 20px;  color: #000; text-align: center; animation: smoothDown .8s; -webkit-animation: smoothDown .8s; list-style: none; padding: 0 15px;}
.item_qty_wrap {display: inline-block;width: 50px;height: 50px;background: #000;border-radius: 50%;color: #fff;position: absolute;top: 0;right: 20px;vertical-align: middle;padding-top: 2px; line-height: 41px}
.item_qty_wrap {font-size: 22px}
span.item_qty_count {font-size: 14px; margin-left:0px;}

.selected_sizes_wrap ul li.added_variation{-webkit-box-shadow: 0 0 0 1px #000;box-shadow: 0 0 0 1px #000; background: #f9f9f9; }
.selected_sizes_wrap ul li.hide_size_li{ animation: smoothUp .8s; -webkit-animation: smoothUp .8s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; pointer-events: none;}
.selected_sizes_wrap ul li.selected_size_li a.remove_size{ position: absolute; left: 15px; top: 3px; font-size: 18px; font-family: arial; ; color: #000; text-align: center; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; }
.selected_sizes_wrap ul li.selected_size_li a.remove_size:hover{ transform: scale(0.9); -webkit-transform: scale(0.9);}
.site-content-contain{ width: 100%; height: 100%; overflow: hidden; }
span.selts_qty_span {display: inline-block; text-align: left;}
.qty_inputbx{ width: auto; display: inline-block; padding: 0; text-align: center;margin-left: 1px;}
.qty_inputbx input[type=text]{ height: 24px; font-size: 13px; background: none; border: 1px solid transparent; padding: 2px; color: #000; width: 24px; text-align: left;}
.qty_inputbx input[type=text]:focus { border-color: #000; background: #fff;}
span.selts_size_span { padding: 0 2px 0 0; width: auto; display: inline-block; text-align: left;}
.pattern-lists{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0}
.pattern-lists li { display: block; margin: 5px 0px ; width: 32%;  padding:0 5px; float: left}
.txt-disp-area svg { width: 100%; height: auto; }
.woo-add-cart-error{ margin: 10px 0;background: #000000;border: 1px solid #000000;color: #FFF;font-size:13px;padding: 5px 15px;position: relative;display: inline-block; border-radius:10px; transition:all 0.5s;}
.change_nav_color .minicolors-input-swatch .minicolors-swatch-color::before{
    content: ""; height: 2px;position: absolute;left: 4px;right: 4px;top: 4px; bottom: 4px;
    background: rgb(255, 255, 255); margin: auto;
}
.change_nav_color .minicolors-input-swatch .minicolors-swatch-color::after {
    content: ""; width: 2px; position: absolute; left: 4px; right: 4px; top: 4px;
    bottom: 4px; background: rgb(255, 255, 255); margin: auto;
}
.change_nav_color .minicolors-input-swatch .minicolors-swatch-color {
    position: relative; display: block; height: 100%; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px 1px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px 1px; padding: 4px; border-width: 2px; border-style: solid;
    border-color: rgb(255, 255, 255); -o-border-image: initial; border-image: initial;
    -webkit-transition: all 400ms; transition: all 400ms; background: none !important;
}
.change_nav_color .minicolors input[type="hidden"] + .minicolors-swatch { position: relative; display: inline-block; left: 0px; width: 36px; height: 36px; }
.change_nav_color { position: relative;left: 60px; top: 16px; z-index: 9; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; display: inline-block; }
.brush_optsec .shaded-brush {background: url(../images/shaded-brush.jpg) center center no-repeat scroll; }
.brush_optsec .chalk-brush{ background: url(../images/chalk-brush.jpg) center center no-repeat scroll; }
.change_nav_color .minicolors-position-bottom .minicolors-panel { bottom: 0px; }

.change_nav_color .minicolors-focus .minicolors-panel { left: 60px !important; }
.change_nav_color .minicolors-input-swatch .minicolors-swatch-color {
    position: relative; display: block; height: 100%;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px 1px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px 1px;
    padding: 4px; border-width: 2px; border-style: solid; border-color: rgb(255, 255, 255);
    -o-border-image: initial; border-image: initial; -webkit-transition: all 400ms;
    transition: all 400ms; background: none !important;
}
.white_cloud_theme_wrap .change_nav_color .minicolors-input-swatch .minicolors-swatch-color {border-color: #000;}
.white_cloud_theme_wrap .change_nav_color .minicolors-input-swatch .minicolors-swatch-color:before, .white_cloud_theme_wrap .change_nav_color .minicolors-input-swatch .minicolors-swatch-color:after {background: #000;}
.t-shirt-chosen-sec{ height: calc(100% - 130px); position: relative;}
.t-shirt-chosen-sec.hasItems{ background: #FFF;}
.tshirt-list-cntr{ width:auto;padding:10px 15px 10px;height:calc(100% - 250px);min-height:250px;}
.continue-shopping { height: 100%;}
.tshirt-list-cntr.hasList{width: 100%}
.price_ctrl_t {
    width: 100%; border-top:1px solid #eff2f5; padding: 10px 20px 15px;color: #010101; display: -webkit-box; 
	display: flex; -webkit-box-pack: justify; justify-content: space-between;
}
.selected_sizes_wrap ul li{list-style: none; list-style: none;-webkit-column-break-inside: avoid;
break-inside: avoid; padding: 5px;}
.t-shirt-chosen-sec .selected_sizes_wrap{border-top: 0; max-height: initial !important; height: 100%;}
span.selts_remsize_span {display: none;}
.t-shirt-item {-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in; -webkit- transition: all 0.3s ease-in; -moz- transition: all 0.3s ease-in; cursor: pointer}
.wtsd_addcart_btn {border-radius: 6px;min-width: auto; padding: 8px 12px;font-size:16px;text-shadow:none; border: 1px solid #969696; margin-bottom: 0; text-transform: capitalize; line-height:1;}
.scl-list-icon a{display: inline-block; margin-right: 10px;}
.scl-list-icon img{text-align: right; width: 24px;}
.scl-list-icon{margin-top: 10px; text-align: right; display: none}
.selected_sizes_wrap ul{text-align:center;}
.selected_sizes_wrap ul li.selected_size_li {/* max-width: 240px;*/ display:inline-block; margin: 15px -2px; }
.highlite-cate{ background: #000; color: #FFF !important; padding: 8px 12px 6px !important;}

    @-webkit-keyframes smoothDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-30px);
        }
        50%{
           opacity: 0.3;
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }
    @keyframes smoothDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
        }
        50%{
           opacity: 0.3;
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    @-webkit-keyframes smoothUp {
        0% {
            opacity: 1;
            margin-top: 0;
        }
        50%{
           opacity: 0.3;
        }
        100% {
            opacity: 0;
            margin-top: -30px;
        }
    }
    @keyframes smoothUp {
        0% {
            opacity: 1;
            margin-top: 0;
        }
        50%{
           opacity: 0.3;
        }
        100% {
            opacity: 0;
            margin-top: -30px;
        }
    }


    /*** Range Slide ***/
input[type=range] {-webkit-appearance: none; width: 100%; background: transparent; }
input[type=range]::-webkit-slider-thumb { -webkit-appearance: none;}
input[type=range]:focus {outline: none;}
input[type=range]::-ms-track {
  width: 100%; cursor: pointer; background: transparent; border-color: transparent; color: transparent;
}
input[type=range]::-moz-focus-outer {border: 0; outline: 0;}
.range-wraper { position: relative; margin: 40px 0 10px;}
.range-slider .input-range { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 1px; padding: 0 24px 0 11px; background: #bdbdbd; outline: none; border: none;}
.brush-size input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none; border: none; height: 20px; width: 20px; background: #000; border-radius:2px;
}
.range-slider input[type=range]::-moz-range-track { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 1px; padding: 0 24px 0 11px; background: #bdbdbd; outline: none; border: none;}
.range-value { position: absolute; right: 0; top: -50px; font-family: 'Cason';font-size: 24px; }
.range-slider .input-range::-webkit-slider-thumb {-webkit-appearance: none;width: 4px; height: 30px; border-radius: 5px; background: #000;cursor: pointer; -webkit-transition: all .400ms ease-in-out;transition:all .400ms ease-in-out;-webkit-box-shadow: -2px 1px 4px 0px rgba(0,0,0,0.45);box-shadow: -2px 1px 4px 0px rgba(0,0,0,0.45);}
.range-slider .input-range::-webkit-slider-thumb:hover { background: #101010;}
.range-slider .input-range:active::-webkit-slider-thumb { background: #101010;}

.range-slider input[type=range]::-moz-range-thumb{ border: none; -moz-appearance: none; width: 20px; height: 20px;border: 0;border-radius: 2px;background: #000; cursor: pointer; -webkit-transition: all .400ms ease-in-out; transition: all .400ms ease-in-out;box-shadow: -2px 1px 4px 0px rgba(0,0,0,0.45); }
.range-slider .input-range::-moz-range-thumb:hover {background: #101010;}
.range-slider .input-range:active::-moz-range-thumb { background: #101010;}

.range-slider .range-value {display: inline-block; position: relative; width: 60px; color: #fff;font-size: 16px;
		font-weight:bold;line-height: 20px;text-align: center;border-radius: 3px;background: #3f3f3f;
		padding: 5px 10px;margin-left:7px;}
.range-slider .range-value:after { position: absolute;top: 8px;left: -7px;width:0;height: 0;
		border-top: 7px solid transparent; border-right: 7px solid #3f3f3f; border-bottom: 7px solid transparent; content:'';}
::-moz-range-track { background: #353535; border: 0;}
input::-moz-focus-inner { border: 0;}
.range-slider{ position: relative;}
.range-slider .range-decre { 
		content: ""; position: absolute; width: 14px; height:14px; background: #000; border-radius:50%; left: 8px; top: -8px; -webkit-box-shadow: -2px 1px 4px 0px rgba(0,0,0,0.45); box-shadow: -2px 1px 4px 0px rgba(0,0,0,0.45); -webkit-transition: all 400ms; transition: all 400ms;
		}
.range-slider .range-decre:hover{ transform: scale(0.9); -webkit-transform: scale(0.9);}
.range-slider .range-incre { content: ""; position: absolute; width: 28px; height: 28px; background: #000; border-radius:50%; 		right: -12px; top: -15px; -webkit-box-shadow: -2px 1px 4px 0px rgba(0,0,0,0.45); 
	   box-shadow: -2px 1px 4px 0px rgba(0,0,0,0.45); -webkit-transition: all 400ms; transition: all 400ms;}
.range-slider .range-incre:hover{ transform: scale(0.9); -webkit-transform: scale(0.9);}    
span.minicolors-recent-txt {color: #333;font-family: cason;font-size: 14px;padding-left: 5px;}
.pattern-lists li.more_pattern_li { width: 100%; text-align: center; visibility: hidden; }
.load_more_pattern{ font-size: 14px; font-family: cason; padding: 3px 15px; border-radius: 5px; background: #000; 
		color: #FFF; position: relative; top: 15px;}
.load_more_pattern:hover{color:#FFF;}
.shape_sec, .fonts_sec{ display: inline-block; width: 66.66%; border-bottom: 1px solid rgba(68,68,68,.2); 
		vertical-align: middle; padding: 1px 0 4px;cursor: pointer;position: relative}
.shape_sec .arrow-down, .fonts_sec .arrow-down { position: absolute; right: 7px; top:8px; border-left:5px solid transparent; 		border-right: 5px solid transparent; border-top: 8px solid #323232;display: inline-block; right:5px; top:5px;}
.shape_sec > span, .fonts_sec > span{ display:block; font-weight: 600; text-transform: capitalize;}
#shape_select, #fonts_select { height:160px;height:auto;display: none; }
#shape_select .mCSB_inside>.mCSB_container, #fonts_select .mCSB_inside>.mCSB_container { margin-right: 20px;}
.shape_select, .fonts_select { position: absolute; width: 100%; background: #FFF; z-index: 9; top:100%; padding:10px 5px;
left:0px; z-index:101; -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.4); box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.4);}
ul.sel_text_tfonts, ul.sel_text_shapes { list-style: none;}
.sel_text_shapes li, .sel_text_tfonts li { padding: 8px 15px;  text-align: left; font-size:18px;}
.sel_text_shapes li:hover, .sel_text_tfonts li:hover { background-color: #e2e2e2 !important; }
.shape_select ul.sel_text_shapes li.tshape {display: block; height: auto; padding: 15px 15px; width: 90%;
		text-indent: -999px; line-height:2; margin: 15px 0px;}
.shape_select ul.sel_text_shapes li.tshape-normal{background: url(../images/normal-text.png) no-repeat scroll center;}
.shape_select ul.sel_text_shapes li.tshape-onarc{background: url(../images/onarc-text.png) no-repeat scroll center;}
.shape_select ul.sel_text_shapes li.tshape-insidearc{background: url(../images/insidearc-text.png) no-repeat scroll center;}
.shape_select ul.sel_text_shapes li.tshape-pinch{background: url(../images/pinch-text.png) no-repeat scroll center center;}
.shape_select ul.sel_text_shapes li.tshape-bulge{background: url(../images/bulge-text.png) no-repeat scroll center center;}
.shape_select ul.sel_text_shapes li.tshape-roof{background: url(../images/roof-text.png) no-repeat scroll center center;}
.shape_select ul.sel_text_shapes li.tshape-valley{background: url(../images/valley-text.png) no-repeat scroll center center;}
.input_fontsize{ display: inline-block; width: 150px; vertical-align: middle;}

/*** Css3 animation ***/
.animate{ -webkit-transition: all .6s; transition: all .6s; -webkit-animation-duration: 1.5s; animation-duration: .8s; opacity: 0;}
.animate-left{ -webkit-animation-name: left-to-right; -webkit-animation-duration: 1s; -webkit-animation-delay: .5s; animation-name: left-to-right; animation-duration: 1s; animation-delay: .5s; }
.animate-right{ -webkit-animation-name: right-to-left; -webkit-animation-duration: 1s; -webkit-animation-delay: .8s; animation-name: right-to-left; animation-duration: 1s; animation-delay: .8s; }
.animate-top{ -webkit-animation-name: top-to-bot; -webkit-animation-duration: 1s; -webkit-animation-delay: 1.2s; animation-name: top-to-bot; animation-duration: 1s; animation-delay: 1.2s; }
.pattern-wrap .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ display: none; }
.pattern-wrap .mCSB_scrollTools .mCSB_dragger{ border-radius: 25px; }
    @-webkit-keyframes left-to-right {
        0% {
            left: -200px;
            opacity: 0;
        }
        100% {
            left: 0px;
            opacity: 1;
        }
    }
    @keyframes left-to-right {
        0% {
            left: -200px;
            opacity: 0;
        }
        100% {
            left: 0px;
            opacity: 1;
        }
    }

    @-webkit-keyframes right-to-left {
        0% {
            right: -200px;
            opacity: 0;
        }
        100% {
            right: 0px;
            opacity: 1;
        }
    }

    @keyframes right-to-left {
        0% {
            right: -200px;
            opacity: 0;
        }
        100% {
            right: 0px;
            opacity: 1;
        }
    }
    @-webkit-keyframes top-to-bot {
        0% {
            top: -400px;
            opacity: 0;
        }
        100% {
            top: -100px;
            opacity: 1;
        }
    }
    @keyframes top-to-bot {
        0% {
            top: -400px;
            opacity: 0;
        }
        100% {
            top: -100px;
            opacity: 1;
        }
    }

    @-webkit-keyframes slide-left {
      0% {
        opacity: 0;
        left: -40px;
      }
      50% {
        opacity: 0.4;
      }
      100% {
        left: 66px;
        opacity: 1;
      }
    }

    @keyframes slide-left {
      0% {
        opacity: 0;
        left: -40px;
      }
      50% {
        opacity: 0.4;
      }
      100% {
        left: 66px;
        opacity: 1;
      }
    }


    /** CSS3 Animations **/
    .faster {
         -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .fast {
         -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .animated {
         -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .slow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .slower {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .slowest {
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .slowest4 {
        -webkit-animation-duration: 4s;
        animation-duration: 4s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .slowest4_5 {
        -webkit-animation-duration: 4.5s;
        animation-duration: 4.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .slowest5 {
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .slowest18 {
        -webkit-animation-duration: 18s;
        animation-duration: 18s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    /* Delay */
    .delay-250 {
        -webkit-animation-delay:0.25s;
        animation-delay:0.25s;
    }
    .delay-500 {
        -webkit-animation-delay:0.5s;
        animation-delay:0.5s;
    }
    .delay-750 {
        -webkit-animation-delay:0.75s;
        animation-delay:0.75s;
    }
    .delay-1000 {
        -webkit-animation-delay:1.0s;
        animation-delay:1.0s;
    }
    .delay-1250 {
        -webkit-animation-delay:1.25s;
        animation-delay:1.25s;
    }
    .delay-1500 {
        -webkit-animation-delay:1.5s;
        animation-delay:1.5s;
    }
    .delay-1750 {
        -webkit-animation-delay:1.75s;
        animation-delay:1.75s;
    }
    .delay-2000 {
        -webkit-animation-delay:2.0s;
        animation-delay:2.0s;
    }
    .delay-2500 {
        -webkit-animation-delay:2.5s;
        animation-delay:2.5s;
    }
    .delay-3000 {
        -webkit-animation-delay:3.0s;
        animation-delay:3.0s;
    }
    .delay-3500 {
        -webkit-animation-delay:3.5s;
        animation-delay:3.5s;
    }
    .delay-4000 {
        -webkit-animation-delay:4s;
        animation-delay:4s;
    }
    .delay-4500 {
        -webkit-animation-delay:4.5s;
        animation-delay:4.5s;
    }

    /** Animation **/
    .fadeIn { opacity:0; }
    .bounceInLeft, .bounceInRight, .bounceInDown, .bounceInUp, .fadeInRight, .fadeInLeft {
        opacity:0;
        -webkit-transform: translateX(720px);
        transform: translateX(720px);
    }
    .fadeInUp {
        opacity: 0;
        -webkit-transform: translateY(720px);
        transform: translateY(720px);
    }
    .fadeInDown {
        opacity: 0;
        -webkit-transform: translateY(-720px);
        transform: translateY(-720px);
    }
    .bounceOut {
        -webkit-animation-name: bounceOut;
                animation-name: bounceOut;
    }
    .rightLeftInf {
        -webkit-transform: translateX(720px);
        transform: translateX(720px);
        -webkit-animation-iteration-count:infinite;
                animation-iteration-count:infinite;
    }


    /*icon close one*/
.nav-icon1{
	width: 29px; height: 45px; position: absolute; margin: 0; top: 6px; -webkit-transform: rotate(0deg);
	transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;
}
.nav-icon1 span{display: block; position: absolute; height: 3px; width: 100%; background: #1a1a1a;
  border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out;
}
.nav-icon1 span:nth-child(1) {
	top: 12px; height: 1px; -webkit-transform: rotate(225deg); transform: rotate(225deg); width: 47%; left: 16px;
}
.nav-icon1 span:nth-child(2) {
	top: 17px;  width: 66%; height: 1px; left: 8px;
}
.nav-icon1 span:nth-child(3) {
	top: 22px; bottom: 0; height: 1px; -webkit-transform: rotate(135deg); transform: rotate(135deg);
	width: 47%; left: 16px;
}
.pattern_header { height: 50px;}
.typotxt-wrap{ height: calc(100% - 77px) !important;}
.typotxt-wrap .mCustomScrollBox{ max-height: 100% !important;}
.subtools_show .pattern-wrap{ height: calc(100% - 67px) !important;}
.nav-icon1.open span:nth-child(1) {
  top: 18px; -webkit-transform: rotate(135deg); transform: rotate(135deg);
}
.nav-icon1.open span:nth-child(2) {opacity: 0;  left: -60px;}
.nav-icon1.open span:nth-child(3) {
  top: 18px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);
}

/*icon close two*/
.nav-icon2{
	position: absolute; margin: 0; top: 15px; right: 10px;	-webkit-transform: rotate(0deg); transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; width: 27px; height: 27px;
	display: block;	background: #232323; -webkit-box-shadow: -2px 2px 6px 0px rgba(0,0,0,0.3);
	box-shadow: -2px 2px 6px 0px rgba(0,0,0,0.3);	text-align: center; border-radius: 50%;
	z-index:100; transform: scale(1.0); transition: all 0.4s ease;
}
.wctd-icons_arts .nav-icon2 span{background: #fff;}	
.nav-icon2 span{
  display: block; position: absolute; height: 16px; width: 18px; background: url(../images/left.svg) no-repeat; opacity: 1;
}	
.nav-icon2 span:nth-child(1) {top:5px; left:5px; background-size: contain;}
.nav-icon2:hover {transform: scale(1.1);}	
.nav-icon2 b {
  display: block; position: absolute; height: 16px; width: 18px;
  background: url(../images/left.svg) no-repeat; opacity: 1;
}
.nav-icon2 b:nth-child(1) {top:5px; left:5px; background-size: contain;}
 
/*** 09-10-2017 starts ***/

.app-editUl .app-edit-menu li .pattern-show-box { position: absolute; left:0px; top: 0; width: 420px; 
padding: 10px 15px 10px; min-height: 400px; z-index: 99; border: 1px solid rgba(68,68,68,.2); 
background: rgba(255, 255, 255, .95); border-radius: 5px; transition: all .6s; -webkit-transition: all .6s; 
-webkit-animation: slide-left 0.6s; animation: slide-left 0.6s; visibility: hidden; opacity:0; 
}
.app-editUl .app-edit-menu li.subtools_show .pattern-show-box.display-pattern-box {visibility:visible; opacity:1;}
.app-editUl .app-edit-menu li.pattern_cate_open .pattern-show-box.display-pattern-box{ left: 90px; }
.app-editUl .app-edit-menu li.pattern_sele_li .pattern-cate-sel-box, .app-editUl .app-edit-menu li .brush-box{
	margin-left: 0px; bottom: 0;}
/* ***** Category menu top & bot *****
.app-editUl .app-edit-menu li.pattern_sele_li .pattern-cate-sel-box, .app-editUl .app-edit-menu li.pattern_sele_li .pattern-sel-box{ top: -30px; bottom: -30px;}*/
.app-editUl .app-edit-menu li.pattern_sele_li .pattern-cate-sel-box, .app-editUl .app-edit-menu li.pattern_sele_li .pattern-sel-box{ top: 0px; bottom: 0px;}   

.app-editUl .app-edit-menu li.subtools_show .pattern-show-box.display-pattern-box.wctd-icons_arts{
	background: rgba(0,0,0,0.8);}
.app-editUl .app-edit-menu li .hide-pattern-cate { left:0px!important; visibility:hidden!important; opacity:0!important; }
.edit-txt-wrap, .prod-design { -webkit-touch-callout: none; -webkit-user-select: none; 
	-moz-user-select: none; -ms-user-select: none; user-select: none; }	
	
.attribute_quality-select{ margin: 0 0 0; text-align: left;}
.attribute_quality-select ul{margin-bottom: 0; display:inline-block;}
.attribute_quality-select b {
display: inline-block;font-size: 20px;font-weight: 300;margin-right: 15px;text-transform: capitalize;
font-family: AvenirNextLTPro-Regular;}
.tshirt-list-cntr .mCustomScrollBox, .step-content .mCustomScrollBox{ 
max-height: initial !important; height: 100%; width: 100%;}
.step-content .mCustomScrollBox{ display: flex; justify-content: center; align-items: center; }

.pattern-cate-wrap{ height:  100%; }
.patrn_cate_list { height: calc(100% - 135px) !important; }
.patrn_cate_list .mCustomScrollBox, .pattern-show-box .mCustomScrollBox{ max-height: 550px !important; }
.searched-list-items{ height: 100%; }
.searched-list-items .mCustomScrollBox{ max-height: 540px !important; }
.searched-list-items .mCustomScrollbar{ height: calc(100% - 130px) !important; }

.brushs_wrap{ height: 210px; }
.brush_optsec .sele-brush{ padding: 1px 8px 0 5px !important; border: none !important; border-bottom: 1px solid rgba(68,68,68,.2) !important; margin: 0 10px; width: 32px; height: 40px; text-align: center; -webkit-transition: all .5s; transition: all .5s; text-indent: -9999px; background-size: contain !important; }
.brush_optsec .basic-brush{ background: url(../images/basic.jpg) no-repeat scroll center center; }
.brush_optsec .line-brush{ background: url(../images/line.png) no-repeat scroll center center; }
.brush_optsec .cross-brush{ background: url(../images/cross.png) no-repeat scroll center center; }
.brush_optsec .cross-brush:hover, .brush_optsec .cross-brush.active-brush{ background:#000 url(../images/cross-h.png) no-repeat scroll center center; }
.brush_optsec .fur-brush{ background: url(../images/fur_brush.jpg) no-repeat scroll center center; }
.brush_optsec .shadow-brush{ background: url(../images/shadow_brush.jpg) no-repeat scroll center center; }
.brush_optsec .multiple-line-brush{ background: url(../images/multiple-line-brush.jpg) no-repeat scroll center center; }
.brush_optsec .harmony-one-brush{background:url(../images/harmony_one_brush.jpg) no-repeat scroll center center;}
.brush_optsec .harmony-two-brush{background:url(../images/harmony_two.jpg) no-repeat scroll center center;}
.brush_optsec .pen-brush{background:url(../images/pen_brush.jpg) no-repeat scroll center center;}
.brush_optsec .line-pattern-brush{background:url(../images/line_patern.jpg) no-repeat scroll center center;}
.brush_optsec .dot-pattern-brush{background:url(../images/dot-pattern-brush.jpg) no-repeat scroll center center;}
.brush_optsec .vline-pattern-brush{background:url(../images/vline-pattern-brush.jpg) no-repeat scroll center center;}
.brush_optsec .squre-brush {background: url(../images/squre-brush.jpg) no-repeat scroll center center;}
.brush_optsec .marker-brush{background: url(../images/marker-brush.jpg) no-repeat scroll center center;}
.brush_optsec .harmony-three-brush{background: url(../images/harmony-three-brush.jpg) no-repeat scroll center center;}
.brush_optsec .dot-brush{ background: url(../images/dot.png) no-repeat scroll center center; }
.brush_optsec .dot-brush:hover, .brush_optsec .dot-brush.active-brush{ background:#000 url(../images/dot-h.png) no-repeat scroll center center; }
.brush_optsec .dot-brush:hover, .brush_optsec .dot-brush.active-brush{ background:#000 url(../images/dot-h.png) no-repeat scroll center center; }
.brush_optsec .circle-brush{ background: url(../images/circle.png) no-repeat scroll center center; }
.brush_optsec .circle-brush:hover, .brush_optsec .circle-brush.active-brush{ background:#000 url(../images/circle-h.png) no-repeat scroll center center; }
.brush_optsec .semicircle-brush{ background: url(../images/semicircle.png) no-repeat scroll center center; }
.brush_optsec .semicircle-brush:hover, .brush_optsec .semicircle-brush.active-brush{ background:#000 url(../images/semicircle-h.png) no-repeat scroll center center; }	
.brush_optsec .rectangle-brush{ background: url(../images/rectangle.png) no-repeat scroll center center; }
.brush_optsec .rectangle-brush:hover, .brush_optsec .rectangle-brush.active-brush{ background:#000 url(../images/rectangle-h.png) no-repeat scroll center center; }
.brush_optsec .star-brush{ background: url(../images/star_bsh.jpg) no-repeat scroll center center; }  
.brush_optsec .spray-brush{ background: url(../images/spray_bsh.jpg) no-repeat scroll center center; }

.tooltipster-sidetip.tooltipster-punk .tooltipster-content{ padding: 4px 10px; font-size: 12px; color: #000;}
.tooltipster-sidetip.tooltipster-punk .tooltipster-box{ border-color: #e0e0e0; background: #fff; -webkit-box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.2);}
.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-arrow-border{ border-top-color: #fff;}
    /* Powered by link  hide*/
.woo-powered-by{ position: relative; bottom: -2px; left: 0; right: 0; padding: 6px 0; height: 30px; text-align: right; font-family: 'AvenirLTStd-Light'; font-size: 14px; background: #0e0e0e; color: rgba(255,255,255,0.8);z-index: 9; 
display:none;}
.woo-powered-by a{ color: rgba(255,255,255,0.8); }
.ur_colors { display: block; margin: 15px 0 5px; padding: 0; }
.ur_colors > a{display: inline-block; margin: 0 12px 0 -6px; transform: scale(1.0); -webkit-transform: scale(1.0); 
transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.ur_colors > a:hover{ transform: scale(0.9); -webkit-transform: scale(0.9); }
.minicolors-theme-default .minicolors-gradients .minicolors-gradient {margin-bottom:2px; top:0; left:0; width:18px; 
height: 18px; }
.minicolors-gradient { position: absolute; vertical-align: middle; background-position: -80px 0; border: solid 1px #ccc; cursor: text; padding: 0; margin: 0; display: inline-block; }
.minicolors-gradients, .minicolors-gradients li { margin: 5px 0 3px 5px; padding: 0; list-style: none; overflow: hidden; }
.minicolors-gradient-color { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.minicolors-gradients .minicolors-gradient { position: relative; float: left; cursor: pointer; margin: 0 4px 0 0; }

div#preview_design img {width: 50%;}
.textfit { letter-spacing: 0px; }
span.design_item_img img {width: 50px;}
.design_item_img{display: inline-block; margin: 0 -15px; }
.cart_loader{width: 36px; display: inline-block; margin-left: -55px; position: absolute; z-index: 1;}
.design_item_img a.design_item_pop { display: block; text-align: center;}
.design_item_img a.design_item_pop img { display: inline-block;width: 180px;}
.premium_quality_text { text-align: center; text-transform: uppercase; margin-bottom: 10px; }
span.selts_size_span{position: relative;padding: 0 18px; -webkit-transition: 0.3s linear all; transition: 0.3s linear all;}
span.selts_size_span:before { content: ""; width: 11px;height: 11px; display: block;border-radius: 50%;margin: 0px 5px 0 0; position: absolute; left: 0;top: 8px;  -webkit-transition: 0.3s linear all; transition: 0.3s linear all; -webkit-transform: scale(0.0); transform: scale(0.0);}
.selected_sizes_wrap ul li:hover span.selts_size_span:before, .selected_size_li.active_size_li span.selts_size_span:before{ -webkit-transform: scale(1.0); transform: scale(1.0)}
.selected_sizes_wrap ul li:hover span.selts_size_span{color:#000 !important;}
.item_colum_count1 li{width: 100%}
.item_colum_count2 li{width: 50%}
.item_colum_count3 li{width: 33.33333%}

.mcart_close{ position:absolute; left:6px; top:6px; color: #000; background: #FFF; display: none; width: 24px; height: 24px; border-radius: 50%; line-height: 22px;font-family: 'Cason'; transform: scale(1); transition: all .4s ease; -webkit-transition: all .4s ease; font-size: 18px;}
.mcart_close:hover{ transform: scale(0.9); }
.pattern-cate-wrap h3.sml-title { display: inline-block;font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;}
.pattern_search{ margin:-5px 0px 10px;display:inline-block;vertical-align:middle; width: 100%; max-width:220px; }

/**** Rp 18-07-18 ****/
.account-wrapper { text-align: justify; height: 100%;}
.account-wrapper h2 { padding: 0; color: #e4e4e4;}
.formfield { margin: 0 0 10px; position: relative;}
.account-wrapper .formfield label{ color: #767676;}
.account-wrapper .formfield input[type="text"], .account-wrapper .formfield input[type="email"], .account-wrapper .formfield input[type="url"], .account-wrapper .formfield input[type="password"], .account-wrapper .formfield input[type="search"], .account-wrapper .formfield input[type="number"], .account-wrapper .formfield input[type="tel"], .account-wrapper .formfield input[type="range"], .account-wrapper .formfield input[type="date"], .account-wrapper .formfield input[type="month"], .account-wrapper .formfield input[type="week"], .account-wrapper .formfield input[type="time"], .account-wrapper .formfield input[type="datetime"], .account-wrapper .formfield input[type="datetime-local"], .account-wrapper .formfield input[type="color"], .account-wrapper .formfield textarea{ padding:0.3em 0.7em; height: 40px; background: transparent;border: none; border-bottom: 1px solid #d4d4d4;}
.account-wrapper .formfield button, .account-wrapper .formfield input[type="button"], .account-wrapper .formfield input[type="submit"]{ padding:0.5em 2em;min-width:150px;font-weight:600;background:#232323;margin: 10px 5px 20px 0;border-radius:6px;}
.account-wrapper .formfield button:hover, .account-wrapper .formfield input[type="button"]:hover, .account-wrapper .formfield input[type="submit"]:hover{  background: rgba(58,86,147,1);}
a.goto_forgotpwd { color: #696969; font-weight: 600; font-size: 16px; display: inline-block; margin: 0 0px 0;}
.formfield a{ }
.formfield a:hover{ color: #989898; }
.form-btns-wrap{ text-align: center; }
.form-btns-wrap span.register { color: #666;}
.form-btns-wrap a{ margin: 0px 10px 0px; display: inline-block; padding: 8px 20px; background: #171717; color: #4a4a4a; border: 1px solid #272727; border-radius: 4px; transition: all .4s ease; -webkit-transition: all .4s ease;}
.form-btns-wrap a:hover{ background:#3a5693; border-color: transparent; color: #FFF; }
/*.formfield label.error { background: #ea3d3d; color: #ffd7d7; font-weight: 100; display: inline-block; padding: 2px 10px; position: relative; margin-left: 4px; }*/
.formfield label.error { background: #ea3d3d; color: #ffd7d7; font-weight: 100; display: inline-block; padding:6px 8px; position: absolute; margin-left: 0px; right: 0px; bottom:0; border-radius: 6px; line-height:1;width: 20px;
    height: 26px; transition:all 0.2s ease;}

.formfield label.error:after{ position: absolute; content: ''; border-width: 4px; border-style: solid; border-color: #ea3d3d transparent transparent transparent; right: 6px; bottom: -8px;}
.top-alert{padding: 0px 20px; }
.alert-danger, .alert-success, .top-alert{ padding:10px 20px; color:#FFF; font-size:15px; border-radius:3px; margin: 0 0 12px;}
.alert-danger{ background: #ea3d3d; }
.alert-success{ background: #08c17d; }
.top-alert ul li{list-style:none; padding:2px 0px; font-size:15px; }

/**** Add 25-07-2018 ****/
.button{ background: #101010; border: 0; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 500;line-height: 1; padding: 8px 30px; text-shadow: none; -webkit-transition: background 0.2s; transition: background 0.2s; border: 1px solid #464646; font-family: AvenirNextLTPro-Regular;}
.c_shop, .g_account{margin: 0px 10px;}
.button:hover{ background: #3a5693; color: #FFF; border: 1px solid #1479ff;}
.step-wrapper{ height: 100%; position: relative;}
.step-header{
	padding:7px 20px;border-radius:0px;text-align:left;height:auto;border-radius: 7px 0px 0px 0px;
	border-bottom: 1px solid #eff2f5;
	}
.step-header h4, .step-header h2{font-family: "Arial Black", "Arial Bold", Gadget, sans-serif; color: #232323; 
font-size: 36px; margin: 0; line-height:1;}
.step-content { padding: 15px 20px; height: calc(100% - 105px); display: flex; flex-wrap: wrap; align-content: space-evenly; }
.step-footer { background: #fff; padding: 15px 30px; border-radius:0px 0px 0px 5px; clear:left; height:60px;
border-top: 1px solid #eff2f5;}
.step-btns { display: flex; align-items: center; align-self: stretch; justify-content: space-between;}
.step-content .table thead tr th{ font-weight: 600;font-family: AvenirNextLTPro-Regular;}
.step-content .table tr{border-bottom: 1px solid #e2e2e2;}
.step-content .table-striped tbody tr:nth-of-type(odd){ background-color: transparent;}
.step-content .table tr td{ padding: 0.8em 0.4em;font-family: AvenirNextLTPro-Regular;}
.step-content .table tr td img{ padding: 5px; display: inline-block; border: 1px solid transparent;}
.step-content .table tbody tr th{ font-weight: 600; text-align: right; }
#shipping-address .formfield textarea { min-height: 140px; width: 100%; resize: none;}
label.payicon { display: inline-block;}
.show_user_profile { bottom: 100px !important; }
.home-login { text-align: left; height: 100%; }
#profile_submit{ margin-top:15px;}
.my-accoumt-wrap .nav-tabs { border-bottom: none; }
.my-accoumt-wrap .nav-tabs > li.active > a, .my-accoumt-wrap .nav-tabs > li.active > a:focus, .my-accoumt-wrap .nav-tabs > li.active > a:hover { border-width: 0; }
.my-accoumt-wrap .nav-tabs > li{ padding: 0 6px; }
.my-accoumt-wrap .nav-tabs > li:first-child{ padding-left: 0; }
.my-accoumt-wrap .nav-tabs > li > a { border: none; color: #666; padding: 5px 1px 5px; position: relative; font-size:19px;}
.my-accoumt-wrap .nav-tabs > li.active > a, .my-accoumt-wrap .nav-tabs > li > a:hover { border: none; color: #4285F4; background: transparent; }
.my-accoumt-wrap .nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.my-accoumt-wrap .nav-tabs > li.active > a::after, .my-accoumt-wrap .nav-tabs > li:hover > a::after { transform: scale(1); }
.my-accoumt-wrap .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.my-accoumt-wrap .tab-pane {padding: 40px 0; transition:all 0.5s ease;}
.my-accoumt-wrap .tab-content{padding:2px}
.my-accoumt-wrap .card { background: transparent; box-shadow: none; border: none; margin-bottom: 30px; }
.thankyou-msg{ width: 100%;}
.thankyou-msg-alert{padding: 20px 10px; text-align: center; }
.thankyou-msg p{font-size: 15px;}

/**** 10-08-2018 ****/
.table{  border-bottom: 1px solid #d8d8d8; margin-bottom: 0; }
.table tbody tr td, .table thead tr th { padding: 10px 8px;}
.table th, .table td {border-top: none;}
.table thead tr th{ font-size: 14px;}
.order_data_column{ padding:10px 20px; background: #fff; border: 1px solid #e6e3e1; }
.order_data_column .address p strong {display: inline-block; width: 18%;}

.order_data_column .address p{ font-size: 14px; line-height: 2; font-weight: 400; margin: 0 0 5px; }
.order_data_column h3{ font-size:18px; margin:10px 0px; text-transform:uppercase; letter-spacing:1.8px;}
.wc-order-totals tr td{ text-align: right; font-weight: 600; font-size: 16px;}
.postbox h2{ font-size: 20px; text-transform: uppercase; letter-spacing:1.8px; color:#323232; line-height:1; 
margin: 20px 0 10px;}
.inside table tr td p{ font-size: 14px; font-weight: 400; margin: 0px 0px; }
.table tbody#order_line_items tr:nth-child(even){ background: #f2f2f2;} 
.order-shirt-display p > span { display: block; }
.order-shirt-display { display: inline-block; margin: 10px 5px 10px; padding: 10px 5px; }
.order-shirt-display span.t-image { width: 90px; border: 1px solid #dadada; display: inline-block; text-align: center; padding: 5px 0px; margin: 10px 0 0 0; }
.order-shirt-display span.t-image a{display: block; width: 100%;}
.order-shirt-display span.t-image a img{ max-width: 100%; }

.my-accoumt-wrap .step-header{ background: none; padding: 0 0px; height: auto; }
.my-accoumt-wrap .step-footer{ background: none; padding: 5px 10px; height: auto; }
.my-accoumt-wrap .step-header h4, .my-accoumt-wrap .step-header h2 { color: #101010; }
.my-accoumt-wrap .step-content{ padding: 5px 0 0; }

.order-history-ta .ta_orders{}
.order-history-ta table tr td{ vertical-align: middle;}
.order-history-ta table tr td h3{ margin: 0 0 0; font-size: 18px;}
.order-history-ta table tr td span.date-ta{ font-size: 11px;  vertical-align:middle;}
.order-history-ta table tr td span.status-ta { font-size: 11px; padding: 5px 5px 4px; border-radius: 4px; min-width: 80px; display: inline-block; text-align: left; font-weight: 600; color: #57595b; line-height:1; }
.order-history-ta table tr td span.status-ta.ta-delivered{ background: #08c17d; }
.order-history-ta table tr td span.status-ta.ta-pending{ background: #eccd33; }
.order-history-ta table tr td span.status-ta.ta-cancel{ background: #ea3d3d; }
.order-history-ta table tr td .button{ padding: 5px 14px 4px; font-size: 12px; border: none;letter-spacing: 1px;}
.order-history-ta table tr td.ta_order_price { font-size: 16px; font-weight: 700; }

.payment-wrapper{ height: 100%; }
.payment-methods .formfield{ display: inline-block; vertical-align: top; margin: 0 5px 0;}
.payment-methods .formfield label img{ width: 90px; padding: 10px; border: 1px solid #e5e5e5;}
.pay_btns { margin: 12px 0 0; text-align: center;}
.ta-login-wrap, .ta-register-wrap, .ta-forgot-wrap { width: 100%;max-width: 480px;margin: 0 auto;}
.opn_tans{transition:all 0.7s ease;-webkit-transition:all 0.7s ease;position: absolute;width:100%;height: 100%;top:0;}
.fade_out_top{visibility:hidden;opacity:0;transform: translateY(-80px);-webkit-transform: translateY(-80px);}
.fade_in_top{visibility:visible;opacity:1;transform: translateY(0px);-webkit-transform: translateY(0px);}
.fade_out{visibility:hidden;opacity:0;z-index:-99;}
.fade_in{visibility:visible !important;opacity:1 !important;z-index:99;}
.fade_out_rit{visibility:hidden;opacity:0;transform: translateX(80px);-webkit-transform: translateX(80px);}
.fade_in_rit{visibility:visible;opacity:1;transform: translateX(0px);-webkit-transform: translateX(0px);}
.marketplace-list-items ul.patrn_Lst{ display: inline-block; width: 100%; text-align: center; }
.marketplace-list-items ul.patrn_Lst li{ float: none; display: inline-block; }

/**** END *****/

.app-product-details a.close-bx img { object-fit: contain; width: 55%;}

/***** Theme Style *****/
html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,footer,header,nav,section{display:block}
h1{font-size:2em;margin:.67em 0}
figcaption,figure,main{display:block}
figure{margin:1em 0}
hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0;text-decoration: none;}
abbr[title]{border-bottom:1px #767676 dotted;text-decoration:none}
b,strong{font-weight:inherit;font-weight:700}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}
mark{background-color:#eee;color:#222}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #bbb;margin:0 2px;padding:.35em .625em .75em}
legend{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none}
.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background-color:#f1f1f1;-webkit-border-radius:3px;border-radius:3px;
-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.6);box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;
padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:10000;}
.alignleft{display:inline;float:left;margin-right:1.5em}
.alignright{display:inline;float:right;margin-left:1.5em}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}
.clear:before,.clear:after,.entry-content:before,.entry-content:after,.entry-footer:before,.entry-footer:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after,.nav-links:before,.nav-links:after,.pagination:before,.pagination:after,.comment-author:before,.comment-author:after,.widget-area:before,.widget-area:after,.widget:before,.widget:after,.comment-meta:before,.comment-meta:after{content:"";display:table;table-layout:fixed}
.clear:after,.entry-content:after,.entry-footer:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after,.nav-links:after,.pagination:after,.comment-author:after,.widget-area:after,.widget:after,.comment-meta:after{clear:both}
body,button,input,select,textarea{color:#333;font-family:"Libre Franklin","Helvetica Neue",helvetica,arial,sans-serif;font-size:15px;font-size:.9375rem;font-weight:400;line-height:1.66}
h1,h2,h3,h4,h5,h6{clear:both;line-height:1.4;margin:0 0 .75em;padding:1.5em 0 0}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{padding-top:0}
h1{font-size:24px;font-size:1.5rem;font-weight:300}
h2,.home.blog .entry-title{color:#666;font-size:20px;font-size:1.25rem;font-weight:300}
h3{color:#333;font-size:18px;font-size:1.125rem;font-weight:300}
h4{color:#333;font-size:16px;font-size:1rem;font-weight:800}
h5{color:#767676;font-size:13px;font-size:.8125rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
h6{color:#333;font-size:15px;font-size:.9375rem;font-weight:800}
p{margin:0 0 1.5em;padding:0}
dfn,cite,em,i{font-style:italic}
blockquote{color:#666;font-size:18px;font-size:1.125rem;font-style:italic;line-height:1.7;margin:0;overflow:hidden;padding:0}
blockquote cite{display:block;font-style:normal;font-weight:600;margin-top:.5em}
address{margin:0 0 1.5em}
pre{background:#eee;font-family:"Courier 10 Pitch",Courier,monospace;font-size:15px;font-size:.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}
code,kbd,tt,var{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;font-size:15px;font-size:.9375rem}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
mark,ins{background:#eee;text-decoration:none}
big{font-size:125%}
blockquote{quotes:"" ""}
q{quotes:"“" "”" "‘" "’"}
blockquote:before,blockquote:after{content:""}
:focus{outline:none}
html[lang="ar"] body,html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] select,html[lang="ar"] textarea,html[lang="ary"] body,html[lang="ary"] button,html[lang="ary"] input,html[lang="ary"] select,html[lang="ary"] textarea,html[lang="azb"] body,html[lang="azb"] button,html[lang="azb"] input,html[lang="azb"] select,html[lang="azb"] textarea,html[lang="fa-IR"] body,html[lang="fa-IR"] button,html[lang="fa-IR"] input,html[lang="fa-IR"] select,html[lang="fa-IR"] textarea,html[lang="haz"] body,html[lang="haz"] button,html[lang="haz"] input,html[lang="haz"] select,html[lang="haz"] textarea,html[lang="ps"] body,html[lang="ps"] button,html[lang="ps"] input,html[lang="ps"] select,html[lang="ps"] textarea,html[lang="ur"] body,html[lang="ur"] button,html[lang="ur"] input,html[lang="ur"] select,html[lang="ur"] textarea{font-family:Tahoma,Arial,sans-serif}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] h5,html[lang="ar"] h6,html[lang="ary"] h1,html[lang="ary"] h2,html[lang="ary"] h3,html[lang="ary"] h4,html[lang="ary"] h5,html[lang="ary"] h6,html[lang="azb"] h1,html[lang="azb"] h2,html[lang="azb"] h3,html[lang="azb"] h4,html[lang="azb"] h5,html[lang="azb"] h6,html[lang="fa-IR"] h1,html[lang="fa-IR"] h2,html[lang="fa-IR"] h3,html[lang="fa-IR"] h4,html[lang="fa-IR"] h5,html[lang="fa-IR"] h6,html[lang="haz"] h1,html[lang="haz"] h2,html[lang="haz"] h3,html[lang="haz"] h4,html[lang="haz"] h5,html[lang="haz"] h6,html[lang="ps"] h1,html[lang="ps"] h2,html[lang="ps"] h3,html[lang="ps"] h4,html[lang="ps"] h5,html[lang="ps"] h6,html[lang="ur"] h1,html[lang="ur"] h2,html[lang="ur"] h3,html[lang="ur"] h4,html[lang="ur"] h5,html[lang="ur"] h6{font-weight:700}
html[lang^="zh-"] body,html[lang^="zh-"] button,html[lang^="zh-"] input,html[lang^="zh-"] select,html[lang^="zh-"] textarea{font-family:"PingFang TC","Helvetica Neue",Helvetica,STHeitiTC-Light,Arial,sans-serif}
html[lang="zh-CN"] body,html[lang="zh-CN"] button,html[lang="zh-CN"] input,html[lang="zh-CN"] select,html[lang="zh-CN"] textarea{font-family:"PingFang SC","Helvetica Neue",Helvetica,STHeitiSC-Light,Arial,sans-serif}
html[lang^="zh-"] h1,html[lang^="zh-"] h2,html[lang^="zh-"] h3,html[lang^="zh-"] h4,html[lang^="zh-"] h5,html[lang^="zh-"] h6{font-weight:700}
html[lang="bg-BG"] body,html[lang="bg-BG"] button,html[lang="bg-BG"] input,html[lang="bg-BG"] select,html[lang="bg-BG"] textarea,html[lang="ru-RU"] body,html[lang="ru-RU"] button,html[lang="ru-RU"] input,html[lang="ru-RU"] select,html[lang="ru-RU"] textarea,html[lang="uk"] body,html[lang="uk"] button,html[lang="uk"] input,html[lang="uk"] select,html[lang="uk"] textarea{font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,sans-serif}
html[lang="bg-BG"] h1,html[lang="bg-BG"] h2,html[lang="bg-BG"] h3,html[lang="bg-BG"] h4,html[lang="bg-BG"] h5,html[lang="bg-BG"] h6,html[lang="ru-RU"] h1,html[lang="ru-RU"] h2,html[lang="ru-RU"] h3,html[lang="ru-RU"] h4,html[lang="ru-RU"] h5,html[lang="ru-RU"] h6,html[lang="uk"] h1,html[lang="uk"] h2,html[lang="uk"] h3,html[lang="uk"] h4,html[lang="uk"] h5,html[lang="uk"] h6{font-weight:700;line-height:1.2}
html[lang="bn-BD"] body,html[lang="bn-BD"] button,html[lang="bn-BD"] input,html[lang="bn-BD"] select,html[lang="bn-BD"] textarea,html[lang="hi-IN"] body,html[lang="hi-IN"] button,html[lang="hi-IN"] input,html[lang="hi-IN"] select,html[lang="hi-IN"] textarea,html[lang="mr-IN"] body,html[lang="mr-IN"] button,html[lang="mr-IN"] input,html[lang="mr-IN"] select,html[lang="mr-IN"] textarea{font-family:Arial,sans-serif}
html[lang="bn-BD"] h1,html[lang="bn-BD"] h2,html[lang="bn-BD"] h3,html[lang="bn-BD"] h4,html[lang="bn-BD"] h5,html[lang="bn-BD"] h6,html[lang="hi-IN"] h1,html[lang="hi-IN"] h2,html[lang="hi-IN"] h3,html[lang="hi-IN"] h4,html[lang="hi-IN"] h5,html[lang="hi-IN"] h6,html[lang="mr-IN"] h1,html[lang="mr-IN"] h2,html[lang="mr-IN"] h3,html[lang="mr-IN"] h4,html[lang="mr-IN"] h5,html[lang="mr-IN"] h6{font-weight:700}
html[lang="el"] body,html[lang="el"] button,html[lang="el"] input,html[lang="el"] select,html[lang="el"] textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
html[lang="el"] h1,html[lang="el"] h2,html[lang="el"] h3,html[lang="el"] h4,html[lang="el"] h5,html[lang="el"] h6{font-weight:700;line-height:1.3}
html[lang="gu-IN"] body,html[lang="gu-IN"] button,html[lang="gu-IN"] input,html[lang="gu-IN"] select,html[lang="gu-IN"] textarea{font-family:Arial,sans-serif}
html[lang="gu-IN"] h1,html[lang="gu-IN"] h2,html[lang="gu-IN"] h3,html[lang="gu-IN"] h4,html[lang="gu-IN"] h5,html[lang="gu-IN"] h6{font-weight:700}
html[lang="he-IL"] body,html[lang="he-IL"] button,html[lang="he-IL"] input,html[lang="he-IL"] select,html[lang="he-IL"] textarea{font-family:"Arial Hebrew",Arial,sans-serif}
html[lang="he-IL"] h1,html[lang="he-IL"] h2,html[lang="he-IL"] h3,html[lang="he-IL"] h4,html[lang="he-IL"] h5,html[lang="he-IL"] h6{font-weight:700}
html[lang="ja"] body,html[lang="ja"] button,html[lang="ja"] input,html[lang="ja"] select,html[lang="ja"] textarea{font-family:"Hiragino Kaku Gothic Pro",Meiryo,sans-serif}
html[lang="ja"] h1,html[lang="ja"] h2,html[lang="ja"] h3,html[lang="ja"] h4,html[lang="ja"] h5,html[lang="ja"] h6{font-weight:700}
html[lang="ko-KR"] body,html[lang="ko-KR"] button,html[lang="ko-KR"] input,html[lang="ko-KR"] select,html[lang="ko-KR"] textarea{font-family:"Apple SD Gothic Neo","Malgun Gothic","Nanum Gothic",Dotum,sans-serif}
html[lang="ko-KR"] h1,html[lang="ko-KR"] h2,html[lang="ko-KR"] h3,html[lang="ko-KR"] h4,html[lang="ko-KR"] h5,html[lang="ko-KR"] h6{font-weight:600}
html[lang="th"] h1,html[lang="th"] h2,html[lang="th"] h3,html[lang="th"] h4,html[lang="th"] h5,html[lang="th"] h6{line-height:1.65;font-family:"Sukhumvit Set","Helvetica Neue",Helvetica,Arial,sans-serif}
html[lang="th"] body,html[lang="th"] button,html[lang="th"] input,html[lang="th"] select,html[lang="th"] textarea{line-height:1.8;font-family:"Sukhumvit Set","Helvetica Neue",Helvetica,Arial,sans-serif}
html[lang="ar"] *,html[lang="ary"] *,html[lang="azb"] *,html[lang="haz"] *,html[lang="ps"] *,html[lang^="zh-"] *,html[lang="bg-BG"] *,html[lang="ru-RU"] *,html[lang="uk"] *,html[lang="bn-BD"] *,html[lang="hi-IN"] *,html[lang="mr-IN"] *,html[lang="el"] *,html[lang="gu-IN"] *,html[lang="he-IL"] *,html[lang="ja"] *,html[lang="ko-KR"] *,html[lang="th"] *{letter-spacing:0!important}
label{color:#333;display:block;font-weight:800;margin-bottom:.5em}
fieldset{margin-bottom:1em}
input{ height: 33px;}
select{ height: 33px;}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{color:#666;/*background:#fff;*/background-image:-webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0));border:1px solid #bbb;-webkit-border-radius:3px;border-radius:3px;display:block;padding:.3em;width:100%}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{color:#222;border-color:#333}
select{border:1px solid #bbb;-webkit-border-radius:3px;border-radius:3px;width:100%}
input[type="radio"],input[type="checkbox"]{margin-right:.5em}
input[type="radio"] + label,input[type="checkbox"] + label{font-weight:400}

button,input[type="button"],input[type="submit"]{background-color:#222;border:0;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:none;box-shadow:none;color:#fff;cursor:pointer;display:inline-block; font-size:16px !important; font-weight:normal !important; line-height:1 !important; padding:9px 18px !important; text-shadow:none; 
transition:background .2s; font-family: AvenirNextLTPro-Regular; height: 36px; letter-spacing: 1px;}

input + button,input + input[type="button"],input + input[type="submit"]{padding:.75em 2em}
button.secondary,input[type="reset"],input[type="button"].secondary,input[type="reset"].secondary,input[type="submit"].secondary{background-color:#ddd;color:#222}

button:hover,button:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="submit"]:hover,input[type="submit"]:focus{background:#4d659c}
button.secondary:hover,button.secondary:focus,input[type="reset"]:hover,input[type="reset"]:focus,input[type="button"].secondary:hover,input[type="button"].secondary:focus,input[type="reset"].secondary:hover,input[type="reset"].secondary:focus,input[type="submit"].secondary:hover,input[type="submit"].secondary:focus{background:#bbb}
::-webkit-input-placeholder{color:#333;font-family:"Libre Franklin","Helvetica Neue",helvetica,arial,sans-serif}
:-moz-placeholder{color:#333;font-family:"Libre Franklin","Helvetica Neue",helvetica,arial,sans-serif}
::-moz-placeholder{color:#333;font-family:"Libre Franklin","Helvetica Neue",helvetica,arial,sans-serif;opacity:1}
:-ms-input-placeholder{color:#333;font-family:"Libre Franklin","Helvetica Neue",helvetica,arial,sans-serif}
hr{background-color:#bbb;border:0;height:1px;margin-bottom:1.5em}
ul,ol{margin:0;padding:0}
ul{list-style:disc}
ol{list-style:decimal}
li > ul,li > ol{margin-bottom:0;margin-left:1.5em}
dt{font-weight:700}
dd{margin:0 1.5em 1.5em}
table{border-collapse:collapse;margin:0 0 1.5em;width:100%}
thead th{border-bottom:2px solid #bbb;padding-bottom:.5em}
th{padding:.4em;text-align:left}
tr{border-bottom:1px solid #eee}
td{padding:.4em}
th:first-child,td:first-child{padding-left:0}
th:last-child,td:last-child{padding-right:0}
a{color:#222;text-decoration:none}
a:focus{outline:thin dotted}
a:hover,a:active{color:#000;outline:0}
.entry-content a,.entry-summary a,.widget a,.site-footer .widget-area a,.posts-navigation a,.widget_authors a strong{-webkit-box-shadow:inset 0 -1px 0 rgba(15,15,15,1);box-shadow:inset 0 -1px 0 rgba(15,15,15,1);-webkit-transition:color 80ms ease-in,-webkit-box-shadow 130ms ease-in-out;transition:color 80ms ease-in,-webkit-box-shadow 130ms ease-in-out;transition:color 80ms ease-in,box-shadow 130ms ease-in-out;transition:color 80ms ease-in,box-shadow 130ms ease-in-out,-webkit-box-shadow 130ms ease-in-out}
.entry-title a,.entry-meta a,.page-links a,.page-links a .page-number,.entry-footer a,.entry-footer .cat-links a,.entry-footer .tags-links a,.edit-link a,.post-navigation a,.logged-in-as a,.comment-navigation a,.comment-metadata a,.comment-metadata a.comment-edit-link,.comment-reply-link,a .nav-title,.pagination a,.comments-pagination a,.site-info a,.widget .widget-title a,.widget ul li a,.site-footer .widget-area ul li a,.site-footer .widget-area ul li a{-webkit-box-shadow:inset 0 -1px 0 rgba(255,255,255,1);box-shadow:inset 0 -1px 0 rgba(255,255,255,1);text-decoration:none;-webkit-transition:color 80ms ease-in,-webkit-box-shadow 130ms ease-in-out;transition:color 80ms ease-in,-webkit-box-shadow 130ms ease-in-out;transition:color 80ms ease-in,box-shadow 130ms ease-in-out;transition:color 80ms ease-in,box-shadow 130ms ease-in-out,-webkit-box-shadow 130ms ease-in-out}
.entry-content a:focus,.entry-content a:hover,.entry-summary a:focus,.entry-summary a:hover,.widget a:focus,.widget a:hover,.site-footer .widget-area a:focus,.site-footer .widget-area a:hover,.posts-navigation a:focus,.posts-navigation a:hover,.comment-metadata a:focus,.comment-metadata a:hover,.comment-metadata a.comment-edit-link:focus,.comment-metadata a.comment-edit-link:hover,.comment-reply-link:focus,.comment-reply-link:hover,.widget_authors a:focus strong,.widget_authors a:hover strong,.entry-title a:focus,.entry-title a:hover,.entry-meta a:focus,.entry-meta a:hover,.page-links a:focus .page-number,.page-links a:hover .page-number,.entry-footer a:focus,.entry-footer a:hover,.entry-footer .cat-links a:focus,.entry-footer .cat-links a:hover,.entry-footer .tags-links a:focus,.entry-footer .tags-links a:hover,.post-navigation a:focus,.post-navigation a:hover,.pagination a:not(.prev):not(.next):focus,.pagination a:not(.prev):not(.next):hover,.comments-pagination a:not(.prev):not(.next):focus,.comments-pagination a:not(.prev):not(.next):hover,.logged-in-as a:focus,.logged-in-as a:hover,a:focus .nav-title,a:hover .nav-title,.edit-link a:focus,.edit-link a:hover,.site-info a:focus,.site-info a:hover,.widget .widget-title a:focus,.widget .widget-title a:hover,.widget ul li a:focus,.widget ul li a:hover{color:#000;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0),0 3px 0 rgba(0,0,0,1);box-shadow:inset 0 0 0 rgba(0,0,0,0),0 3px 0 rgba(0,0,0,1)}
.entry-content a img,.widget a img{-webkit-box-shadow:0 0 0 8px #fff;box-shadow:0 0 0 8px #fff}
.post-navigation a:focus .icon,.post-navigation a:hover .icon{color:#222}
.post-thumbnail{margin-bottom:1em}
.post-thumbnail a img{-webkit-backface-visibility:hidden;-webkit-transition:opacity .2s;transition:opacity .2s}
.post-thumbnail a:hover img,.post-thumbnail a:focus img{opacity:.7}
.navigation-top{background:#fff;border-bottom:1px solid #eee;border-top:1px solid #eee;font-size:16px;font-size:1rem;position:relative}
.navigation-top .wrap{max-width:1000px;padding:0}
.navigation-top a{color:#222;font-weight:600;-webkit-transition:color .2s;transition:color .2s}
.navigation-top .current-menu-item > a,.navigation-top .current_page_item > a{color:#767676}
.main-navigation{clear:both;display:block}
.main-navigation ul{background:#fff;list-style:none;margin:0;padding:0 1.5em;text-align:left}
.js .main-navigation ul,.main-navigation .menu-item-has-children > a > .icon,.main-navigation .page_item_has_children > a > .icon,.main-navigation ul a > .icon{display:none}
.main-navigation > div > ul{border-top:1px solid #eee;padding:.75em 1.695em}
.js .main-navigation.toggled-on > div > ul{display:block}
.main-navigation ul ul{padding:0 0 0 1.5em}
.main-navigation ul ul.toggled-on{display:block}
.main-navigation ul ul a{letter-spacing:0;padding:.4em 0;position:relative;text-transform:none}
.main-navigation li{border-bottom:1px solid #eee;position:relative}
.main-navigation li li,.main-navigation li:last-child{border:0}
.main-navigation a{display:block;padding:.5em 0;text-decoration:none}
.main-navigation a:hover{color:#767676}
.menu-toggle{background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none;color:#222;display:none;font-size:14px;font-size:.875rem;font-weight:800;line-height:1.5;margin:1px auto 2px;padding:1em;text-shadow:none}
.js .menu-toggle{display:block}
.main-navigation.toggled-on ul.nav-menu{display:block}
.menu-toggle:hover,.menu-toggle:focus{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}
.menu-toggle:focus{outline:thin solid}
.menu-toggle .icon{margin-right:.5em;top:-2px}
.toggled-on .menu-toggle .icon-bars,.menu-toggle .icon-close{display:none}
.toggled-on .menu-toggle .icon-close{display:inline-block}
.dropdown-toggle{background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none;color:#222;display:block;font-size:16px;right:-.5em;line-height:1.5;margin:0 auto;padding:.5em;position:absolute;text-shadow:none;top:0}
.dropdown-toggle:hover,.dropdown-toggle:focus{background:transparent}
.dropdown-toggle:focus{outline:thin dotted}
.dropdown-toggle.toggled-on .icon{-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.site-header .menu-scroll-down{display:none}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*,:before,:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}
body{background:#fff}
#page{position:relative;word-wrap:break-word}
.wrap{margin-left:auto;margin-right:auto;max-width:700px;padding-left:2em;padding-right:2em}
.wrap:after{clear:both;content:"";display:block}
#masthead .wrap{position:relative}
.site-header{background-color:#fafafa;position:relative}
.site-branding{padding:1em 0;position:relative;-webkit-transition:margin-bottom .2s;transition:margin-bottom .2s;z-index:3}
.site-branding a{text-decoration:none;-webkit-transition:opacity .2s;transition:opacity .2s}
.site-branding a:hover,.site-branding a:focus{opacity:.7}
.site-title{clear:none;font-size:24px;font-size:1.5rem;font-weight:800;line-height:1.25;letter-spacing:.08em;margin:0;padding:0;text-transform:uppercase}
.site-title,.site-title a{color:#222;opacity:1}
body.has-header-image .site-title,body.has-header-video .site-title,body.has-header-image .site-title a,body.has-header-video .site-title a{color:#fff}
.site-description{color:#666;font-size:13px;font-size:.8125rem;margin-bottom:0}
body.has-header-image .site-description,body.has-header-video .site-description{color:#fff;opacity:.8}
.custom-logo-link{display:inline-block;padding-right:1em;vertical-align:middle;width:auto}
.custom-logo-link img{display:inline-block;max-height:80px;width:auto}
body.home.title-tagline-hidden.has-header-image .custom-logo-link img,body.home.title-tagline-hidden.has-header-video .custom-logo-link img{max-height:200px;max-width:100%}
.custom-logo-link a:hover,.custom-logo-link a:focus{opacity:.9}
body:not(.title-tagline-hidden) .site-branding-text{display:inline-block;vertical-align:middle}
.custom-header{position:relative}
.has-header-image.twentyseventeen-front-page .custom-header,.has-header-video.twentyseventeen-front-page .custom-header,.has-header-image.home.blog .custom-header,.has-header-video.home.blog .custom-header{display:table;height:300px;height:75vh;width:100%}
.custom-header-media{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%}
.custom-header-media:before{background:-moz-linear-gradient(to top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 75%,rgba(0,0,0,0.3) 100%);background:-webkit-linear-gradient(to top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 75%,rgba(0,0,0,0.3) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 75%,rgba(0,0,0,0.3) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#4d000000",GradientType=0);bottom:0;content:"";display:block;height:100%;left:0;position:absolute;right:0;z-index:2}
.has-header-image .custom-header-media img,.has-header-video .custom-header-media video,.has-header-video .custom-header-media iframe{position:fixed;height:auto;left:50%;max-width:1000%;min-height:100%;min-width:100%;min-width:100vw;width:auto;top:50%;padding-bottom:1px;-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.wp-custom-header .wp-custom-header-video-button{background-color:rgba(34,34,34,0.5);border:1px solid rgba(255,255,255,0.6);color:rgba(255,255,255,0.6);height:45px;overflow:hidden;padding:0;position:fixed;right:30px;top:30px;-webkit-transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .3s ease-in-out;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .3s ease-in-out;width:45px}
.wp-custom-header .wp-custom-header-video-button:hover,.wp-custom-header .wp-custom-header-video-button:focus{border-color:rgba(255,255,255,0.8);background-color:rgba(34,34,34,0.8);color:#fff}
.admin-bar .wp-custom-header-video-button{top:62px}
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img{bottom:0;position:absolute;top:auto;-ms-transform:translateX(-50%) translateY(0);-moz-transform:translateX(-50%) translateY(0);-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}
body:not(.has-header-image):not(.has-header-video) .custom-header-media{display:none}
.has-header-image.twentyseventeen-front-page .site-branding,.has-header-video.twentyseventeen-front-page .site-branding,.has-header-image.home.blog .site-branding,.has-header-video.home.blog .site-branding{display:table-cell;height:100%;vertical-align:bottom}
.twentyseventeen-front-page .site-content{padding:0}
.twentyseventeen-panel{overflow:hidden;position:relative}
.panel-image{background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;position:relative}
.panel-image:before{background:-webkit-linear-gradient(to top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.3)));background:-webkit-linear-gradient(to top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#4d000000",GradientType=0);bottom:0;content:"";left:0;right:0;position:absolute;top:100px}
.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child){border-top:1px solid #ddd}
.panel-content{position:relative}
.panel-content .wrap{padding-bottom:.5em;padding-top:1.75em}
.twentyseventeen-panel .edit-link{display:block;margin:.3em 0 0}
.twentyseventeen-panel .entry-header .edit-link{font-size:14px;font-size:.875rem}
.twentyseventeen-front-page .panel-content .recent-posts article{border:0;color:#333;margin-bottom:3em}
.recent-posts .entry-header{margin-bottom:1.2em}
.page .panel-content .recent-posts .entry-title{font-size:20px;font-size:1.25rem;font-weight:300;letter-spacing:0;text-transform:none}
.twentyseventeen-panel .recent-posts .entry-header .edit-link{color:#222;display:inline-block;font-size:11px;font-size:.6875rem;margin-left:1em}
.site-content-contain{background-color:#f1eeed;position:relative}
.site-content{padding:0}
.sticky{position:relative}
.post:not(.sticky) .icon-thumb-tack{display:none}
.sticky .icon-thumb-tack{display:block;height:18px;left:-1.5em;position:absolute;top:1.65em;width:20px}
.page .panel-content .entry-title,.page-title,body.page:not(.twentyseventeen-front-page) .entry-title{color:#222;font-size:14px;font-size:.875rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.entry-header .entry-title{margin-bottom:.25em}
.entry-title a{color:#333;text-decoration:none;margin-left:-2px}
.entry-title:not(:first-child){padding-top:0}
.entry-meta{color:#767676;font-size:11px;font-size:.6875rem;font-weight:800;letter-spacing:.1818em;padding-bottom:.25em;text-transform:uppercase}
.entry-meta a{color:#767676}
.byline,.updated:not(.published){display:none}
.single .byline,.group-blog .byline{display:inline}
.pagination,.comments-pagination{border-top:1px solid #eee;font-size:14px;font-size:.875rem;font-weight:800;padding:2em 0 3em;text-align:center}
.pagination .icon,.comments-pagination .icon{width:.666666666em;height:.666666666em}
.comments-pagination{border:0}
.page-numbers{display:none;padding:.5em .75em}
.page-numbers.current{color:#767676;display:inline-block}
.page-numbers.current .screen-reader-text{clip:auto;height:auto;overflow:auto;position:relative!important;width:auto}
.prev.page-numbers,.next.page-numbers{background-color:#ddd;-webkit-border-radius:2px;border-radius:2px;display:inline-block;font-size:24px;font-size:1.5rem;line-height:1;padding:.25em .5em .4em;-webkit-transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .3s ease-in-out;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .3s ease-in-out}
.prev.page-numbers:focus,.prev.page-numbers:hover,.next.page-numbers:focus,.next.page-numbers:hover{background-color:#767676;color:#fff}
.prev.page-numbers{float:left}
.next.page-numbers{float:right}
.entry-content blockquote.alignleft,.entry-content blockquote.alignright{color:#666;font-size:13px;font-size:.8125rem;width:48%}
.blog .site-main > article,.archive .site-main > article,.search .site-main > article{padding-bottom:2em}
body:not(.twentyseventeen-front-page) .entry-header{padding:1em 0}
body:not(.twentyseventeen-front-page) .entry-header,body:not(.twentyseventeen-front-page) .entry-content,body:not(.twentyseventeen-front-page) #comments{margin-left:auto;margin-right:auto}
body:not(.twentyseventeen-front-page) .entry-header{padding-top:0}
.blog .entry-meta a.post-edit-link,.archive .entry-meta a.post-edit-link,.search .entry-meta a.post-edit-link{color:#222;display:inline-block;margin-left:1em;white-space:nowrap}
.search .page .entry-meta a.post-edit-link{margin-left:0;white-space:nowrap}
.taxonomy-description{color:#666;font-size:13px;font-size:.8125rem}
.entry-content .more-link:before{content:"";display:block;margin-top:1.5em}
.single-post:not(.has-sidebar) #primary,.page.page-one-column:not(.twentyseventeen-front-page) #primary,.archive.page-one-column:not(.has-sidebar) .page-header,.archive.page-one-column:not(.has-sidebar) #primary{margin-left:auto;margin-right:auto;max-width:740px}
.single-featured-image-header{background-color:#fafafa;border-bottom:1px solid #eee}
.single-featured-image-header img{display:block;margin:auto}
.page-links{font-size:14px;font-size:.875rem;font-weight:800;padding:2em 0 3em}
.page-links .page-number{color:#767676;display:inline-block;padding:.5em 1em}
.page-links a{display:inline-block}
.page-links a .page-number{color:#222}
.entry-footer{border-bottom:1px solid #eee;border-top:1px solid #eee;margin-top:2em;padding:2em 0}
.entry-footer .cat-links,.entry-footer .tags-links{display:block;font-size:11px;font-size:.6875rem;font-weight:800;letter-spacing:.1818em;padding-left:2.5em;position:relative;text-transform:uppercase}
.entry-footer .cat-links + .tags-links{margin-top:1em}
.entry-footer .cat-links a,.entry-footer .tags-links a{color:#333}
.entry-footer .cat-links .icon,.entry-footer .tags-links .icon{color:#767676;left:0;margin-right:.5em;position:absolute;top:2px}
.entry-footer .edit-link{display:inline-block}
.entry-footer .edit-link a.post-edit-link{background-color:#222;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:none;box-shadow:none;color:#fff;display:inline-block;font-size:14px;font-size:.875rem;font-weight:800;margin-top:2em;padding:.7em 2em;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;white-space:nowrap}
.entry-footer .edit-link a.post-edit-link:hover,.entry-footer .edit-link a.post-edit-link:focus{background-color:#767676}
.blog .format-status .entry-title,.archive .format-status .entry-title,.blog .format-aside .entry-title,.archive .format-aside .entry-title{display:none}
.format-quote blockquote{color:#333;font-size:20px;font-size:1.25rem;font-weight:300;overflow:visible;position:relative}
.format-quote blockquote .icon{display:block;height:20px;left:-1.25em;position:absolute;top:.4em;-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1);width:20px}
.post-navigation{font-weight:800;margin:3em 0}
.post-navigation .nav-links{padding:1em 0}
.nav-subtitle{background:transparent;color:#767676;display:block;font-size:11px;font-size:.6875rem;letter-spacing:.1818em;margin-bottom:1em;text-transform:uppercase}
.nav-title{color:#333;font-size:15px;font-size:.9375rem}
.post-navigation .nav-next{margin-top:1.5em}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper{margin-right:.5em}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper{margin-left:.5em}
.page-header{padding-bottom:2em}
.page .entry-header .edit-link{font-size:14px;font-size:.875rem}
.search .page .entry-header .edit-link{font-size:11px;font-size:.6875rem}
.page-links{clear:both;margin:0 0 1.5em}
.page:not(.home) #content{padding-bottom:1.5em}
.error404 .page-content{padding-bottom:4em}
.error404 .page-content .search-form,.search .page-content .search-form{margin-bottom:3em}
.site-footer{border-top:1px solid #eee}
.site-footer .wrap{padding-bottom:1.5em;padding-top:2em}
.site-footer .widget-area{padding-bottom:2em;padding-top:2em}
.social-navigation{font-size:16px;font-size:1rem;margin-bottom:1em}
.social-navigation ul{list-style:none;margin-bottom:0;margin-left:0}
.social-navigation li{display:inline}
.social-navigation a{background-color:#767676;-webkit-border-radius:40px;border-radius:40px;color:#fff;display:inline-block;height:40px;margin:0 1em .5em 0;text-align:center;width:40px}
.social-navigation a:hover,.social-navigation a:focus{background-color:#333}
.social-navigation .icon{height:16px;top:12px;width:16px;vertical-align:top}
.site-info{font-size:14px;font-size:.875rem;margin-bottom:1em}
.site-info a{color:#666}
.site-info .sep{margin:0;display:block;visibility:hidden;height:0;width:100%}
#comments{clear:both;padding:2em 0 .5em}
.comments-title{font-size:20px;font-size:1.25rem;margin-bottom:1.5em}
.comment-list,.comment-list .children{list-style:none;margin:0;padding:0}
.comment-list li:before{display:none}
.comment-body{margin-left:65px}
.comment-author{font-size:16px;font-size:1rem;margin-bottom:.4em;position:relative;z-index:2}
.comment-author .avatar{height:50px;left:-65px;position:absolute;width:50px}
.comment-author .says{display:none}
.comment-meta{margin-bottom:1.5em}
.comment-metadata{color:#767676;font-size:10px;font-size:.625rem;font-weight:800;letter-spacing:.1818em;text-transform:uppercase}
.comment-metadata a{color:#767676}
.comment-metadata a.comment-edit-link{color:#222;margin-left:1em}
.comment-body{color:#333;font-size:14px;font-size:.875rem;margin-bottom:4em}
.comment-reply-link{font-weight:800;position:relative}
.comment-reply-link .icon{color:#222;left:-2em;height:1em;position:absolute;top:0;width:1em}
.children .comment-author .avatar{height:30px;left:-45px;width:30px}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar{border:1px solid #333;padding:2px}
.no-comments,.comment-awaiting-moderation{color:#767676;font-size:14px;font-size:.875rem;font-style:italic}
.comments-pagination{margin:2em 0 3em}
.form-submit{text-align:right}
#secondary{padding:1em 0 2em}
.widget{padding-bottom:3em}
h2.widget-title{color:#222;font-size:13px;font-size:.8125rem;font-weight:800;letter-spacing:.1818em;margin-bottom:1.5em;text-transform:uppercase}
.widget-title a{color:inherit}
.widget select{width:100%}
.widget ul{list-style:none;margin:0}
.widget ul li,.widget ol li{border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:.5em 0}
.widget ul li + li{margin-top:-1px}
.widget ul li ul{margin:0 0 -1px;padding:0;position:relative}
.widget ul li li{border:0;padding-left:24px;padding-left:1.5rem}
.widget_top-posts ul li ul,.widget_rss_links ul li ul,.widget-grofile ul.grofile-links li ul,.widget_pages ul li ul,.widget_meta ul li ul{bottom:0}
.widget_nav_menu ul li li,.widget_top-posts ul li,.widget_top-posts ul li li,.widget_rss_links ul li,.widget_rss_links ul li li,.widget-grofile ul.grofile-links li,.widget-grofile ul.grofile-links li li{padding-bottom:.25em;padding-top:.25em}
.widget_rss ul li{padding-bottom:1em;padding-top:1em}
.widget .post-date,.widget .rss-date{font-size:.81em}
.widget_text{word-wrap:break-word}
.widget_text ul{list-style:disc;margin:0 0 1.5em 1.5em}
.widget_text ol{list-style:decimal}
.widget_text ul li,.widget_text ol li{border:none}
.widget_text ul li:last-child,.widget_text ol li:last-child{padding-bottom:0}
.widget_text ul li ul{margin:0 0 0 1.5em}
.widget_text ul li li{padding-left:0;padding-right:0}
.widget_text ol li{list-style-position:inside}
.widget_text ol li + li{margin-top:-1px}
.widget_rss .widget-title .rsswidget:first-child{float:right}
.widget_rss .widget-title .rsswidget:first-child:hover{background-color:transparent}
.widget_rss .widget-title .rsswidget:first-child img{display:block}
.widget_rss ul li{padding:2.125em 0}
.widget_rss ul li:first-child{border-top:none;padding-top:0}
.widget_rss li .rsswidget{font-size:22px;font-size:1.375rem;font-weight:300;line-height:1.4}
.widget_rss .rss-date,.widget_rss li cite{color:#767676;display:block;font-size:10px;font-size:.625rem;font-style:normal;font-weight:800;letter-spacing:.18em;line-height:1.5;text-transform:uppercase}
.widget_rss .rss-date{margin:.5em 0 1.5em;padding:0}
.widget_rss .rssSummary{margin-bottom:.5em}
.widget_contact_info .contact-map{margin-bottom:.5em}
.widget-grofile h4{font-size:16px;font-size:1rem;margin-bottom:0}
.widget_recent_comments table,.widget_recent_comments th,.widget_recent_comments td{border:0}
.widget_recent_entries .post-date{display:block}
.search-form{position:relative}
.search-form .search-submit{bottom:3px;padding:.5em 1em;position:absolute;right:3px;top:3px}
.search-form .search-submit .icon{height:24px;top:-2px;width:24px}
.tagcloud,.widget_tag_cloud,.wp_widget_tag_cloud{line-height:1.5}
.widget .tagcloud a,.widget.widget_tag_cloud a,.wp_widget_tag_cloud a{border:1px solid #ddd;-webkit-box-shadow:none;box-shadow:none;display:inline-block;float:left;font-size:14px!important;font-size:.875rem!important;margin:4px 4px 0 0 !important;padding:4px 10px 5px!important;position:relative;-webkit-transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .3s ease-in-out;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .3s ease-in-out;width:auto;word-wrap:break-word;z-index:0}
.widget .tagcloud a:hover,.widget .tagcloud a:focus,.widget.widget_tag_cloud a:hover,.widget.widget_tag_cloud a:focus,.wp_widget_tag_cloud a:hover,.wp_widget_tag_cloud a:focus{border-color:#bbb;-webkit-box-shadow:none;box-shadow:none;text-decoration:none}
.widget_calendar th,.widget_calendar td{text-align:center}
.widget_calendar tfoot td{border:0}
img,video{height:auto;max-width:100%}
img.alignleft,img.alignright{float:none;margin:0}
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}
embed,iframe,object{margin-bottom:1.5em;max-width:100%}
.wp-caption,.gallery-caption{color:#666;font-size:13px;font-size:.8125rem;font-style:italic;margin-bottom:1.5em;max-width:100%}
.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto}
.wp-caption .wp-caption-text{margin:.8075em 0}
.mejs-container{margin-bottom:1.5em}
.mejs-controls a.mejs-horizontal-volume-slider,.mejs-controls a.mejs-horizontal-volume-slider:focus,.mejs-controls a.mejs-horizontal-volume-slider:hover{background:transparent;border:0}
.site-content .wp-playlist-light{border-color:#eee;color:#222}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album{color:#333}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist{color:#767676}
.site-content .wp-playlist-light .wp-playlist-item{border-bottom:1px dotted #eee;-webkit-transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .3s ease-in-out;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .3s ease-in-out}
.site-content .wp-playlist-light .wp-playlist-item:hover,.site-content .wp-playlist-light .wp-playlist-item:focus{border-bottom-color:rgba(0,0,0,0);background-color:#767676;color:#fff}
.site-content .wp-playlist-light a.wp-playlist-caption:hover,.site-content .wp-playlist-light .wp-playlist-item:hover a,.site-content .wp-playlist-light .wp-playlist-item:focus a{color:#fff}
.site-content .wp-playlist-dark{background:#222;border-color:#333}
.site-content .wp-playlist-dark .mejs-container .mejs-controls{background-color:#333}
.site-content .wp-playlist-dark .wp-playlist-caption{color:#fff}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album{color:#eee}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist{color:#aaa}
.site-content .wp-playlist-dark .wp-playlist-playing{background-color:#333}
.site-content .wp-playlist-dark .wp-playlist-item{border-bottom:1px dotted #555;-webkit-transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .3s ease-in-out;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .3s ease-in-out}
.site-content .wp-playlist-dark .wp-playlist-item:hover,.site-content .wp-playlist-dark .wp-playlist-item:focus{border-bottom-color:rgba(0,0,0,0);background-color:#aaa;color:#222}
.site-content .wp-playlist-dark a.wp-playlist-caption:hover,.site-content .wp-playlist-dark .wp-playlist-item:hover a,.site-content .wp-playlist-dark .wp-playlist-item:focus a{color:#222}
.site-content .wp-playlist{padding:.625em .625em .3125em}
.site-content .wp-playlist-current-item .wp-playlist-item-title{font-weight:700}
.site-content .wp-playlist-current-item .wp-playlist-item-album{font-style:normal}
.site-content .wp-playlist-current-item .wp-playlist-item-artist{font-size:10px;font-size:.625rem;font-weight:800;letter-spacing:.1818em;text-transform:uppercase}
.site-content .wp-playlist-item{padding:0 .3125em;cursor:pointer}
.site-content .wp-playlist-item:last-of-type{border-bottom:none}
.site-content .wp-playlist-item a{padding:.3125em 0;border-bottom:none}
.site-content .wp-playlist-item a,.site-content .wp-playlist-item a:focus,.site-content .wp-playlist-item a:hover{-webkit-box-shadow:none;box-shadow:none;background:transparent}
.site-content .wp-playlist-item-length{top:5px}
.icon{display:inline-block;fill:currentColor;height:1em;position:relative;top:-.0625em;vertical-align:middle;width:1em}
.gallery-item{display:inline-block;text-align:left;vertical-align:top;margin:0 0 1.5em;padding:0 1em 0 0;width:50%}
.gallery-columns-1 .gallery-item{width:100%}
.gallery-columns-2 .gallery-item{max-width:50%}
.gallery-item a,.gallery-item a:hover,.gallery-item a:focus{-webkit-box-shadow:none;box-shadow:none;background:none;display:inline-block;max-width:100%}
.gallery-item a img{display:block;-webkit-transition:-webkit-filter .2s ease-in;transition:-webkit-filter .2s ease-in;transition:filter .2s ease-in;transition:filter .2s ease-in,-webkit-filter .2s ease-in;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.gallery-item a:hover img,.gallery-item a:focus img{-webkit-filter:opacity(60%);filter:opacity(60%)}
.gallery-caption{display:block;text-align:left;padding:0 10px 0 0;margin-bottom:0}
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after{border:2px dashed #0085ba;bottom:1em;content:"";display:block;left:1em;position:absolute;right:1em;top:1em;z-index:1}
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content{z-index:2}
.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title{display:block;font-size:14px;font-size:.875rem;font-weight:700;letter-spacing:1px;padding:3em;text-transform:uppercase;text-align:center}
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after{border:none}
.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder{border:0}
.twentyseventeen-panel .customize-partial-edit-shortcut button{top:30px;left:30px}
.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before{visibility:visible}
.svg-fallback{display:none}
.no-svg .svg-fallback{display:inline-block}
.no-svg .dropdown-toggle{padding:.5em 0 0;right:0;text-align:center;width:2em}
.no-svg .dropdown-toggle .svg-fallback.icon-angle-down{font-size:20px;font-size:1.25rem;font-weight:400;line-height:1;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before{content:"\005E"}
.no-svg .social-navigation a{background:transparent;color:#222;height:auto;width:auto}
.no-svg .next.page-numbers .screen-reader-text,.no-svg .prev.page-numbers .screen-reader-text,.no-svg .social-navigation li a .screen-reader-text,.no-svg .search-submit .screen-reader-text{clip:auto;font-size:16px;font-size:1rem;font-weight:400;height:auto;position:relative!important;width:auto}
@media screen and (min-width: 20em) {
body.customize-partial-edit-shortcuts-shown .site-header .site-title{padding-left:0}
}
@media screen and (min-width: 30em) {
body,button,input,select,textarea{font-size:18px;font-size:1.125rem}
h1{font-size:30px;font-size:1.875rem}
h2,.home.blog .entry-title,.page .panel-content .recent-posts .entry-title{font-size:26px;font-size:1.625rem}
h3{font-size:22px;font-size:1.375rem}
h4{font-size:18px;font-size:1.125rem}
h5{font-size:13px;font-size:.8125rem}
h6{font-size:16px;font-size:1rem}
.entry-content blockquote.alignleft,.entry-content blockquote.alignright{font-size:14px;font-size:.875rem}
img.alignleft{float:left;margin-right:1.5em}
img.alignright{float:right;margin-left:1.5em}
.site-branding{padding:3em 0}
.panel-content .wrap{padding-bottom:2em;padding-top:3.5em}
.page-one-column .panel-content .wrap{max-width:740px}
.panel-content .entry-header{margin-bottom:4.5em}
.panel-content .recent-posts .entry-header{margin-bottom:0}
.taxonomy-description{font-size:14px;font-size:.875rem}
.page-numbers.current{font-size:16px;font-size:1rem}
.site-footer{font-size:16px;font-size:1rem}
.gallery-item{max-width:25%}
.gallery-columns-1 .gallery-item{max-width:100%}
.gallery-columns-2 .gallery-item{max-width:50%}
.gallery-columns-3 .gallery-item{max-width:33.33%}
.gallery-columns-4 .gallery-item{max-width:25%}
}
@media screen and (min-width: 48em) {
body,button,input,select,textarea{font-size:15px;font-size:0.95rem;line-height:1.5}
.entry-content blockquote.alignleft,.entry-content blockquote.alignright{font-size:13px;font-size:.8125rem}
.wrap{max-width:1000px;padding-left:3em;padding-right:3em}
.has-sidebar:not(.error404) #primary{float:left;width:58%}
.has-sidebar #secondary{float:right;padding-top:0;width:36%}
.error404 #primary{float:none}
.site-branding{margin-bottom:0}
.has-header-image.twentyseventeen-front-page .site-branding,.has-header-video.twentyseventeen-front-page .site-branding,.has-header-image.home.blog .site-branding,.has-header-video.home.blog .site-branding{bottom:0;display:block;left:0;height:auto;padding-top:0;position:absolute;width:100%}
.has-header-image.twentyseventeen-front-page .custom-header,.has-header-video.twentyseventeen-front-page .custom-header,.has-header-image.home.blog .custom-header,.has-header-video.home.blog .custom-header{display:block;height:auto}
.custom-header-media{height:165px;position:relative}
.twentyseventeen-front-page.has-header-image .custom-header-media,.twentyseventeen-front-page.has-header-video .custom-header-media,.home.blog.has-header-image .custom-header-media,.home.blog.has-header-video .custom-header-media{height:0;position:relative}
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media,.has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media{bottom:0;height:auto;left:0;position:absolute;right:0;top:0}
.custom-logo-link{padding-right:2em}
.custom-logo-link img,body.home.title-tagline-hidden.has-header-image .custom-logo-link img,body.home.title-tagline-hidden.has-header-video .custom-logo-link img{max-width:350px}
.title-tagline-hidden.home.has-header-image .custom-logo-link img,.title-tagline-hidden.home.has-header-video .custom-logo-link img{max-height:200px}
.site-title{font-size:36px;font-size:2.25rem}
.site-description{font-size:16px;font-size:1rem}
.navigation-top{bottom:0;font-size:14px;font-size:.875rem;left:0;position:absolute;right:0;width:100%;z-index:3}
.navigation-top .wrap{max-width:1000px;padding:.75em 3.4166666666667em}
.navigation-top nav{margin-left:-1.25em}
.site-navigation-fixed.navigation-top{bottom:auto;position:fixed;left:0;right:0;top:0;width:100%;z-index:10}
.admin-bar .site-navigation-fixed.navigation-top{top:32px}
.js .menu-toggle,.js .dropdown-toggle{display:none}
.main-navigation{width:auto}
.js .main-navigation ul,.js .main-navigation ul ul,.js .main-navigation > div > ul{display:block}
.main-navigation ul{background:transparent;padding:0}
.main-navigation > div > ul{border:0;margin-bottom:0;padding:0}
.main-navigation li{border:0;display:inline-block}
.main-navigation li li{display:block}
.main-navigation a{padding:1em 1.25em}
.main-navigation ul ul{background:#fff;border:1px solid #bbb;left:-999em;padding:0;position:absolute;top:100%;z-index:99999}
.main-navigation ul li.menu-item-has-children:before,.main-navigation ul li.menu-item-has-children:after,.main-navigation ul li.page_item_has_children:before,.main-navigation ul li.page_item_has_children:after{border-style:solid;border-width:0 6px 6px;content:"";display:none;height:0;position:absolute;right:1em;bottom:-1px;width:0;z-index:100000}
.main-navigation ul li.menu-item-has-children.focus:before,.main-navigation ul li.menu-item-has-children:hover:before,.main-navigation ul li.menu-item-has-children.focus:after,.main-navigation ul li.menu-item-has-children:hover:after,.main-navigation ul li.page_item_has_children.focus:before,.main-navigation ul li.page_item_has_children:hover:before,.main-navigation ul li.page_item_has_children.focus:after,.main-navigation ul li.page_item_has_children:hover:after{display:block}
.main-navigation ul li.menu-item-has-children:before,.main-navigation ul li.page_item_has_children:before{border-color:transparent transparent #bbb;bottom:0}
.main-navigation ul li.menu-item-has-children:after,.main-navigation ul li.page_item_has_children:after{border-color:transparent transparent #fff}
.main-navigation ul ul li:hover > ul,.main-navigation ul ul li.focus > ul{left:100%;right:auto}
.main-navigation ul ul a{padding:.75em 1.25em;width:16em}
.main-navigation li li{-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}
.main-navigation li li:hover,.main-navigation li li.focus{background:#767676}
.main-navigation li li a{-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.main-navigation li li.focus > a,.main-navigation li li:focus > a,.main-navigation li li:hover > a,.main-navigation li li a:hover,.main-navigation li li a:focus,.main-navigation li li.current_page_item a:hover,.main-navigation li li.current-menu-item a:hover,.main-navigation li li.current_page_item a:focus,.main-navigation li li.current-menu-item a:focus{color:#fff}
.main-navigation ul li:hover > ul,.main-navigation ul li.focus > ul{left:.5em;right:auto}
.main-navigation .menu-item-has-children > a > .icon,.main-navigation .page_item_has_children > a > .icon{display:inline;left:5px;position:relative;top:-1px}
.main-navigation ul ul .menu-item-has-children > a > .icon,.main-navigation ul ul .page_item_has_children > a > .icon{margin-top:-9px;left:auto;position:absolute;right:1em;top:50%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
.main-navigation ul ul ul{left:-999em;margin-top:-1px;top:0}
.main-navigation ul ul li.menu-item-has-children.focus:before,.main-navigation ul ul li.menu-item-has-children:hover:before,.main-navigation ul ul li.menu-item-has-children.focus:after,.main-navigation ul ul li.menu-item-has-children:hover:after,.main-navigation ul ul li.page_item_has_children.focus:before,.main-navigation ul ul li.page_item_has_children:hover:before,.main-navigation ul ul li.page_item_has_children.focus:after,.main-navigation ul ul li.page_item_has_children:hover:after{display:none}
.site-header .site-navigation-fixed .menu-scroll-down{display:none}
.site-header .menu-scroll-down{display:block;padding:1em;position:absolute;right:0}
.site-header .menu-scroll-down .icon{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.site-header .menu-scroll-down{color:#fff;top:2em}
.site-header .navigation-top .menu-scroll-down{color:#767676;top:.7em}
.menu-scroll-down:focus{outline:thin dotted}
.menu-scroll-down .icon{height:18px;width:18px}
.twentyseventeen-front-page.has-header-image .site-branding,.twentyseventeen-front-page.has-header-video .site-branding,.home.blog.has-header-image .site-branding,.home.blog.has-header-video .site-branding{margin-bottom:70px}
.twentyseventeen-front-page.has-header-image .custom-header-media,.twentyseventeen-front-page.has-header-video .custom-header-media,.home.blog.has-header-image .custom-header-media,.home.blog.has-header-video .custom-header-media{height:1200px;height:100vh;max-height:100%;overflow:hidden}
.twentyseventeen-front-page.has-header-image .custom-header-media:before,.twentyseventeen-front-page.has-header-video .custom-header-media:before,.home.blog.has-header-image .custom-header-media:before,.home.blog.has-header-video .custom-header-media:before{height:33%}
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,.admin-bar.home.blog.has-header-image .custom-header-media,.admin-bar.home.blog.has-header-video .custom-header-media{height:calc(100vh - 32px)}
.panel-content .wrap{padding-bottom:4.5em;padding-top:6em}
.panel-image{height:100vh;max-height:1200px}
.background-fixed .panel-image{background-attachment:fixed}
.page-two-column .panel-content .entry-header{float:left;width:36%}
.page-two-column .panel-content .entry-content{float:right;width:58%}
.page-two-column .panel-content .recent-posts{clear:right;float:right;width:58%}
.panel-content .recent-posts article{margin-bottom:4em}
.panel-content .recent-posts .entry-header,.page-two-column #primary .panel-content .recent-posts .entry-header,.panel-content .recent-posts .entry-content,.page-two-column #primary .panel-content .recent-posts .entry-content{float:none;width:100%}
.panel-content .recent-posts .entry-header{margin-bottom:1.5em}
.page .panel-content .recent-posts .entry-title{font-size:26px;font-size:1.625rem}
.site-content{padding:5.5em 0 0}
.single-post .entry-title,.page .entry-title{font-size:26px;font-size:1.625rem}
.comments-pagination,.post-navigation{clear:both}
.post-navigation .nav-previous{float:left;width:50%}
.post-navigation .nav-next{float:right;text-align:right;width:50%}
.nav-next,.post-navigation .nav-next{margin-top:0}
.sticky .icon-thumb-tack{height:23px;left:-2.5em;top:1.5em;width:32px}
body:not(.has-sidebar):not(.page-one-column) .page-header,body.has-sidebar.error404 #primary .page-header,body.page-two-column:not(.archive) #primary .entry-header,body.page-two-column.archive:not(.has-sidebar) #primary .page-header{float:left;width:36%}
.blog:not(.has-sidebar) #primary article,.archive:not(.page-one-column):not(.has-sidebar) #primary article,.search:not(.has-sidebar) #primary article,.error404:not(.has-sidebar) #primary .page-content,.error404.has-sidebar #primary .page-content,body.page-two-column:not(.archive) #primary .entry-content,body.page-two-column #comments{float:right;width:58%}
.blog .site-main > article,.archive .site-main > article,.search .site-main > article{padding-bottom:4em}
.navigation.pagination{clear:both;float:right;width:58%}
.has-sidebar .navigation.pagination,.archive.page-one-column:not(.has-sidebar) .navigation.pagination{float:none;width:100%}
.entry-footer{display:table;width:100%}
.entry-footer .cat-tags-links{display:table-cell;vertical-align:middle;width:100%}
.entry-footer .edit-link{display:table-cell;text-align:right;vertical-align:middle}
.entry-footer .edit-link a.post-edit-link{margin-top:0;margin-left:1em}
:not(.has-sidebar) .entry-content blockquote.alignleft{margin-left:-17.5%;width:48%}
:not(.has-sidebar) .entry-content blockquote.alignright{margin-right:-17.5%;width:48%}
.has-sidebar .entry-content blockquote.alignleft{margin-left:0;width:34%}
.has-sidebar .entry-content blockquote.alignright{margin-right:0;width:34%}
.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta{margin-right:-72.5%;width:62%}
.blog:not(.has-sidebar) .entry-content blockquote.alignleft,.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,.archive:not(.has-sidebar) .entry-content blockquote.alignleft,.page-two-column .entry-content blockquote.alignleft{margin-left:-72.5%;width:62%}
.blog:not(.has-sidebar) .entry-content blockquote.alignright,.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,.archive:not(.has-sidebar) .entry-content blockquote.alignright,.page-two-column .entry-content blockquote.alignright{margin-right:0;width:36%}
.format-quote blockquote .icon{left:-1.5em}
.page.page-one-column .entry-header,.twentyseventeen-front-page.page-one-column .entry-header,.archive.page-one-column:not(.has-sidebar) .page-header{margin-bottom:4em}
.page:not(.home) #content{padding-bottom:3.25em}
.error404 .page-content{padding-bottom:9em}
#comments{padding-top:5em}
.comments-title{margin-bottom:2.5em}
ol.children .children{padding-left:2em}
.nav-links .nav-title{position:relative}
.nav-title-icon-wrapper{position:absolute;text-align:center;width:2em}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper{left:-2em}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper{right:-2em}
#secondary{font-size:14px;font-size:.875rem;line-height:1.6}
h2.widget-title{font-size:11px;font-size:.6875rem;margin-bottom:2em}
.site-footer{font-size:14px;font-size:.875rem;line-height:1.6;margin-top:0}
.site-footer .widget-column.footer-widget-1{float:left;width:36%}
.site-footer .widget-column.footer-widget-2{float:right;width:58%}
.social-navigation{clear:left;float:left;margin-bottom:0;width:36%}
.site-info{float:left;padding:.7em 0 0;width:58%}
.social-navigation + .site-info{margin-left:6%}
.site-info .sep{margin:0 .5em;display:inline;visibility:visible;height:auto;width:auto}
.gallery-columns-5 .gallery-item{max-width:20%}
.gallery-columns-6 .gallery-item{max-width:16.66%}
.gallery-columns-7 .gallery-item{max-width:14.28%}
.gallery-columns-8 .gallery-item{max-width:12.5%}
.gallery-columns-9 .gallery-item{max-width:11.11%}
}
@media screen and ( min-width: 67em ) {
.navigation-top .wrap{padding:.75em 2em}
.navigation-top nav{margin-left:0}
.sticky .icon-thumb-tack{font-size:32px;font-size:2rem;height:22px;left:-1.25em;top:.75em;width:32px}
.page-numbers{display:inline-block}
.page-numbers.current{font-size:15px;font-size:.9375rem}
.page-numbers.current .screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;
position:absolute!important;width:1px}
.comment-body{margin-left:0}

}
@media screen and ( min-width: 79em ) {
.has-sidebar .entry-content blockquote.alignleft{margin-left:-20%}
.blog:not(.has-sidebar) .entry-content blockquote.alignright,.archive:not(.has-sidebar) .entry-content blockquote.alignright,.page-two-column .entry-content blockquote.alignright,.twentyseventeen-front-page .entry-content blockquote.alignright{	margin-right:-20%}

}
@media screen and ( max-width: 48.8em ) and ( min-width: 48em ) {
.admin-bar .site-navigation-fixed.navigation-top,.admin-bar .site-navigation-hidden.navigation-top{top:46px;}

}
@media print {
form,button,input,select,textarea,.navigation-top,.social-navigation,#secondary,.content-bottom-widgets,.header-image,.panel-image-prop,.icon-thumb-tack,.page-links,.edit-link,.post-navigation,.pagination.navigation,.comments-pagination,.comment-respond,.comment-edit-link,.comment-reply-link,.comment-metadata .edit-link,.pingback .edit-link,.site-footer aside.widget-area,.site-info{display:none!important}
.entry-footer,#comments,.site-footer,.single-featured-image-header{border:0}
body{font-size:12pt}
h1{font-size:24pt}
h2{font-size:22pt}
h3{font-size:17pt}
h4{font-size:12pt}
h5{font-size:11pt}
h6{font-size:12pt}
.page .panel-content .entry-title,.page-title,body.page:not(.twentyseventeen-front-page) .entry-title{font-size:10pt}
.wrap{padding-left:5%!important;padding-right:5%!important;max-width:none}
.site-header{background:transparent;padding:0}
.custom-header-media{padding:0}
.twentyseventeen-front-page.has-header-image .site-branding,.twentyseventeen-front-page.has-header-video .site-branding,.home.blog.has-header-image .site-branding,.home.blog.has-header-video .site-branding{position:relative}
.site-branding{margin-top:0;margin-bottom:1.75em!important}
.site-title{font-size:25pt}
.site-description{font-size:12pt;opacity:1}
.single-featured-image-header{background:transparent}
.entry-meta{font-size:9pt}
body,.site{background:none!important}
body,a,.site-title a,.twentyseventeen-front-page.has-header-image .site-title,.twentyseventeen-front-page.has-header-video .site-title,.twentyseventeen-front-page.has-header-image .site-title a,.twentyseventeen-front-page.has-header-video .site-title a{color:#222!important}
h2,h5,blockquote,.site-description,.twentyseventeen-front-page.has-header-image .site-description,.twentyseventeen-front-page.has-header-video .site-description,.entry-meta,.entry-meta a{color:#777!important}
.entry-content blockquote.alignleft,.entry-content blockquote.alignright{font-size:11pt;width:34%}
.site-footer{padding:0}

} /*media print end*/
.modal-header .modal-title{ color: #333; font-size: 16px; font-weight: 600; }
button.close{ text-shadow: none; }
.close:hover, .close:focus{ background: none; }
.pattern_search_field div {display: none;}
.pattern_search_field {
  font-size: 16px; font-family: 'Cason'; text-transform: uppercase; position: relative; width: 100%; margin: 0 auto;
  padding: 4px 22px 4px 0px; border: solid transparent; border-width: 0px 0px 2px 0px; -webkit-appearance: none;
  -moz-appearance: none; appearance: none; outline: none !important; text-align: left; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; white-space: nowrap;  overflow: hidden;
}
.pattern_search_field:focus {
  border-bottom: 2px solid transparent; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;
}
.pattern_search_field:before {
  content: ""; position: absolute; top: 0;  right: auto;  width: 1px;  height: 60px;  background: transparent;
}
/*caret span styles */
.caret {
  position: relative;
  -webkit-animation: blink 1.2s ease-in-out infinite;
  -moz-animation: blink 1.2s ease-in-out infinite;
  -o-animation: blink 1.2s ease-in-out infinite;
  -ms-animation: blink 1.2s ease-in-out infinite;
  animation: blink 1.2s ease-in-out infinite;
}
.caret:after {
    content: ""; position: absolute; top: 2px; right: -22px; width: 18px; height: 18px;
	border-bottom: 2px solid #000; z-index: -1;
}
.top {top: -30px; background: #ff0;}
@-moz-keyframes blink {
  0% {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
  }
  50% {
	opacity: 1;
	-ms-filter: none;
	filter: none;
  }
  100% {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
  }
}
@-webkit-keyframes blink {
  0% {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
  }
  50% {
	opacity: 1;
	-ms-filter: none;
	filter: none;
  }
  100% {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
  }
}
@-o-keyframes blink {
  0% {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
  }
  50% {
	opacity: 1;
	-ms-filter: none;
	filter: none;
  }
  100% {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
  }
}
@keyframes blink {
  0% {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
  }
  50% {
	opacity: 1;
	-ms-filter: none;
	filter: none;
  }
  100% {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
  }
}
/*** END ***/

    /** Bounce in down **/
    @-webkit-keyframes bounceInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-400px);
        }
        60% {
            -webkit-transform: translateY(20px);
        }
        80% {
            -webkit-transform: translateY(-10px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }
    @-webkit-keyframes bounceInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-400px);
            transform: translateY(-400px);
        }
        60% {
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
        }
        80% {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    @keyframes bounceInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-400px);
            transform: translateY(-400px);
        }
        60% {
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
        }
        80% {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    .bounceInDown.go {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown;
    }

    /** Bounce in left **/
    @-webkit-keyframes bounceInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-400px);
        }
        60% {
            -webkit-transform: translateX(30px);
        }
        75% {
            -webkit-transform: translateX(-10px);
        }
        85% {
            -webkit-transform: translateX(5px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
        }
    }
    @keyframes bounceInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-400px);
            transform: translateX(-400px);
        }
        60% {
            -webkit-transform: translateX(30px);
            transform: translateX(30px);
        }
        75% {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
        }
        85% {
            -webkit-transform: translateX(5px);
            transform: translateX(5px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }
    .bounceInLeft.go {
        -webkit-animation-name: bounceInLeft;
        animation-name: bounceInLeft;
    }
    /** Bounce in Right **/
    @-webkit-keyframes bounceInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(400px);
        }
        60% {
            -webkit-transform: translateX(-30px);
        }
        80% {
            -webkit-transform: translateX(10px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
        }
    }
    @keyframes bounceInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(400px);
            transform: translateX(400px);
        }
        60% {
            -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
        }
        80% {
            -webkit-transform: translateX(10px);
            transform: translateX(10px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }
    .bounceInRight.go {
        -webkit-animation-name: bounceInRight;
        animation-name: bounceInRight;
    }
    /** Bounce in Right 2 **/
    @-webkit-keyframes bounceInRight2 {
        0% {
            opacity: 0;
            -webkit-transform: translateX(400px);
        }
        60% {
            -webkit-transform: translateX(-30px);
        }
        80% {
            -webkit-transform: translateX(10px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
        }
    }
    @keyframes bounceInRight2 {
        0% {
            opacity: 0;
            -webkit-transform: translateX(400px);
            transform: translateX(400px);
        }
        60% {
            -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
        }
        80% {
            -webkit-transform: translateX(10px);
            transform: translateX(10px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }
    .bounceInRight2.go {
        -webkit-animation-name: bounceInRight2;
        animation-name: bounceInRight2;
    }
    /** Bounce in Left 2 **/
    @-webkit-keyframes bounceInLeft2 {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-400px);
        }
        60% {
            -webkit-transform: translateX(30px);
        }
        80% {
            -webkit-transform: translateX(-10px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
        }
    }
    @keyframes bounceInLeft2 {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-400px);
            transform: translateX(-400px);
        }
        60% {
            -webkit-transform: translateX(30px);
            transform: translateX(30px);
        }
        80% {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }
    .bounceInLeft2.go {
        -webkit-animation-name: bounceInLeft2;
        animation-name: bounceInLeft2;
    }
    /** Bounce in up **/
    @-webkit-keyframes bounceInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(400px);
        }
        60% {
            -webkit-transform: translateY(-30px);
        }
        80% {
            -webkit-transform: translateY(10px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }
    @keyframes bounceInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(400px);
            transform: translateY(400px);
        }
        60% {
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
        }
        80% {
            -webkit-transform: translateY(10px);
            transform: translateY(10px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    .bounceInUp.go {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp;
    }
    /** Bounce in **/
    @-webkit-keyframes bounceIn {
        0% {
            opacity: 0;
            -webkit-transform: scale(.3);
        }
        50% {
            opacity: 1;
            -webkit-transform: scale(1.05);
        }
        70% {
            -webkit-transform: scale(.9);
        }
        100% {
             -webkit-transform: scale(1);
        }
    }
    @keyframes bounceIn {
        0% {
            opacity: 0;
            -webkit-transform: scale(.3);
            transform: scale(.3);
        }
        50% {
            opacity: 1;
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
        }
        70% {
            -webkit-transform: scale(.9);
            transform: scale(.9);
        }
        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }
    .bounceIn.go {
        opacity: 1;
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn;
    }
    /** Bounce in **/
    @-webkit-keyframes bounceIn2 {
        0% {
            opacity: 0;
            -webkit-transform: scale(.3);
        }
        50% {
            opacity: 1;
            -webkit-transform: scale(1.05);
        }
        100% {
             -webkit-transform: scale(1);
        }
    }
    @keyframes bounceIn2 {
        0% {
            opacity: 0;
            -webkit-transform: scale(.3);
            transform: scale(.3);
        }
        50% {
            opacity: 1;
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
        }
        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }
    .bounceIn2.go {
        opacity: 1;
        -webkit-animation-name: bounceIn2;
        animation-name: bounceIn2;
    }
    /** Bounce in **/
    @-webkit-keyframes bounceOut {
        0% {
            opacity: 1;
            -webkit-transform: scale(1);
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(0);
        }
    }
    @keyframes bounceOut {
        0% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }
    }
    /** Fade in **/
    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0;
        }
        40%{
           opacity: 0.5;
        }
        100% {
            opacity: 1;
        }
    }
    @keyframes fadeIn {
        0% {
            opacity: 0;
        }
        50%{
           opacity: 0.5;
        }
        100% {
            opacity: 1;
        }
    }
    .fadeIn.go {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
    }
    /** Fade in right **/
    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(400px);
        }
        40%{
           opacity: 0.5;
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
        }
    }
    @keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(400px);
            transform: translateX(400px);
        }
        50%{
           opacity: 0.5;
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }
    .fadeInRight.go {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }
    /** Fade in left **/
    @-webkit-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-400px);
        }
        50%{
           opacity: 0.5;
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
        }
    }
    @keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-400px);
            transform: translateX(-400px);
        }
        50%{
           opacity: 0.5;
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }
    .fadeInLeft.go {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }
    /** Fade in up **/
    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(400px);
        }
        50%{
           opacity: 0.3;
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }
    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(400px);
            transform: translateY(400px);
        }
        50%{
           opacity: 0.3;
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    .fadeInUp.go {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }
    /** Fade in down **/
    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-400px);
        }
        50%{
           opacity: 0.3;
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }
    @keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-400px);
            transform: translateY(-400px);
        }
        50%{
           opacity: 0.3;
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    .fadeInDown.go {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }
    /** Right left infinite **/
    @-webkit-keyframes rightLeftInf {
        0% {
            -webkit-transform: translateX(400px);
        }
        50%{
            -webkit-transform: translateX(0);
        }
        100% {
            -webkit-transform: translateX(400px);
        }
    }
    @keyframes rightLeftInf {
        0% {
            -webkit-transform: translateX(400px);
            transform: translateX(400px);
        }
        50%{
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        100% {
            -webkit-transform: translateX(400px);
            transform: translateX(400px);
        }
    }
    .rightLeftInf.go {
        -webkit-animation-name: rightLeftInf;
        animation-name: rightLeftInf;
    }
/* BounceIn */
@keyframes bounceIn{
  0%{
    opacity: 0;
    -webkit-transform: scale(0.3) translate3d(0,0,0);
    transform: scale(0.3) translate3d(0,0,0);
  }
  50%{
    opacity: 0.9;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  80%{
    opacity: 1;
    -webkit-transform: scale(0.89);
    transform: scale(0.89);
  }
  100%{
    opacity: 1;
    -webkit-transform: scale(1) translate3d(0,0,0);
    transform: scale(1) translate3d(0,0,0);
  }
}
@-webkit-keyframes bounceIn{
  0%{
    opacity: 0;
    -webkit-transform: scale(0.3) translate3d(0,0,0);
    transform: scale(0.3) translate3d(0,0,0);
  }
  50%{
    opacity: 0.9;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  80%{
    opacity: 1;
    -webkit-transform: scale(0.89);
    transform: scale(0.89);
  }
  100%{
    opacity: 1;
    -webkit-transform: scale(1) translate3d(0,0,0);
    transform: scale(1) translate3d(0,0,0);
  }
}
/* Flash */
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes flash {
  0%, 50%, 100% {
  opacity: 1;
  }
  
  25%, 75% {
  opacity: 0;
  }
  }
  
  @keyframes flash {
  0%, 50%, 100% {
  opacity: 1;
  }
  
  25%, 75% {
  opacity: 0;
  }
  }
    .flash.go {
        -webkit-animation-name: flash;
        animation-name: flash;
    }

@-webkit-keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}

@keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}
@-webkit-keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
.anibutton { overflow: hidden; position: relative; z-index: 1;}
.anibutton:before, .anibutton:after {
    position: absolute; top: 50%; content: ''; width: 15px; height: 15px; background: #00c5ff;
    border-radius: 50%; z-index: -1;
}
.anibutton:before {
  left: -20px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); 
}
.anibutton:after {
  right: -20px; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%);
} 
.anibutton:hover:before {
  -webkit-animation: criss-cross-left 0.8s both; animation: criss-cross-left 0.8s both;
}
.anibutton:hover:after {
  -webkit-animation: criss-cross-right 0.8s both; animation: criss-cross-right 0.8s both;
}
.anibutton_round { position: relative; overflow: hidden; z-index: 1;}
.anibutton_round:after {
    content: ""; width: 0; height: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff;
    opacity: 0; margin: auto; z-index: -1; -webkit-transition: background 400ms; transition: background 400ms;
}
.anibutton_round:hover:after{ width: 115%; height: 115%; opacity: 1;}
/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.hvr-pop {
  display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); 
  -webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;	transition: .3s ease-in-out;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {-webkit-transform: scale(1.1);transform: scale(1.1);}
.input {position: relative;	z-index: 1;	display: block;	vertical-align: top;}
.input__field {
	position: relative;	display: block;	float: right;padding: 0.8em;width: 60%;	border: none;border-radius: 0;
	background: #f0f0f0;color: #464646;	font-weight: 300;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}
.input__field:focus {outline: none;}
.input__label {
	display: inline-block; float: right;padding: 0 1em;	width: 40%;	color: #696969;	font-weight: bold;
	font-size: 70.25%;	-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;
	-moz-user-select: none;-ms-user-select: none;user-select: none;
}
.input__label-content {	position: relative;	display: block;	padding: 1.6em 0; width: 100%;}
.graphic {position: absolute;top: 0;left: 0;fill: none;}
.icon {color: #ddd;font-size: 150%;}
/* Nao */
.input--nao {overflow: hidden;padding-top: 0.1em;}
.input__field--nao {padding: 0.2em 0.3em; width: 100%; background: transparent;
	color: #666; font-size: 0.95em; border: none !important;  border-bottom: 1px solid #96969680 !important;
    border-radius: 0 !important; font-family: AvenirNextLTPro-Regular; font-size: 16px;
}
.pattern_search .pattern_search_field {
	width: 100%; padding-left:33px;
	background: transparent; color: #9da8b2; font-size: 0.95em; text-transform:lowercase;
    border-radius: 0 !important; border: 1px solid transparent !important;
    background-image: url('../images/search1.png') !important; background-position:0px 7px;
    background-repeat: no-repeat; -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.7s ease-in-out;float:left;cursor:pointer;	
}
.input__label--nao {
	position: absolute;	top: 0.95em; font-size: 0.85em;	left: 0; display: block; width: 100%; text-align: left;
	padding: 0em; pointer-events: none;	-webkit-transform-origin: 0 0; transform-origin: 0 0;
	transition: transform 0.2s 0.15s, color 1s;	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.graphic--nao {
	pointer-events: none;-webkit-transition: -webkit-transform 0.7s, stroke 0.7s;
	transition: transform 0.7s, stroke 0.7s;-webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
	transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
} 
.input__field--nao:focus + .input__label--nao,
.input--filled .input__label--nao {
	color: #333;-webkit-transform: translate3d(0, -1.25em, 0) scale3d(0.75, 0.75, 1);
	transform: translate3d(0, -1.25em, 0) scale3d(0.75, 0.75, 1);
}
.input__field--nao:focus ~ .graphic--nao,
.input--filled .graphic--nao {-webkit-transform: translate3d(-66.6%, 0, 0);transform: translate3d(-66.6%, 0, 0);}
/*** Account ***/
#account-register { /* display: none; */ }
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {color: #FFF;text-decoration: none;}
.image-sel-box form#image_up_form{width:100%;}

/****** Subscription Page ******/
.sbs_wrapper{ width: 100%; max-width: 1200px; margin: 100px auto;}
.sbs_wrapper h3{ font-size: 24px; text-transform: uppercase; }
.subs_billing_details{ font-family: 'AvenirLTStd-Roman'; }
.subs_billing_details h3{ font-size:40px;font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
    line-height: 1; margin:0px 15px 15px; text-align:left;}
.subs_form_section .input{ max-width: initial; }
.subs_form_section { width: 100%; float: left; clear: left; margin: 0px 0 20px;}
.payment_chk input[type="checkbox"] { display: inline-block;}
.payment_chk label.chk_label {display: inline-block; width: 200px; vertical-align: middle;height: 60px;text-align: center; border: 1px solid #6a6a6a;cursor: pointer;}
.payment_chk label.stripe {background: url(../images/stripe_img.png);}
.subs_form_section button[type="submit"], .subs_form_section button[type="button"], .subs_form_section button {margin: 15px 0 0;}
.subs_plan_wrap h3{font-size:40px;font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
    line-height: 1; margin:0px 15px 15px; text-align:left;}
.subs_plan_container{display:flex;flex-wrap:wrap;justify-content:center;margin: 10px 0 10px;}
.subs_plans{width:275px;margin:0 15px;transition:all .4s ease;-webkit-transition:all .4s ease; border-radius:6px;}
.subs_plans .subs_head{width:100%;height:160px;text-align:center;background:transparent;transition:all .4s ease;-webkit-transition:all .4s ease}
.subs_plans .subs_body{background:transparent;padding:30px 30px;transition:all .4s ease;-webkit-transition:all .4s ease}
.subs_plans .subs_head h4{margin:0 0 15px;transition:all .4s ease;-webkit-transition:all .4s ease}
.subs_plans .subs_head h2.subs_cost{
	padding:0; transition:all .4s ease;-webkit-transition:all .4s ease;margin: 0px 0px 15px; line-height:1;
	}
.subs_plans .subs_head h2.subs_cost sup{top:-.75em;font-size:50%}
.subs_plans .subs_head h2.subs_cost span{font-size:46%}
.subs_plans .subs_body ul.subs_Lst{list-style:none;margin:0 0 10px;text-align: left;}
.subs_plans .subs_body ul.subs_Lst li{padding:8px 0;font-size:15px;line-height:1.1}
.subs_btn_sec{text-align:center; margin-top:10px;}
.subs_btn_sec a.subs_btn,.subs_btn_sec a.subs_btn2{background:#151515;color:#FFF; font-size:16px !important; font-weight:normal !important; line-height:1 !important; padding:9px 18px !important; text-shadow:none; transition:background .2s;
text-transform: capitalize !important;font-family: AvenirNextLTPro-Regular; height: 36px; border-radius:5px;min-width: 180px;}
.subs_btn_sec a.subs_btn:hover,.subs_btn_sec a.subs_btn2:hover{background:#4d659c}
.subs_thanku_wrap,.subs_thanku_wrap_plan{min-width:100%;margin:auto;text-align:center;font-family:'AvenirLTStd-Roman'}
.subs_thanku_wrap h4,.subs_thanku_wrap_plan h4{font-size:50px;text-transform:uppercase;letter-spacing:3px;padding:0}
.subs_thanku_wrap p,.subs_thanku_wrap_plan p{font-size:26px}
.tk_img{width:120px;height:120px;display:inline-block;border-radius:50%;box-shadow:1px 4px 30px 0 rgba(0,0,0,0.2);margin:0 0 30px;background:url(../images/thk-tk.png) scroll center no-repeat}
.pattern_search .input{ width: calc(100% - 0.2em); }

/***** Univ *****/
.two-bx-holder, .three-bx-holder, .four-bx-holder, .full-bx{ width: 100%; display: block; float: left; }
.two-bx-holder .bx-1, .two-bx-holder .bx-2, .three-bx-holder .bx-1, .three-bx-holder .bx-2, .three-bx-holder .bx-3, .four-bx-holder .bx-1, .four-bx-holder .bx-2, .four-bx-holder .bx-3, .four-bx-holder .bx-4, .bx-fl, .bx-1_4, .bx-1_3, .bx-3_4{ float: left; transition: all .4s ease; -webkit-transition: all .4s ease; }
.bx-fl{ width: 100%; }
.three-bx-holder .bx-1{ width: 33.33%; padding-right: 20px; }
.three-bx-holder .bx-2{ width: 33.33%; padding: 0 10px; }
.three-bx-holder .bx-3{ width: 33.33%; padding-left: 20px;}
.two-bx-holder .bx-1{ width: 50%; padding-right: 20px; }
.two-bx-holder .bx-2{ width: 50%; padding-left: 20px; }
.four-bx-holder .bx-1, .four-bx-holder .bx-2, .four-bx-holder .bx-3, .four-bx-holder .bx-4{ width: 25%; }
.four-bx-holder .bx-1{ padding-right: 20px; }
.four-bx-holder .bx-2{ padding: 0 10px; }
.four-bx-holder .bx-3{ padding: 0 10px; }
.four-bx-holder .bx-4{ padding-left: 20px; }

.main_category_header {width: 100%; }/*padding: 0 15px;*/
.main_category_header ul.main_category_list {list-style: none;padding: 0;text-align: center;}
.main_category_header ul.main_category_list li {display: inline-block;padding: 0 10px;}
.main_category_header ul.main_category_list li a.tshirt-icon{ display: inline-block;padding-bottom: 6px;position: relative; }
.main_category_header ul.main_category_list li a.tshirt-icon:after{ width: 70%; background: #000; height: 2px; position: absolute; content: ""; bottom: 0; left:15%;right: 0; transition:all 0.6s ease; -webkit-transition:all 0.6s ease;transform: scale(0);-webkit-transform: scale(0);}
.main_category_header ul.main_category_list li a.tshirt-icon:hover:after, .main_category_header ul.main_category_list li a.active_cat_item:after{ transform: scale(1.0);-webkit-transform: scale(1.0);}

.main_category_header ul.main_category_list li a.tshirt-icon img{ width:37px; height:37px; object-fit:contain; transform: scale(1.0);-webkit-transform: scale(1.0);transition: all 0.4s ease; -webkit-transition: all 0.4s ease; }
.main_category_header ul.main_category_list li a.tshirt-icon:hover img{transform: scale(0.9);-webkit-transform: scale(0.9); }
ul.subcategory-list {margin: 5px 0 0;}
.subcatprods{ width: 100%; }
.sel-tshirt-menu li a img{width:42px;height:30px;object-fit:contain; transition: all 0.4s ease; -webkit-transition: all 0.4s ease;transform: scale(1.0);-webkit-transform: scale(1.0);}
.sel-tshirt-menu li a:hover img{transform: scale(0.9);-webkit-transform: scale(0.9); }
.subcategory-list li a{ position: relative; display: inline-block; padding-bottom: 6px;}
.subcategory-list li a:after{ width: 70%; background: #000; height: 2px; position: absolute; content: ""; bottom: 0; left:15%;right: 0; transition:all 0.6s ease; -webkit-transition:all 0.6s ease;transform: scale(0);-webkit-transform: scale(0);}
.subcategory-list li a:hover:after, .subcategory-list li a.active_cat_item:after{ transform: scale(1.0);-webkit-transform: scale(1.0); }
.sel-tshirt-menu.catprods { margin: 40px 0 0;}
.sel-tshirt-menu.catprods li a.icon { height: 70px;}

/***** 03-10-2018 *****/
.subsAcrd{width: 100%;padding: 0 15px;display: none;}
.subsAcrd .subs_plans{ width: 100%; margin: 0; }
.subsAcrd ul {list-style: none;padding: 0;}
.subsAcrd ul .inner{padding: 1.5em 1.5em 2em 1.2em;overflow:hidden; height:0px; transition:all 0.5s ease;}
.subsAcrd ul .inner.show{opacity: 1; height:auto;}
.subsAcrd ul li{margin: 0.5em 0;}
.subsAcrd ul li a.acd_toggle{width: 100%;display: block;background: rgba(0, 0, 0, 0.78);color: #fefefe;padding: 0.7em;border-radius: 0.15em;transition:background 0.3s ease;font-family: 'AvenirLTStd-Roman';position:relative;font-size: 16px;text-transform: uppercase;}
.subsAcrd ul li a.open{background: #065cdf;}
.subsAcrd ul li a.acd_toggle span.price { font-size: 24px;}
.subsAcrd ul li a.acd_toggle span.price span {font-size: 13px;}
.subsAcrd ul li a.acd_toggle:before{ 
	position:absolute; content:""; top:50%; width:16px; height: 16px; margin-top:-8px; right:30px; opacity: 1;
	background:url(../images/down.png); transition: all 0.4s ease; -webkit-transition: all 0.4s ease; 
}
.subsAcrd ul li a.acd_toggle.open:before{background:url(../images/up.png);}
.subsAcrd ul li a.acd_toggle:hover{background:rgba(0, 0, 0, 0.9);}
.form-field .field-blk.addtext_inputbx input[type="text"]{font-family:'AvenirLTStd-Roman';color:#000 !important;letter-spacing: 0.06em;}
.form-field .field-blk.addtext_inputbx input[type="text"]::placeholder{ color:#178bfe;}

/*----karthik css----*/
.uxt{
    content: 'UXT'; position: absolute; right: 10px; bottom: 8px; color: #fff; font-size: 16px;
    font-family: "Arial Black", "Arial Bold", Gadget, sans-serif !important; background: #000; 
	padding: 3px 4px 3px; border-radius: 3px;z-index: 100; line-height:1;
	}	
.uxt:hover{ color:#fff;}
.site-content {padding: 0 0 0 !important; height: 100%;}
.shapes-field-blk, .fonts-field-blk {position: unset;}
.tfonts_wrapper, .tshape_wrapper {height: calc(100% - 70px) !important;}
.tfonts_wrapper .mCustomScrollBox, .tshape_wrapper .mCustomScrollBox {
    min-height: 100% !important;
}
.fonts-field-blk .mCustomScrollBox, .shapes-field-blk .shape_select, .fonts-field-blk .fonts_select {
    top: 0; left: 0px; bottom: 0;
}

.text-sub-title {padding: 0 10px 10px 11px;}
 .sel_text_shapes{padding: 0px 15px;}
.payment-era{ margin:0px 0px;}
.payment{ width:100%; margin: 0px 0px;}
.payment-era h4 {
    color: #4f5152;color: #666;font-family: 'Arial', Helvetica, sans-serif;font-size: 18px !important;
    text-align: center; padding-left: 0px;
}
.payment-stripe {position: relative; width: 100%; display: inline-block;height: 50px;}
.payment-stripe input {
    opacity: 0; height: 100%; left: 0; top: 0; margin: 0; width: 100%; position: absolute; cursor: pointer;
}
.payment-stripe span {
    pointer-events: none; position: relative; background: url(../images/stripe_img1.png); display: inline-block;
    width: 80%; height: 46px; cursor: pointer;background-repeat: no-repeat; background-position: 30px;border-radius: 5px; background-color: #fff; border: 1px solid #26ae88; padding:3px;
}
.payment-stripe span:before {
    content: "\2713"; position: absolute; height: 30px; width:30px; left: 25px; top: 8px;
    pointer-events: none;border-radius: 100%; font-size: 20px; color: #fff; background: #09a983;
}
.payment-stripe input[type=radio]:checked + span:before {
    content: "\2713"; border: none; background-repeat: no-repeat; background-position: center;
}
.payment-pp {
	position: relative; width: 100%; display: inline-block; height: 50px; margin-top:15px;
	margin-bottom:15px;
 }
.payment-pp input {
    opacity: 0; height: 100%; left: 0; top: 0; margin: 0; width: 100%; position: absolute; cursor: pointer;
}
.payment-pp span {
    pointer-events: none; position: relative; background: url(../images/pp.png); display: inline-block;
    width: 100%; height: 50px; cursor: pointer;background-repeat: no-repeat; background-position: center;border-radius: 5px;
}
.payment-pp span:before {
    content: ""; position: absolute; width: 100%; height: 50px; border: 1px solid #9e9c9b; left: 0; top: 0px;
    pointer-events: none;border-radius: 5px;
}
.payment-pp input[type=radio]:checked + span:before {
    content: ""; border: 1px solid #07a778; background-image: url(../images/success6.png);
    background-color: #07a778ed; background-repeat: no-repeat; background-position: center;border-radius: 5px;
}
.goback {
    position: absolute; right: 10px; top: 10px; cursor: pointer; bottom: 5px; height: 30px; width: 30px; 
	border-radius: 50%; z-index: 1;transform: rotate(45deg);
}
.goback span {
    margin: 6px 0px 0px 0px; transition: 0.3s all; position: absolute; content: " ";
    background: url(../images/plus.svg) no-repeat; width: 27px; height: 27px;
    left: 0; top: -5px; background-size: contain; transform: scale(1.0);
    transition: all 0.4s ease;
}
.goback:hover span {transform: scale(1.1);}
.pro_plan{margin:0px 10px 0px 15px;padding: 15px 15px; height: 400px !important;}
.pro_plan .subs_head{height: auto; padding: 10px 0px 0px;text-align: left;}
/* commands for label color change in plans 14/08/20 */
/*.subs_plans:nth-child(2) { background:#000000;}*/
.pro_plan .subs_head h4 {color: #fff; font-size: 26px; display: inline-block; padding:0px; font-family: 'SF Pro Display';
   line-height:1;}
.pro_plan h2.subs_cost {
    color: #fff; font-size: 26px; display: inline-block; font-family: 'SF Pro Display'; font-weight:normal;
}
.pro_plan h2.subs_cost span {font-size: 28px !important;}
.pro_plan .subs_body { background: transparent; padding: 0px 10px 10px 15px; color: #fff;}
.pro_plan .subscribe {border: 1px solid #fff; padding: 7px 0 !important;}
.pro_plan .subs_btn_sec {text-align: center; margin-top: 130px;}
.pro_plan .subs_body ul.subs_Lst li{font-size: 15px; font-weight: normal; font-family: 'SF Pro Display';}
.std_plan{margin:0px 15px 0px 10px; height: 400px !important;padding: 15px 15px; border: 1px solid #e6e8ea;}
.std_plan .subs_head{height: auto; padding: 10px 0px 0px;text-align: left;}
.std_plan .subs_head h4{
	color: #065cdf; font-size:26px; display: inline-block; padding:0px; font-family: 'SF Pro Display'; line-height:1;
	}
.std_plan h2.subs_cost{
	color: #065cdf; font-size: 26px; display: inline-block; font-family: 'SF Pro Display'; font-weight:normal;
}
.std_plan h2.subs_cost span {font-size: 28px !important;}
.std_plan .subs_body { background: transparent; padding: 0px 10px 10px 15px; color: #065cdf;}
.std_plan h3 {font-size: 40px;margin: 0px 0px 0px;}
.std_plan .subscribe {background: #065cdf !important; font-size:16px !important; font-weight:normal !important; line-height:1 !important; padding:8px 18px !important; text-shadow:none; transition:background .2s;
text-transform: capitalize !important;font-family: AvenirNextLTPro-Regular; height: 36px;}
.std_plan .subs_btn_sec {text-align: center;margin-top: 130px;}
.std_plan .subs_body ul.subs_Lst li{font-size: 15px; font-weight: normal; font-family: 'SF Pro Display';}
.sel-quantity .add_tsize_cart:hover, .sel-quantity .add_tsize_cart:focus{outline:none;}	

.country_box{
    width: 100%; height: 100%; overflow: hidden; position: absolute; background: #fffffff2;
    left: 0; right: 0; top: 0; z-index: 1; padding: 30px; cursor:pointer;  transition: all 0.7s ease;   
	border-radius: 7px 0px 0px 7px; visibility:hidden; opacity:0;
}
.country_box .mCustomScrollBox {max-height: 100% !important;}
.country-wrap {height: calc(100% - 90px);}
.country_box h2{
	text-align: left; font-family: "Arial Black", "Arial Bold", Gadget, sans-serif; color: #232323;
    font-size: 36px; margin: 0px 0px 15px; padding: 0px; line-height: 1;
}
.country_box ul{ list-style:none;}
.country_box ul li{
    text-align: left; width: 49%; float: left; font-size: 14px; line-height: 1; font-weight: normal;
    padding: 10px 4px 10px 24px; position: relative; color: #555351;
}
.country_box ul li.cList:before {
    content: ''; width: 12px; height: 12px; border: 1px solid #3c3b3a; position: absolute; left: 3px; border-radius: 50%;
}
.country_box ul li.active:before {
    content: ''; border: 1px solid #000000; background-color: #000000;
    background-repeat: no-repeat; background-position: center;
}
.ctry{background: url(../images/dr.png); height: 16px; width: 16px; position: absolute; right: 3px; top: 11px;}
.btnSucc,.btnDang{font-size: 12px;}
.formfield label.error:hover {padding: 7px 10px; width:100%;}
.formfield label.error span{opacity:0;}
.formfield label.error:hover span{ opacity:1;}
.formfield label.error:hover b{ display:none;}
#plugin_subscription{width: 100%; max-width: 80%;}
.attribute_quality-select b{display:none;}
.selected_sizes_wrap ul li.active_size_li span.selts_size_span {color: #1479ff;}
button:focus {outline: none !important;}
.btn:focus, .btn.focus {outline: 0; box-shadow: none;}
.pro_plan .subscribe:hover {border: 1px solid #1479ff;}
.country_box .country_search_field {
    width: 90%; padding-left: 33px !important; background: transparent; color: #9da8b2; font-size: 0.95em;
    border-radius: 0 !important; border: 1px solid transparent !important; background-position: 0px 7px;
	background-image: url(../images/search1.png) !important; background-repeat: no-repeat;
    transition: width 0.7s ease-in-out; float: left; cursor: pointer;
}
.shipping_payment{margin: 20px 0px;}
.shipping_payment h4 {
    font-size: 20px; margin: 0px 0px 5px; padding: 0px; font-weight: normal; text-align: left;
    font-family: AvenirNextLTPro-Regular;
}
.shipping_payment .payment-stripe {
    position: relative; width: 49%; display: inline-block; margin-top: 10px; margin-bottom: 20px; height: 50px;
}
.shipping_payment .payment-pp {
    position: relative; width: 49%; display: inline-block; height: 50px; margin-top: 10px; margin-bottom: 20px;
}
.ordr_details .mCustomScrollBox{max-height:100%!important;}
.orderDetails { height:400px; width: 100%;}	
.orderDetails .mCustomScrollBox{ display:block;}	
#previewModal .goback {margin: 0px !important; padding: 0px !important;opacity: 1;}
#previewModal button:hover, #previewModal button:focus{ background:transparent;}
.orderDetails .table tbody tr {border-bottom: 1px solid transparent;}
.orderDetails .table tbody{border-top: 1px solid #ecebea;}
.thanku-page .step-content {
	height: calc(100% - 10px); height: -webkit-calc(100% - 10px); padding: 80px 0px;
	}
#countriesList, #scountriesList{z-index: 1; cursor: pointer;}	
.overlay_underConstruction{
    position: absolute; background: #151616d4; z-index: 999; width: 100%; height: 100%; display:block;
}	
.overlay_underConstruction .underCons{
	top: 50%; transform: translateY(-50%); padding: 15px; max-width: 600px; text-align:center; 
	position:relative; margin:0px auto;
	}
.overlay_underConstruction h2 {font-size: 38px; line-height: 1; color:#fff; letter-spacing:1px;}
.overlay_underConstruction p{color:#fff; letter-spacing:1px; margin: 20px 0px; font-size:16px;}
.undo_redo{display:inline-block !important;}
.undo_redo_wrap a {
    width: 36px; height: 36px; padding: 2px 6px 6px !important; vertical-align: bottom; border-radius: 4px;
    position: relative; background: #000; -webkit-transition: all 400ms; transition: all 400ms;
}
.undo_redo_wrap > a > img {display: none;}
.undo_redo_wrap a.redo_pat_color:after, .undo_redo_wrap a.undo_pat_color:after {
    position: absolute; content: ''; width: 8px; height: 8px; width: 12px; height: 12px;
    left: 10px; background: transparent; top: 12px; transform: rotate(45deg);
}
.undo_redo_wrap a.undo_pat_color:after {  
	border-left: 2px solid #FFF; border-bottom: 2px solid #FFF; left: 13px;
}
.undo_redo_wrap a.redo_pat_color:after {
    border-right: 2px solid #FFF; border-top: 2px solid #FFF;
}
.pay:before {
	content: ''; position:absolute;  background: url(../images/apple.svg); display: inline-block;
    width: 23px; height: 23px; background-size: contain; left: 60px; bottom:6px;   
}
.show_sub_profile i:after, .sw_sub_details i:after {
	content: ''; height: 20px; width: 20px; background: url(../images/dollar.svg); position: absolute; 
	display: block; background-size: contain; margin: 14% 22%; opacity:1;
}
.show_user_profile i:after, .sw_user_details i:after{  
	content: ''; height: 20px; width: 20px; background: url(../images/user.svg); position: absolute; 
	display: block; background-size: contain; margin: 10% 22%; opacity:1;
	}	
.close_prod i:after, .sw_pro_details i:after{  
	content: ''; height: 20px; width: 20px; background: url(../images/cart1.svg); position: absolute;
    display: block; background-size: contain; margin: 14% 22%; opacity:1;
	}
.show_sub_profile i:after, .show_user_profile i:after, .close_prod i:after{transition:all 0.5s ease;}
.myaccount_open .show_user_profile i:after{    
	background: url(../images/plus1.svg); opacity:1; background-size: contain; transform: rotate(45deg);
	transition:all 0.5s ease; margin: 16% 24%;
}
.subscription_open .show_sub_profile i:after{    
	background: url(../images/plus1.svg); opacity:1; background-size: contain; transform: rotate(45deg);
	transition:all 0.5s ease; margin: 16% 24%;
}
.shopping_open .close_prod i:after{    
	background: url(../images/plus1.svg); opacity:1; background-size: contain; transform: rotate(45deg);
	transition:all 0.5s ease; margin: 16% 24%;
}
.micon.active i:after{
	background: url(../images/plus1.svg); opacity:1; background-size: contain; transform: rotate(45deg);	
	transition:all 0.1s ease; margin: 16% 24%;
	}
.alertDiv{
    width: 190px; margin: 70px auto; z-index: 9999; background: #0774bf; position: relative; text-align: center;
    border-radius: 5px; font-size: 16px; color: #fff; line-height: 1; padding: 5px; display:none;
}
 .icons_rate{
    font-size: 14px !important; font-weight: normal !important; padding: 0px 0px !important; margin: -10px 0px 15px !important; letter-spacing:1px;
}
.item_catg_price{ display:none;}

.stripe-grid{width: 100%; max-width: 80%;}
.expiry_date{ margin-top:1em;}

.selected_sizes_wrap ul {text-align: left;}
.design_item_img {margin: 0px 0px; width: 38%;}
.selected_size_li .t-shirt-item {display: block; border: 2px solid transparent; padding: 0px 0px 20px;}
.t-shirt-item-row{display: flex; flex-wrap: wrap;position: relative;}
.item_details{text-align: left; font-size: 16px; padding-top: 15px;}
.item_delete{
    position: absolute; background: #010101; color: #fff; width: 25px; height: 25px; border-radius: 100%; padding: 3px 7px;
    bottom: 40px; left:0px; font-size: 14px; opacity:0;
}
.design_item_img:after {
    content: ''; background: #c11e1e; height: 10px; width: 10px; bottom: -10px; position: absolute; border-radius: 100%;
    left: 65px; opacity: 0; transition: 0.3s linear all;
}
.active_size_li .item_delete{opacity:1;}
.active_size_li .design_item_img:after {opacity: 1;}

/*--------woo-tshirt-designer-public-v2--------*/
.my-accoumt-wrap .card{ display: block; height: 100%; margin: 0;}
.my-accoumt-wrap.step-content{ height: calc(100% - 71px); height: -webkit-calc(100% - 71px);}
.step-content{ height: calc(100% - 131px); height: -webkit-calc(100% - 131px); display: block;}
.subscriptions-page .step-content{
	height: calc(100% - 51px); height: -webkit-calc(100% - 51px); display: flex; 
	justify-content: center; align-items: center; width: 100%;	}
.my-accoumt-wrap .nav-tabs{ position: absolute; left: 0; right: 0; top: 0;}
.my-accoumt-wrap .tab-content{ padding: 26px 0 0; height: 100%; }
.my-accoumt-wrap .tab-pane{ height: 100%;}
.acc_tabout{ height: 100%;  display: flex; width: 100%; align-items: center; justify-content: center;}
.acc_tabin{ height: 100%; max-width: 80%; width: 100%;}
.acc_tabout_order .acc_tabin{ max-width: none;}
.step-content .acc_tabin .mCustomScrollBox{ display: block; max-height: 100% !important;}
.acctab_tt h2, .acctab_tt h4 {font-family: SF Pro Display , "Arial Bold", Gadget, sans-serif; color: #232323; font-size:20px; font-weight: bold; border-bottom: 1px solid #eff2f5; margin: 0 0 10px; padding: 0 0 5px;}
.acctab_ttorder h4{ border-bottom:  0; margin: 0;}
.acctab_btsec .step-btns{ display: block;}
.acctab_middle form:after{ content: ""; display: block; clear: both;}
.acctab_middle .formfield label, .acctab_middle .formfield label{ color: #767676;}
.acctab_middle .formfield label.error{ color: #ffd7d7;}
#account-login .step-content, #account-register .step-content, #account-forgot .step-content{ height: calc(100% - 71px); height: -webkit-calc(100% - 71px); display: flex; justify-content: center;     align-items: center; width: 100%;}
.item_colum_count2 li{width: 50%}
.item_colum_count3 li{width: 50%} 
#register-form, #login-form, #forgot-form{ width: 100% }
.ta-login-wrap, .ta-register-wrap, .ta-forgot-wrap{ max-width: 80%;}
.account-wrapper .formfield button:last-child, .account-wrapper .formfield input[type="button"]:last-child, .account-wrapper .formfield input[type="submit"]:last-child{ margin-right: 0;}
.shipping-address-wrapper { height: 100%;}
.shipping-address-wrapper .step-content{ 
	height: calc(100% - 71px); height: -webkit-calc(100% - 71px); display: flex; justify-content: center;
	align-items: center; width: 100%;}
.shipping-address-wrapper #shipping-address{ width: 100%; max-width: 80%;}
.acc_tabout .shipping-address-wrapper #shipping-address{ max-width: none;}
.appside_bxin{ overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.total-price .order-btn{ margin: 0;}
.item_catg_price, .item_catg_free_count{display:none;}

/*------End------*/


/*-----Responsive Start-----*/
@media screen and (min-width:991px){	
.formfield label.error:hover {width: 70%;}

}
@media screen and (min-width:1360px){
	.app-product-details{ max-height: 80%; top: 10% !important; }
}
@media screen and (min-width:1400px){	
	.app-product-details.go-through{ right: -660px; }
	.app-design-wrap{ height: calc(80vh - 40px );}
}
@media screen and (max-width:1370px){
	.app-product-details.go-through{ right: -660px; }	
	.orderDetails {height: 400px;}
}
@media screen and (min-width:1900px){
	.app-product-details{ max-height: 57%; top: 22% !important; }
}
@media screen and (min-width: 2600) , screen and (min-height: 1200px) {
	.step-header {padding: 10px 20px;}
	.tshirt-list-cntr {min-height: 260px;}  
	.app-product-details{ max-height: 52%; top: 28% !important; }
}
@media screen and (max-width:1280px){
	.container-wrap{ width: 100%; }
	.size-select a { padding: 8px; font-size: 18px;}
}
@media screen and (max-width:1080px){
	.app-edit-wrap{width: 10%; margin: 0 0 0 4%;}
	.app-product-details { z-index: 9; }
	.app-editUl{ margin-left: 0; }
	.change_nav_color{ left: 20px; }
}
@media screen and (max-width:991px){
	.app-product-details {top: 0% !important; max-height: 100%; bottom: 0px;}
	.tshirt-list-cntr {height: calc(100% - 140px);}
	.app-edit-wrap{ width: 10%; margin: 0 0 0 4%; }
	.app-design-wrap{ width: 70%;margin-left: 8%;}
	.choose-clr{left: -15px}
	.pattern-cate-wrap h3.sml-title{margin: 10px 0 0px;}
	.pattern_search{ margin: 0px 0px 5px;}
	.icons_rate {margin: -5px 0px 5px !important;}
	.total-price h2 span.price{font-size:28px;} 
	.sel-quantity{ margin: 0px 0px 0px;} 
	.patrn_Lst li{width: 100%}
	.pattern-cate-sel-box , .display-pattern-box, .app-editUl .app-edit-menu li .show-box{width: 310px !important}
	.patrn_cate_list {height: calc(100% - 112px) !important; }
	.modal-dialog {max-width: 100%; margin: 0.5rem auto;}
	.main_category_header ul.main_category_list li {padding: 0 7px;}
	.main_category_header ul.main_category_list li a.tshirt-icon img {width: 33px; height: 33px;}
}
@media screen and (max-width:860px){
	.app-edit-wrap{ width: 10%;}
	.app-design-wrap { width: 60%; margin: 0 2% 0 10%;}
	.app-product-details{ width: 100%; margin: 0px 0 0px;}
	.size-select a{ font-size: 18px;}
	.choose-clr{ left: -60px; top: 0px;}
	.minicolors-focus .minicolors-panel{left: -5px !important;top: 40px;}
	.minicolors-theme-default .minicolors-input-swatch{ width: 32px; height: 32px; }
	.minicolors input[type=hidden] + .minicolors-input-swatch{ width: 32px;}
	.choose-clr a.clr{width: 32px; height: 32px;}
	.more-colors-wrap{  margin:5px 3px; width: 32px; height: 32px;}
	.rotate_arrow{ width: 32px;height: 32px;line-height: 24px;margin: 5px 3px;}
	.wtsd_logo{ position: absolute; margin: 0 0 30px; width: 70px; }
	.app-wrap{ padding: 60px 0 60px; overflow: hidden; }
	.app-editUl{margin: 0;}
	.more-colors-wrap .minicolors-focus .minicolors-panel{left: 35px !important; top:7px;}
	.change_nav_color .minicolors input[type="hidden"] + .minicolors-swatch{left: 0}
	.change_nav_color .minicolors-focus .minicolors-panel {left: 68px !important;}
	.app-product-details a.close-bx{ bottom: 50px; }
	.app-product-details a.show_sub_profile{bottom:150px;}
}
@media screen and (max-width:800px){
	.container-wrap{ width: 100%; }
	.app-design-wrap { width: 60%; margin: 0 0 0 7.5%;padding-left: 5%;}
	.choose-clr{ left: -80px; top: 0px;}
	.app-editUl{ width: 60px; padding: 2px 10px 2px 7px; }
	.app-editUl .app-edit-menu > li {padding: 11px 0;}
	.sw_pro_details.stick{position: fixed; bottom: inherit;}
	.sw_pro_details{ top: 85px;}
	.sw_user_details{ top: 105px;}
	.app-product-details.fadeInRight{-webkit-transform: translateX(100%);transform: translateX(100%);}
	.app-product-details.go-through{right: -97%}
	.app-product-details.go-through a.close-bx{left: -160px}
	.pattern_search .input { width: calc(100% - 0.4em);}
	.app-product-details a.close-bx {bottom: 50px;}
	.app-product-details a.close-bx.show_sub_profile {bottom: 150px;}
	.site-content-contain{ overflow: hidden;overflow-x: hidden; }
	.container-wrap{ overflow-y: hidden;}
	
	
}
@media screen and (max-width:767px){
.hlf-sleve-wt {height: 30px !important; margin: 4px 0 0 5px;}	
.camera-icon-wt {height: 28px !important; margin: 9px 0 0 5px;}	
.pattern-icon-wt {height: 36px !important; margin: 2px 0 0 5px;}
.dymond-icon-wt {height: 28px !important; margin: 9px 0 0 5px;}
.app-edit-wrap{ width: 100%; position: absolute; margin: 0 -15px; top: 0; left: 15px;padding: 0px 0 0; }
.app-editUl { height: auto; padding: 10px; width: 100%; text-align: center; border-radius: 0; z-index: 10; }
.app-editUl .app-edit-menu {margin: 0px 0 0px;}
.app-editUl .app-edit-menu > li { 
	position: relative; display: inline-block; position: static; padding: 0; vertical-align: top;
	}
.nav_attrafter{ bottom: -11px;}
.app-product-details.go-through{right: -100%}
.app-editUl .app-edit-menu li .show-box{ 
	left:0; right:0; top:0; width:95%; margin:0 auto; height:480px; max-width: 310px;
	}
.app-editUl .app-edit-menu li .pattern-show-box{max-width: 310px; height:480px;}
.app-editUl .app-edit-menu li.pattern_sele_li .pattern-cate-sel-box, .app-editUl .app-edit-menu li .brush-box{ 	  
	margin-left: auto; }
.app-editUl .app-edit-menu li.subtools_show .show-box{ top:100%; text-align: left;left:0;}
.app-editUl .app-edit-menu li .tt-color-box{left:0;right:0;top:0;width:95%;margin:0 auto;}
.app-editUl .app-edit-menu li.tt_colors_open .tt-color-box {top:100%; text-align: left;left:0;}
.app-editUl .app-edit-menu li.pattern_sele_li .pattern-cate-sel-box, .app-editUl .app-edit-menu li .brush-box{height: 480px;}
.app-editUl .app-edit-menu li .svg-color-box{left:0;right:0;top:0;width:95%;margin:0 auto;}
.app-editUl .app-edit-menu li.pattern_svg_open .svg-color-box{top:100%; left: 0; text-align: left;
	-webkit-animation: none; animation: none;}
.app-editUl .app-edit-menu li .pattern-sel-box{ right: 0; left: inherit;}
.app-design-wrap { width: 100%; margin: 50px 0 0; padding: 5px 0; }
.choose-clr { width: 100%;left: 0;top:auto;clear: both;height: 40px; top:-10px;}
.wtsd_logo { top: 60px; }
.thm_icon{ -webkit-transform: scale(0.76); transform: scale(0.76); }
.tsside_switch_warp{ margin: 55px 0 -10px; }
.app-editUl .app-edit-menu > li > a.active:before, .app-editUl .app-edit-menu > li > a:hover:before{left: 4px; width: 32px;}
.app-editUl .app-edit-menu > li > a>svg{ width:26px; height:32px; }
.app-editUl .app-edit-menu > li > a.hlf-sleve-wt >svg, .app-editUl .app-edit-menu > li > a.hlf-sleve-blk >svg{width:28px; height:32px;}
.app-editUl .app-edit-menu > li > a{ width: 62px; height: 38px; background-repeat: no-repeat; }
.app-editUl .app-edit-menu li .show-box.brush-box { width: 95%;}
.size-select a{ font-size: 16px; }
.sel-quantity{ margin: 0 0 0px; padding-left:20px;} 
.total-price{ margin: 15px 0px 10px; width: 130px;} 
.delivery-details {width: 240px;}
.size-select{ margin: 10px 0 20px; }
.field-blk{ text-align: left; }
.brush-size{ text-align: left;}
.app-editUl .app-edit-menu li.subtools_show .pattern-show-box.display-pattern-box {
	top:100%;width:95%;margin:0 auto; left:0; right:0; bottom: auto;
}
.app-editUl .app-edit-menu > li.pattern_svg_open{ position: static;}            
a.back_to_category{ -webkit-transform: rotate(-90deg); transform: rotate(-90deg); width: 21px; height: 21px; }
.brushs_wrap {height: 210px;}
.pencil_bar .minicolors-position-left .minicolors-panel, .addtext_colorbx .minicolors-position-left .minicolors-panel{ 
left: auto; right: 0;}
.change_nav_color .minicolors input[type=hidden] + .minicolors-swatch {position:absolute; left:-9px; top:-13px;}
.change_nav_color {position:absolute; left:0; z-index:7; width:30px; height:30px; text-align:center; top:60px;}
.change_nav_color .minicolors-focus .minicolors-panel { left: -10px !important;top: 31px}
.change_nav_color .minicolors input[type=hidden] + .minicolors-swatch:after{width: 16px !important;height: 16px;}
.more-colors-wrap .minicolors-focus .minicolors-panel{left: -90px !important;}
.white_cloud_theme_wrap .change_nav_color .minicolors-input-swatch .minicolors-swatch-color{border-color: #fff;}
.white_cloud_theme_wrap .change_nav_color .minicolors-input-swatch .minicolors-swatch-color:before, .white_cloud_theme_wrap .change_nav_color .minicolors-input-swatch .minicolors-swatch-color:after{background: #fff;}
.ts_attribute_select ul#attribute_quality li a{font-size: 13px;}
.delivery-details p{font-size: 14px}
.pattern-cate-sel-box, .display-pattern-box {width: 95% !important;}
.item_colum_count1 li{width: 50%}
.item_colum_count3 li{width: 50%}
.app-product-details.go-through a.close-bx{left: 0}
.app-product-details a.close-bx{display: none}
.sw_pro_details, .sw_user_details, .sw_sub_details{
	display:inline-block !important; position:absolute;top:210px; float: right; right: 12px; width: 38px; 
	height: 38px; padding-top: 3px; line-height: 26px;z-index: 9;
	}
.sw_user_details{ top: 350px;}
.sw_sub_details{ top: 300px; }
.sw_pro_details {top: 400px;}
.sw_pro_details img, .sw_user_details img, .sw_sub_details img{max-width: 100%; height: auto; width: 20px;}
.brush_optsec .sele-brush{height: 31px}
.searched-list-items .mCustomScrollbar { height: 240px !important; }
.patrn_cate_list { height: calc(100% - 122px) !important;}
.app-product-details{ z-index: 8;top: 57px !important;}
.account-wrapper{height: 100vh;}
.opn_tans{height: 100vh;top: 0;}
.subscriptions-page.step-content{display:flex}
.sel-tshirt-menu{ width: calc(100% - 10px); }
.subs_plan_container{ display: none}
.subsAcrd{display: block; width:400px;}
.subs_plans {width:100%;}
.show-box a.close-bx:after, .show-box a.close-bx:before{left: 10px;top: 10px;}
.show-box a.close-bx:after{ transform: rotate(45deg); }
.show-box a.close-bx:before {top: 14px;transform: rotate(90deg);left: 8px;}
.item_qty_wrap {width: 40px;height: 40px;top: 0;right: 30px;line-height: 34px;}
.preview_item {width: 130px;}
.preview_btns button.item_save {margin-top: 20px;}
.modal-dialog {max-width: 100%; margin: 0.5rem auto;}	
.pattern-sel-box h5 {text-align: left;}
.patrn_Lst li {text-align: left;}
.subscriptions-page .step-content{
	height: calc(100% - 131px) !important; height: -webkit-calc(100% - 131px) !important;
}
#plugin_subscription {width: 100%; max-width: 90%;}
.subs_form_section .two-bx-holder .bx-1 {width: 100%; padding-right: 0px;}
.subs_form_section .two-bx-holder .bx-2 {width: 100%; padding-left: 0px;}
.payment {width: 80%;margin: 0px auto;}
.subs_form_section .formfield {margin: 0 0 7px;}
.country_box ul li {width: 100%;font-size: 16px; padding: 10px 3px 10px 25px;}
.country_box h2 {font-size: 20px;}
.country_box ul li.cList:before {width: 16px; height: 16px;left: 3px;top: 10px;}
.subsAcrd ul li a.acd_toggle {padding: 1em;font-size: 16px;line-height: 1; font-weight:600; letter-spacing:1px;}
.subsAcrd ul .inner {padding: 0em 0em;}
.std_plan {padding: 15px 15px 15px 15px;height: 320px !important; transition:all 0.5s ease;}
.std_plan .subs_head {padding: 0px 0px 0px;}
.std_plan .subs_btn_sec {text-align: center; margin-top: 40px;}
.payment-era .formfield {margin: 5px 5px 0px 0px; width: 48%; float: left;}

}
@media screen and (max-width:640px){
.tshirt-list-cntr {height: calc(100% - 180px);}	
.pattern-cate-wrap h3 { text-align: left; margin: 15px 0 0;}
.pattern_search { margin: 0px 10px 15px 0;}
.subs_plan_container{ margin: 20px 0 40px;}
.tshirt-list-cntr.hasList{width: 100%}
.woo-powered-by{ bottom: -18px;}
.rotate_arrow {margin: 7px 3px;}
.more-colors-wrap {margin: 7px 3px;}
.ts_attribute_wrap {width: 60%;}
.sel-quantity {width: 40%;}
.app-product-details {border-radius: 0px 0px 0px 0px;}
.sw_user_details{ top: 170px;}
.sw_sub_details{ top: 120px; }
.sw_pro_details {top: 220px;}
.app-product-details{ z-index: 8;top: 57px !important; max-height: 100%; bottom: 0px;border-radius: 0px 0px 0px 0px;}
.item_details {padding-top: 5px;}

}
@media (max-width:577px){	
.goback {position: absolute; right: 18px;}
.design_item_img a.design_item_pop img {width: 160px;}
.simplePopupClose{ width: 22px; height: 22px; }
.ts_attribute_select.attribute_size-select {margin-right: 0px;}
.tshirt-custom-head {padding: 1px 10px 12px;}
.attribute_size-select ul {height: 27px;}
.woo_vari_price {font-size: 14px;}
.ts_attribute_select ul li {margin: 0 30px 0 5px;}
.ts_attribute_wrap {width: 100%;display: block;}
.attribute_size-select ul {height: 27px;}
.ts_attribute_select ul li a {font-size: 12px !important;}
.sel-quantity {width: 100%;display: block; top: 5px; left: -20px;}
.qty-reduce-btn:before {width: 26px; height: 26px; top:0px;}
.qty-increase-btn:after {width: 26px; height: 26px;top:0px;}
.attribute_size-select b, .attribute_quality-select b, .sel-quantity .quantity_label {display: none;}
.attribute_quality-select, .ts_attribute_select.attribute_size-select, .sel-quantity {text-align: center;}
.woo-powered-by{ bottom: -100px;}
.typo-text-icon-wt{height: 30px !important;;margin-top: 5px;}
.pattern-icon-wt{ height: 36px !important;; margin-top: 2px;}
.tshirt-list-cntr {min-height: 230px;}
.preview_btns {display: block;margin-left:0px;}
.delivery-details p {font-size: 13px;}
.total-price h2 span.currency_sym {margin: 0px 0 0;}
.total-price h2 {font-size: 18px; margin: 0px 0px 0px;}
.total-price h2 span.price {font-size: 24px;}
.account-wrapper .formfield button{min-width: 100px;}
.input__field--nao {font-size: 14px !important;}
.step-header h2 {font-size: 24px;}
.my-accoumt-wrap .nav-tabs > li {padding: 0 3px;}
.my-accoumt-wrap .nav-tabs > li > a {font-size: 13px;}
.subsAcrd ul li a.acd_toggle {padding: 1em;font-size: 16px;line-height: 1; font-weight:600; letter-spacing:1px;}
.subsAcrd ul li a.acd_toggle span.price {font-size: 20px;}
.subsAcrd ul .inner {padding: 0.5em 0.5em;}
.std_plan {padding: 15px 15px 15px 15px;height: 300px !important;}
.std_plan .subs_head {padding: 0px 0px 0px;}
.subs_plans .subs_head h4 {margin: 0 0 0px;}
.std_plan .subs_head h4 {font-size: 24px; line-height: 1;}
.subs_plans .subs_head h2.subs_cost {font-size: 26px; line-height: 1;}
.subs_plans .subs_head h2.subs_cost {margin: 0px 0px 0px;}
.subs_plans .subs_body {padding: 10px 10px;}
.subs_plans .subs_body ul.subs_Lst li {padding: 4px 0;}
.std_plan .subs_btn_sec {text-align: center; margin-top: 30px;}
.subs_btn_sec a.subs_btn, .subs_btn_sec a.subs_btn2 {padding: 5px 0;}
.pattern-lists li {display: inline-block; margin: 5px 0px; width: 33%; padding: 0 3px;}
#account-login .step-content {height: -webkit-calc(100% - 110px) !important;}
.delivery-details .delivery_info_text{ display:none}
.tk_img {width: 90px;height: 90px;margin: 0 0 20px;}
.subs_thanku_wrap h4, .subs_thanku_wrap_plan h4 {font-size: 36px; margin: 0px 0px 10px;}
.subs_thanku_wrap p, .subs_thanku_wrap_plan p { font-size: 26px;  margin: 0px 0px 20px;}
.c_shop, .g_account{margin: 10px 0px;}
.app-product-details {border-radius: 0px 0px 0px 0px;}
.pay:before {left: 50px; bottom: 5px;}

}
@media screen and (max-width:499px){
.tshirt-list-cntr {min-height: 150px;height: calc(100% - 230px);}
.price_ctrl_t {display: block;}
.preview_item {width: 100%; display:block; text-align:right;}
.delivery-details {width: 100%;display:block;}
.total-price {width: 100%; display:block; text-align:right;}
.preview_btns button.item_save {margin-top: 0px;}
.design_item_img {margin-bottom:0px;}
.t-shirt-item span.item_price {line-height: 1;}
.preview_btns button.remove_size, .preview_btns button.item_save, .total-price .order-btn, .sel-quantity button.add_tsize_cart{height:30px; padding:7px 8px !important;}
.delivery-details tr > td {padding: 1px; font-size: 15px;}
.woo-design-area {width: 90%;height: 90%; margin: 16% 5% 5% 5%;}
.app-design-wrap .prod-design svg {margin-top: 15%;}
.item_details {text-align: left;font-size: 14px;}


}
@media screen and (max-width:479px){             
.size-select a { font-size: 16px;}
.app-editUl > .app-edit-menu > li{ position: static;}
.app-editUl .app-edit-menu > li > a{ width: 46px;}
.nav_attrafter{ display: none;}
.order-btn{ min-width: 200px; }
.app-design-wrap {margin: 10px 0 0;}
.choose-clr {top: 30px;}
.app-wrap{ padding: 40px 0 60px; } 
.order-btn{ margin: 10px 0 0; }
.field-blk .blk_lable{ font-size: 18px; }
.patrn_Lst li, .image-sel-box .blk-list li{ font-size: 18px; }
.sml-title{ font-size: 20px;}
.selected_sizes_wrap ul li.selected_size_li a.remove_size{top: 16px}
.selected_size_li.active_size_li:after {top: 14px;}
.owl-stage .owl-item:nth-last-child(2) li{ position: relative; }
.blk-list li{ position: relative !important;}
.wtsd_logo{ width: 50px; }
.sel-tshirt-menu li a.tshirt-icon, .sel-tshirt-menu li a.icon{ width: 68px;height: 70px; }
span.design_item_img img {width: 35px;}
span.design_item_img{margin-right: 5px}
span.selts_size_span{width: 160px;}
.sw_pro_details, .sw_user_details, .sw_sub_details{
	width: 33px;line-height: 27px;padding-top: 0; height: 33px;}
.sw_pro_details img, .sw_user_details img, .sw_sub_details img {width: 16px;}
.change_nav_color .minicolors input[type=hidden] + .minicolors-swatch{top: -9px}
.more-colors-wrap .minicolors-focus .minicolors-panel{left: -100 px !important}
.selected_sizes_wrap ul li.selected_size_li{margin-bottom: 20px;}
.brushs_wrap {height: 175px;}
.sel-tshirt-menu.catprods6 li:first-child a.tshirt-icon{ height: 60px;}
.sel-tshirt-menu.catprods6 li:last-child a.tshirt-icon{ height: 65px;}
.main_category_header ul.main_category_list li{ padding: 0 6px;}
.pattern-cate-wrap h3.sml-title{ display: block; }
.searched-list-items .mCustomScrollbar{height: calc(100% - 130px) !important;}
.patrn_cate_list {height: calc(100% - 120px) !important;}
.subsAcrd{ padding: 0 5px; width: 350px;}
.subsAcrd ul li a.acd_toggle{ text-align: left;}
.subs_plans .subs_body{ padding: 20px 10px;}
.subs_plans .subs_head h2.subs_cost{ font-size: 36px;}
.subs_btn_sec a.subs_btn,.subs_btn_sec a.subs_btn2{min-width: 160px;}
.subs_plan_wrap h3{ font-size: 18px; }
.woo-powered-by{ bottom: -100px;}
.account-wrapper .formfield button, .account-wrapper .formfield input[type="button"], .account-wrapper .formfield input[type="submit"] { width: 70% !important;height: auto; margin: 10px 0px;}
.order-history-ta .ta_orders {overflow-x: auto; min-width: 260px; display: block;}
.ordr_details_wrap .step-content {padding: 15px 10px;}
.ordr_details_wrap .acc_tabout_order .mCSB_inside>.mCSB_container {margin-right: 20px;}
.table thead tr th {font-size: 13px;}
.table thead th {border-bottom: none;}
.order-history-ta table .column-head{border-bottom: 2px solid #0d0d0d;}
.table tbody tr td, .table thead tr th {padding: 5px 5px;}
.step-content .table tr td {padding: 7px 5px;}
.order-history-ta table tr td h3 {font-size: 14px;}
.order-history-ta table tr td.ta_order_price {font-size: 14px;}
.order-history-ta table tr td span.date-ta {display: block;}
.order-history-ta table tr td span.status-ta {display: inline;}
.odrc{width: 80px; display: inline-block;}
.sw_user_details{ top: 200px;}
.sw_sub_details{ top: 160px; }
.sw_pro_details {top: 240px;}
.sw_sub_details i:after {height: 16px; width: 16px; margin: 6px 7px;}
.sw_user_details i:after{height: 16px; width: 16px; margin: 6px 6px;}	
.sw_pro_details i:after{height: 16px; width: 16px; margin: 7px 6px;}
.micon.active i:after {margin: 22% 24%;}
.subs_form_section .formfield { margin: 0 0 5px;}
.payment-era .formfield {margin: 5px 1px 0px 1px; width: 49%; float:left;}
.pay:before {width: 20px; height: 20px; background-size: contain;bottom: 5px;}
.subs_form_section button[type="submit"] {width: 97%; margin: 5px 0 0;}
.order_data_column {padding: 10px 10px;}
.order_data_column .address p strong {width: 30%; float:left; margin-left:-3px; text-indent: -10px;}
.order_data_column .address p span {width: 70%; display:inline-block; margin-left:-3px;}
.wc-order-totals tr td {font-size: 14px;}
.order_data_column h3 {margin: 0px 0px 5px;}
.order_data_column .address p {margin: 0 0 0px;}
.order-shirt-display {margin: 5px 5px 5px; padding: 5px 5px;}
.step-content {padding: 15px 10px;}
.design_item_img {width: 35%;}
.item_details > div{line-height:1.5;}

.item_delete{width: 20px; height: 20px; padding: 3px 6px; bottom: 20px; font-size: 11px;}
.design_item_img:after {left: 40px;}


}
@media screen and (max-width:420px){
	.selected_sizes_wrap ul li.selected_size_li{width: 100%}
	.item_colum_count1 li{width: 100%}
	.item_colum_count2 li{width: 100%}
	.item_colum_count3 li{width: 100%}
	
}
@media screen and (max-width:379px){
.app-editUl {padding: 6px 6px 3px;}
.app-editUl .app-edit-menu > li > a{ width: 38px;height: 36px;}    
.hlf-sleve-wt {height: 28px !important;margin: 6px 0 0 4px;}
.txt-edit-icon-wt {height: 40px !important;  margin: 0px 0 0 4px;}
.typo-text-icon-wt {height: 34px !important; margin:4px 0 0 4px;}
.text-icon-wt {height: 30px !important; margin: 4px 0 0 4px;}
.pattern-icon-wt {height: 32px !important; margin: 2px 0 0 4px;}
.brush-icon-wt {height: 32px !important; margin: 4px 0 0 4px;}
.app-product-details {top: 48px !important;}
.app-design-wrap {margin: 10px 0 0;}
.field-blk .blk_lable{ font-size: 16px; }
.t-shirt-chosen-sec{padding: 0 0 15px 0}
.selected_sizes_wrap{padding-top: 0}
.undo_redo_wrap{padding: 0; text-align: left}
.title_unre_wrap{display: block}
.brush-box h3{padding-bottom: 0}
.main_category_header ul.main_category_list li a.tshirt-icon{ width: 32px;}
.subs_plan_wrap .step-content {height: -webkit-calc(100% - 55px); padding: 15px 10px;}
.subsAcrd {width: 330px;padding: 0px 5px;}
.pattern-cate-sel-box, .display-pattern-box {width: 100% !important;}
.app-editUl .app-edit-menu li .show-box {max-width: 100%; border-radius: 0px;}
button, input[type="button"], input[type="submit"] {font-size: 13px !important; padding: 6px 10px !important;height: 30px;}
.ts_attribute_select ul li {margin: 0 25px 0 5px;}
.pay:before {left: 20px; bottom: 5px;}
.modal-body {padding:10px 0px 10px 10px;}

.stripe-grid {max-width: 90%;}
.formfield {margin: 0 0 5px;}
.acctab_tt h2, .acctab_tt h4 {margin: 0px 0px 0px !important; padding: 0 0 0px !important;}
.my-accoumt-wrap .tab-pane {padding: 30px 0;}
.subs_form_section .formfield {margin: 0px 0px 0px;}
.ordr_details_wrap .shipping-address-wrapper1 .step-content {padding: 0px 0px;}



}
@media screen and (max-width:330px){
.subsAcrd{ padding: 0px 0px; width: 300px;}
.std_plan {height: 270px !important;}
.subs_plans .subs_body {padding: 10px 10px;}
.subs_plans .subs_body ul.subs_Lst {margin: 0 0 0px;}
.std_plan .subs_btn_sec {margin-top: 20px;}	
.ts_attribute_select ul#attribute_quality li a {padding: 8px 8px 4px 24px;}
.attribute_quality-select ul li a:before {top: 8px;}
.attribute_size-select ul {height: 24px;}
.qty-reduce-btn, .qty-increase-btn {width: 22px;height: 22px;}
.qty-reduce-btn:before {width: 22px; height: 22px; top: 0px;}
.qty-increase-btn:after {width: 22px; height: 22px; top: 0px;}
.sel-quantity button.add_tsize_cart {font-size: 14px; padding: 6px 14px !important; height: 28px;}
.design_item_img {margin-bottom: 0px !important;}
.t-shirt-item span.item_price {font-size: 16px; margin-top: -10px; line-height: 1;}
.item_qty_wrap {width: 37px;height: 37px;}
span.selts_size_span {width: 100%;text-align: center;line-height: 1;}
.selected_sizes_wrap ul li.selected_size_li {margin-bottom: 10px;}
.selected_sizes_wrap ul li.selected_size_li {margin: 10px -2px;}
span.selts_size_span:before {left: 65px; top: 4px;}
.tshirt-list-cntr {min-height: 170px;}
.total-price p {line-height: 1; display: inline-block;}
.total-price h2 {line-height: 1; display: inline-block;}
.total-price h2 span.price {font-size: 18px;}	
.preview_btns button.item_save {margin-bottom: 5px; margin-top: 0px;}
.total-price {margin: 0px 0 0 !important;}
.delivery-details p {margin-bottom: 0px !important;}
.subscriptions-page .step-content {padding: 10px 20px;}
.subs_form_section button[type="button"], .subs_form_section button {margin: 5px 0 0;}

}