/*
------------------------------------------------------------
Project Name : Tailors Mark;
------------------------------------------------------------
*/


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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
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;
}

/* Css Clearfix */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* alignment */
.alignleft{float: left;}
.alignright{float: right;}

img {vertical-align: middle;}




/* General
--------------------------------------------------------------------------------------------------------*/
body { font-family: 'Avenir-Next-Regular', Arial, sans-serif; color: #202020; font-size: 14px; line-height: 18px; padding: 0; margin: 0; background: #f6f6f6; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
*, *:focus { outline: none; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
ul, ol, dl { padding: 0; margin: 0; }
img { border: none; }
a, a:hover { text-decoration: none; transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }
html, body { height: 100%; }
.container { width: auto; max-width: 1290px; }
.wrapper { min-height: 100%; margin: 0 auto; }
.main-wrap { width: 100%; height: 100%; position: relative;  }
.content-wrap { overflow: hidden; }
.display-table { display: table; height: 100%; width: 100%; }
.display-tablecell { display: table-cell; vertical-align: middle; }
.jq-ry-container[readonly=readonly] { cursor: pointer !important; }

.white-bg {background: #FFF;}

/* img {opacity: 0;}
.modal img{opacity: 1 !important;} */

/* Headings
--------------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { color: #202020; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {display: block;} 
h1 { font-family: 'Libre Baskerville', Georgia, serif; font-weight: normal; font-size: 40px; letter-spacing: -1px; line-height: 58px; margin:0 0 18px; padding:0;}
h2 { font-family: 'Libre Baskerville', Georgia, serif; font-size: 34px; font-weight: normal; letter-spacing: -1px; line-height: 55px; margin: 0 0 16px; padding:0;}
h3 { font-family: 'AvenirNext-DemiBold'; font-size: 16px; font-weight: normal; letter-spacing: 3px; line-height: 22px; text-transform: uppercase;  margin: 0 0 16px; padding:0;}
h4 { font-family: 'AvenirNext-DemiBold'; font-size: 13px; font-weight: normal; letter-spacing: 2px; line-height: 18px; margin:0 0 16px; padding:0; }

h5 { font-family: 'AvenirNext-DemiBold'; font-size: 13px;font-weight: normal; line-height: 18px; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 16px; padding:0;}
h6 { font-family: 'AvenirNext-DemiBold'; font-size: 13px;font-weight: normal; letter-spacing: 2px; line-height: 18px;text-transform: uppercase; margin: 0 0 16px; padding:0;}

p { color: #202020; font-family: 'Avenir-Next-Regular', Arial, sans-serif; font-size: 14px; line-height: 30px; letter-spacing: 0; margin: 0 0 16px; padding: 0; }
a { color: #3A6E90; letter-spacing: 0; font-size: 14px; line-height: 18px; }
a:hover, a:focus { color: #3A6E90; text-decoration: none; }
a.link-text { color: #3A6E90; font-family: 'AvenirNext-DemiBold'; font-size: 14px; font-weight: normal; letter-spacing: 0; text-decoration: underline; }

p b, p strong {font-family: 'AvenirNext-DemiBold'; font-weight: normal;}
p a { color: #3A6E90; font-family: 'AvenirNext-DemiBold'; font-size: 14px; line-height: 30px; font-weight: normal; letter-spacing: 0; text-decoration: underline; }
p a:hover { color: #3A6E90; text-decoration: underline; }

/* black-box */
.black-box h1,.black-box h2,.black-box h3,.black-box h4,.black-box h5,.black-box h6,.black-box p,.black-box .arrow-btn,.black-box .arrow-btn:hover{ color: #ffffff }
.white-box h1,.white-box h2,.white-box h3,.white-box h4,.white-box h5,.white-box h6,.white-box p,.white-box .arrow-btn-white,.white-box .arrow-btn-white:hover{ color: #202020 }

.white-box p:last-child ,.black-box p:last-child { margin-bottom: 0;}


/* Block
--------------------------------------------------------------------------------------------------------*/
.green-block p, .black-block p, .pink-block p { color: #fff; }
.green-block h2, .black-block h2, .pink-block h2 { color: #fff; }
.pink-block a { color: #e8b4aa; }
.grey-block { background: #f4f4f4; }
.green-block { display: block; background-color: #2f5964; padding: 30px; }

.pink-block { display: block; background-color: #cd887b; padding: 30px; }
.blue-block { display: block; background-color: #0a2347; padding: 30px; }
.pink-row { width: 100%; display: block; background-color: #cd887b; padding: 13px 0px; }

/* Button
--------------------------------------------------------------------------------------------------------*/
.btn { margin: 0; letter-spacing: 3px; font-size: 14px; font-weight: normal; text-transform: uppercase; border: none; border-radius: 0; -moz-border-radius: 0;-webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; min-width:180px; display: inline-block; text-align: center; padding: 10px; font-family: 'Avenir-Next-bold'; }
.btn.focus, .btn:focus, .btn:hover { color: #FFF; }
.btn:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; }

.text-white { color: #fff; }
.text-black { color: #000; }
.btn-disable, .btn-disable:hover, .btn-disable:focus { pointer-events: none; box-shadow: none; border: 2px solid #b2b2b2; background: #fff; color: #b2b2b2 }

/* 30-04-2018 */
.arrow-btn, .arrow-btn:hover {  font-family: 'Avenir-Next-bold' }
.arrow-btn-white, .arrow-btn-white:hover { font-family: 'Avenir-Next-bold' }
.btn em { margin-right: 5px; display: inline-block; width: 12px; height: 12px; }
.btn em img {width: 100%;}
.btn i { display: inline-block; vertical-align: middle; }


/* new-btn*/
.inactive { opacity: 0.6; cursor: not-allowed; }
.black-primary { background-color: #202020; color: #FFF; border: 2px solid #202020; }
.black-primary.btn-hover:hover { background: #575757; border: 2px solid #575757; }
.blue-primary { background-color: #3A6E90; color: #FFF !important; border: 2px solid #3A6E90; }
.blue-primary.btn-hover:hover { background: #4787B1; border: 2px solid #4787b1; }
.white-primary { background-color: #FFF; color: #414141; border: 2px solid #FFF; }
.white-primary.btn-hover { background-color: #FFF; color: #202020; border: 2px solid #FFF; }
.white-primary.inactive, .white-primary.inactive:hover { background-color: rgba(255, 255, 255, 0.6); border: 2px solid transparent; opacity: 1; color: rgba(32, 32, 32, 0.6) }
.white-primary.btn-hover:hover { background: #FFF; border: 2px solid #FFF; }
.white-primary:hover, .white-primary:focus { color: #202020; }
.black-secondary, .black-secondary:focus { background-color: transparent; color: #414141; border: 2px solid #414141; }
.black-secondary.btn-hover:hover { background-color: #414141; color: #FFF; border: 2px solid #414141; }
.black-secondary:hover, .black-secondary:focus { color: #414141; }

.white-secondary { background-color: transparent; color: #bfbfbf; border: 2px solid #bfbfbf; }
.white-secondary.btn-hover:hover { color: #FFF; border: 2px solid #FFF; }
.white-secondary:hover, .white-secondary:focus { color: #bfbfbf; }
.white-btn{background: #fff; border:none; color: #202020;}
.white-btn:hover , .white-btn:focus{color: #fff; background: #414141;}

/* breadcrumb */
.breadcrumb { padding: 15px 0; background: #F6F6F6; }
.breadcrumb ul li, .breadcrumb ul li a { font-size: 12px; line-height: 16px; text-transform: none; color: #202020; }
.breadcrumb ul>li+li:before { content: ">"; padding: 0 4px 0 2px; }
.breadcrumb.white ul li, .breadcrumb.white ul li a { color: #ffffff; }
.breadcrumb.white ul>li+li:before { color: #ffffff; }
.breadcrumb ul li { display: inline-block; color: #202020; }

.breadcrumb ul li:last-child { font-family: 'AvenirNext-DemiBold'; }
.breadcrumb ul li a:hover, .breadcrumb ul li a:focus { color: #202020; }
.breadcrumb.white ul li a:hover, .breadcrumb.white ul li a:focus { color: #ffffff; }

/* Form style
--------------------------------------------------------------------------------------------------------*/

/*Start: form-control*/

label { font-family: 'AvenirNext-DemiBold'; display: inline-block; color: #414141; font-size: 12px; letter-spacing: 1.5px; line-height: 18px; font-weight: normal; margin: 0; padding: 0; }
.form-group label { margin-bottom: 10px; text-transform: uppercase;letter-spacing: 1px; }
.form-group { margin-bottom: 28px; }
.form-group .material-icons { position: absolute; right: 16px; display: inline-block; bottom: 12px }
.form-group .success .form-control { padding: 6px 35px 6px 12px; }

/* 13-07-2018 */
.form-group .success { position: relative; display: block; }
.form-group .success:after { content: "done"; font-family: 'Material Icons'; position: absolute; color: #3A6E90; right: 15px; top: 12px; font-size: 18px; line-height: 18px; }
.form-group label.error-text {text-transform: none; display: block; padding-top: 5px; font-size: 13px; line-height: 17px; font-family: 'AvenirNext-DemiBold'; font-weight: normal; color: #FF8A00; letter-spacing: 0; margin-bottom: 0 }
.form-control[readonly]{ background-color: #ffffff !important; }
.form-control{ font-family: 'Avenir-Next-Regular'; height: 42px; width: 100%; border: 1px solid #BFBFBF; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; background-color: #FFFFFF; box-shadow: none; font-size: 14px; line-height: 30px; color: #202020; margin-bottom: 0; }
.form-control::-webkit-input-placeholder { font-family: 'Avenir-Next-Regular'; letter-spacing: 0; font-size: 14px; color: #BFBFBF; line-height: 30px }
.form-control::-moz-placeholder { font-family: 'Avenir-Next-Regular'; letter-spacing: 0; font-size: 14px; color: #BFBFBF; line-height: 30px }
.form-control:-ms-input-placeholder { font-family: 'Avenir-Next-Regular'; letter-spacing: 0; font-size: 14px; color: #BFBFBF; line-height: 30px }
.form-control:-moz-placeholder { font-family: 'Avenir-Next-Regular'; letter-spacing: 0; font-size: 14px; color: #BFBFBF; line-height: 30px }
.form-control:focus { border: 2px solid #4787B1; box-shadow: none; }
.form-control.error-msg { border-bottom: 2px solid #FF8A00; }
.form-control.error-msg:focus { border: 1px solid #BFBFBF; border-bottom: 2px solid #FF8A00;}
.form-control:disabled { background: #E4E2E2; }
textarea.form-control { resize: none; line-height: 24px; height: 114px }
input, textarea, .multiselect { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance:none;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; }

/* select-dropdown */
.select2-search--dropdown { display: none; }
.select2-dropdown { z-index: 2; }
.modal-open .select2-dropdown, .custom-modal-open .select2-dropdown { z-index: 99999 }
.select-dropdown .select2 { height: 42px; border: 2px solid #BFBFBF; border-radius: 2px; background-color: #FFFFFF; }
.select2-container--default .select2-selection--single { border: none; border-radius: 0; background: none; display: block; height: 40px; }
.select2-container .select2-selection--single .select2-selection__rendered { padding: 6px 30px 6px 12px; color: #202020; font-size: 14px; height: 40px }
.select-dropdown.error-msg .select2, .select-dropdown.error-msg .select2:hover { border-bottom: 2px solid #FF8A00; }
.select2-container--default .select2-selection--single .select2-selection__arrow { display: none }
.select2-container--open .select2-dropdown--below { top: 0px; border: 1px solid #BFBFBF; border-radius: 2px; background-color: #FFFFFF; box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); -ms-box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); -o-box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); margin: 5px 0; }
.select2-container--open .select2-dropdown--above { top: -12px; border: 1px solid #BFBFBF; border-radius: 2px; background-color: #FFFFFF; box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); -ms-box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); -o-box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); margin: 5px 0;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{ background-color: #FFF; color: #202020 }
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #F6F6F6; }
.select2-results__option { color: #202020; padding: 6px 12px; font-size: 14px; line-height: 30px; width: 100% }
.select-dropdown .select2.select2-container--open { border: 2px solid #4787B1; }
.select-dropdown.error-msg .select2.select2-container--open{border: 1px solid #BFBFBF; border-bottom: 2px solid #FF8A00; }

.select-dropdown .material-icons { bottom: 18px; font-size: 18px; line-height: 18px; color: #393939 }
.select2-container--default .select2-results__option[aria-selected=true] {background-color: transparent;}
.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:#f6f6f6;}
.select-dropdown .default-value { font-size: 14px; line-height: 30px; color: #BFBFBF }
.select-dropdown { display: block; position: relative; }
.select2-container .select2-selection--single .select2-selection__rendered:after { right: 5px; top: 18px; position: absolute; content: ''; background: url('../images/drop-down-arrow-new.png'); height: 18px; width: 18px; background-repeat: no-repeat; background-size: 8px }
.select2-container--default .select2-selection--single .select2-selection__placeholder { font-size: 14px; line-height: 30px; color: #BFBFBF; }
.select-dropdown .select2-container--focus { border: 2px solid #4787B1; }


.custom-modal .shape-fit .select2-dropdown { z-index: 1111; }

/* previous-icon-css start*/
.form-group.previous-icon .form-control { padding: 6px 30px 6px 42px; }
.form-group.previous-icon .calendar-icon { position: relative; display: block; }
.form-group.previous-icon .calendar-icon:before { content: "date_range"; font-family: 'Material Icons'; position: absolute; color: #C0C0C0; left: 15px; bottom: 12px; font-size: 18px; line-height: 18px; text-transform: none; }
.form-group.previous-icon .calendar-icon:after { content: "arrow_drop_down"; font-family: 'Material Icons'; position: absolute; right: 12px; top: 12px; font-size: 18px; line-height: 18px; text-transform: none; }
.form-group.previous-icon .search-icon { position: relative; display: block; }
.form-group.previous-icon .search-icon:before { content: "search"; font-family: 'Material Icons'; position: absolute; color: #C0C0C0; left: 15px; bottom: 12px; font-size: 18px; line-height: 18px; text-transform: none; }
.form-group.previous-icon .search-icon:after { content: ""; position: absolute; display: none; }

/* secure-checkout-innerstyling */
.form-group .row  .form-col.form-col-inner { margin-bottom: 15px }

/* previous-icon-css ends*/

/* date-picker */
.datepicker-outer { position: relative; }
.ui-datepicker { display: none; margin-top: 10px; background-color: #fff; box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.07), 0 12px 10px 0 rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.07), 0 12px 10px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.07), 0 12px 10px 0 rgba(0, 0, 0, 0.08); -ms-box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.07), 0 12px 10px 0 rgba(0, 0, 0, 0.08); -o-box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.07), 0 12px 10px 0 rgba(0, 0, 0, 0.08); width: 333px; min-height: 377px }
.ui-datepicker .ui-datepicker-title { letter-spacing: 2px; text-transform: uppercase; font-size: 13px; line-height: 18px;   font-family: 'AvenirNext-DemiBold'; color: #000000; padding: 0 18px; text-align: center; }
.ui-datepicker .ui-datepicker-prev { left: 0; }
.ui-datepicker .ui-datepicker-next { right: 0; }
.ui-datepicker .ui-state-highlight.ui-datepicker-today a { border: 1px solid #3A6E90 !important; }
.ui-datepicker .ui-datepicker-today a { border: 1px solid #BFBFBF !important; border-radius: 100% }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; height: 30px; width: 30px; }
.ui-datepicker table { width: 100%; padding: 0 20px; display: block; }
.ui-datepicker table thead { display: table; width: 100% }
.ui-datepicker table tbody { display: table; width: 100% }
.ui-datepicker table th, .ui-datepicker table td { text-align: center; }
.ui-datepicker table th { padding: 22px 5px; font-family: 'AvenirNext-DemiBold'; color: #BFBFBF }
.ui-datepicker table td a { padding: 10px; font-size: 14px; color: #202020; display: block; line-height: 38px;}
.ui-icon-circle-triangle-e, .ui-icon-circle-triangle-w { display: inline-block; width: 9px; height: 15px; padding: 0; font-size: 0; text-indent: -9999px; }
.ui-icon-circle-triangle-e { background: url(../images/right-arrow-small.png) no-repeat; cursor: pointer; }
.ui-icon-circle-triangle-w { background: url(../images/left-arrow-small.png) no-repeat; cursor: pointer; }
.ui-datepicker td, .ui-datepicker td a { padding: 0 !important; width: 38px; height: 38px; line-height: 38px; margin: 0 auto; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0; text-align: center }
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a { background: #3A6E90; color: #fff; border-radius: 100px; width: 38px; height: 38px; line-height: 38px }
.multidatepicker .ui-datepicker-unselectable.ui-state-disabled .ui-state-default { color: #dbdbdb; }
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight td {  line-height: 38px; }
.ui-datepicker table th span { display: block; line-height: 38px; text-align: center; }
.ui-datepicker .continue{display: none;}

/*-----------Custom tab----------*/
.custom-tab { display: block; margin-bottom: 20px }
.custom-tab .tabs { margin-bottom: 20px; padding: 0; color: #BFBFBF; letter-spacing: 2px; float: left; width: 100%; }
.custom-tab ul.tabs li { font-family: 'AvenirNext-DemiBold'; color: #BFBFBF; letter-spacing: 2px; position: relative; font-size: 13px; float: left; margin: 0; padding: 0 27px 10px 0; cursor: pointer; line-height: 13px; overflow: hidden; margin-bottom: 10px; }
.custom-tab ul.tabs li:hover, .custom-tab ul.tabs li.active { color: #202020; }
.custom-tab ul.tabs li.active:after { content: ""; position: absolute; bottom: 0px; height: 2px; background-color: #202020; width: auto; left: 0; right: 25px; margin: 0 auto; }
.custom-tab ul.tabs li:last-child { padding-right: 0 }
.custom-tab ul.tabs li.active:last-child:after { right: 0 }
.custom-tab .tab_container { width: 100%;}
.custom-tab .tab_content { display: none; }
.custom-tab .tab_drawer_heading { display: none; background-color: #fff; }
.custom-tab .custom-tab-content .tab-list ul { font-size: 14px; line-height: 30px; color: #202020; list-style: inside; padding-top: 20px; margin: 0; }

/*------white box--------*/
.white-box { display: block; background-color: #fff; box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); -ms-box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); -o-box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); }
.collection-page .white-box { box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;-ms-box-shadow: none; }
.hero-banner .hero-banner-text .white-box a.btn ,.hero-banner .hero-banner-text .black-box a.btn{margin-right:12px;}

/*------black box--------*/
.black-box { display: block; background-color: #202020; }

/* Support pages */
.inner-wrapper { padding: 45px 0 45px 45px; }
.two-col-layout .flex-row { display: flex; -ms-flex:1; flex-wrap: nowrap; }
.before-after-none:before, .before-after-none:after {display: none;}
.suppprt-pages.two-col-layout .right-col {background: #FFF;min-height: 1086px;height: 100%;}
.suppprt-pages.two-col-layout:after {background: #FFF; position: absolute; content: ""; right: 100%; width: 70%; top:0; bottom: 0; height: 100%;}
.suppprt-pages.two-col-layout .side-nav {background: #f6f6f6;position: relative;z-index: 2}

.suppprt-pages.two-col-layout .side-nav:after {background-color: #f6f6f6; display: none;}
.alert p { padding-bottom: 0 }

/* -------------------------- Side-Navigation ------------------------------ */
.side-nav-open { overflow: hidden; }
.side-nav { background: #ffffff; padding: 0 0 0 15px; -webkit-box-shadow: 6px -6px 10px -1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 6px -6px 10px -1px rgba(0, 0, 0, 0.08); box-shadow: 6px -6px 10px -1px rgba(0, 0, 0, 0.08); }
.side-nav ul { padding: 0; margin: 38px 0; }
.side-nav ul > li > ul > li { padding: 0 0 20px; }
.side-nav ul > li > ul { padding-left: 28px; margin: 30px 0 0 0; }
.side-nav ul li { padding: 15px 30px 0 0px; }
.side-nav ul > li.active > a { color: #000; font-family: 'AvenirNext-DemiBold'; }
.side-nav ul li a { font-size: 13px; font-family: 'AvenirNext-DemiBold'; word-wrap: break-word; line-height: 18px; letter-spacing: 2px; color: #bfbfbf; text-transform: uppercase; }
.side-nav ul > li > ul > li > a { margin: 0; }
.side-nav ul li a:hover { color: #000; cursor: pointer; }
.side-nav:after { position: absolute; content: ""; top: 0; right: 0px; left: -390px; bottom: 0; background-color: #fff; z-index: -1 }
.inner-wrapper h1.title-text { position: relative; padding-right: 30px; text-align: left; }
.inner-wrapper h1.title-text i.dropdown-img { position: absolute; top: -16px; right: -15px; cursor: pointer; padding: 15px; }
.inner-wrapper h1.title-text i.dropdown-img img { height: 8px; width: 12px; }
.cms-space { padding-bottom: 30px }

/*--------------------HTML Table----------------------*/
.table { background: #fff; }
.table-block { max-width: 756px; margin: 25px 0px; }
.table-bordered { border: 1px solid #E4E2E2; }
.table-borderless { border-bottom: none; }
.table-borderless thead tr { background: #F6F6F6; }
.table-borderless tbody { background: #ffffff }
.table-borderless tbody tr:first-child { border-top: 1px solid #E4E2E2; }
.table-borderless tbody tr:last-child { border-bottom: 1px solid #E4E2E2; }
.table-borderless thead tr th { font-family: 'AvenirNext-DemiBold'; font-weight: normal; padding: 15px 20px; vertical-align: middle; font-size: 13px; letter-spacing: 2px; line-height: 19px; color: #000; border-left: none; border-right: none; border-bottom: none; text-transform: uppercase; }
.table-borderless tbody { border-top: 1px solid transparent; border: 1px solid transparent; border-left: 1px solid #E4E2E2; border-right: 1px solid #E4E2E2; }
.table-borderless tbody tr:nth-child(even) td { background-color: #F6F6F6 }
.table-borderless tbody tr { border-top: 1px solid transparent; border-left: 1px solid #E4E2E2; border-right: 1px solid #E4E2E2; }
.table-borderless tbody tr:hover { border: 1px solid #4787B1; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.29); -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.29); -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.29); -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.29); }
.table-borderless tbody tr td { font-family: 'Avenir-Next-Regular'; font-size: 14px; letter-spacing: 0; line-height: 14px; padding: 15px 20px; vertical-align: middle; border: none; color: #202020; }

/*--------------------HTML Table----------------------*/

/*---------------------------------cms-image (satisfaction-guarantee)------------------------------------*/

.cms-image { margin-bottom: 25px; }

/*----------------------------------------------- Terms and Conditions ---------------------------------------------------------*/

.paragraph-div h5, .paragraph-div h6 { margin: 20px 0px; }

/* zoomholder img */

.visible-img{ opacity: 0 !important; }

/* common-banner */
.hero-banner { position: relative; }
.hero-banner .white-box { position: absolute; padding: 55px; max-width: 640px }
.hero-banner .black-box { position: absolute; padding: 55px; max-width: 496px }
.hero-banner img { width: 100%; background: #fff }

.hero-banner-text { padding-left: 15px; padding-right: 15px; position: absolute; top: 0; bottom: 0; left: 0; max-width: 1290px; margin: 0 auto; right: 0; width: 100% }
.offset-middle { top: 50%; transform: translateY(-50%); }

/* common-banner */
.right-white-box { right: 15px }
.left-white-box { left: 15px; }

/* hero-banner with landing banner*/
.hero-banner.landing-banner .white-box { bottom: 0; padding: 50px; }
.hero-banner.landing-banner .white-box.offset-middle { bottom: auto;}
/*offer-label*/
.offer--label { display: inline-block; }
.offer--label label { text-align: center; font-family: 'Avenir-Next-bold'; display: inline-block; color: #FFFFFF; font-size: 11px; font-weight: normal; letter-spacing: 1px; line-height: 18px; min-width: 40px; margin: 0; padding: 0; }
.offer--label .black-label { background-color: #202020; }
.offer--label .blue-label { background-color: #3A6E90; }

/* checkbox */
.checkbox-outer { position: relative; cursor: pointer; padding-left: 20px; line-height: 14px }
.checkbox-outer .icheckbox_square { background: url('../images/checkbox-outer.png')no-repeat; left: 0; position: absolute; width: 14px; height: 14px; background-size: 14px }
.checkbox-outer .icheckbox_square.checked { background: url('../images/check-box-checked.png')no-repeat; background-size: 14px }

/* radio-button */
.radio-btn { position: relative; cursor: pointer; padding-left: 20px; line-height: 14px }
.radio-btn .iradio_square { background: url('../images/radio-box.png'); left: 0; position: absolute; width: 14px; height: 14px; background-size: 14px }
.radio-btn .iradio_square.checked { background: url('../images/radio-checked.png'); background-size: 14px }

/* feedback */
.feedback label { margin-bottom: 22px; font-size: 16px; font-family: 'AvenirNext-DemiBold'; letter-spacing: 3px; line-height: 22px; color: #202020 }
.feedback li { display: inline-block; margin-right: 10px }
.feedback li:last-child { margin-right: 0 }
.feedback li label { cursor: pointer; font-family: 'AvenirNext-DemiBold';   padding: 28px 25px; min-width: 145px; margin: 0; border: 1px solid #BFBFBF; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; background-color: #FFFFFF; font-size: 12px; line-height: 16px; font-weight: normal; letter-spacing: 1px; text-align: center; color: #414141;display: inline-flex; align-items: center; justify-content: center;
}
.feedback li.active label { border: 2px solid #4787B1; }

/* stepper */
.stepper .stepper-outer { display: inline-block; border: 1px solid #E6E6E6; border-radius: 2px; background-color: #FFFFFF; }
.stepper .stepper-outer input { width: 60px; font-family: 'Avenir-Next-Medium'; text-align: center; border: none; font-size: 13px; font-weight: normal; color: #202020; }
.stepper .stepper-outer .add_remove { background-color: #FFFFFF; display: inline-flex;justify-content: center; line-height: 48px; width: 70px; text-align: center; padding: 0 13px; }
.stepper .stepper-outer .add_remove.remove { border-radius: 2px 0 0 2px; border-right: 1px solid #E6E6E6; }
.stepper .stepper-outer .add_remove.add { border-radius: 2px 0 0 2px; border-left: 1px solid #E6E6E6; }
.stepper .stepper-outer .add_remove i { position: relative; top: 5px; right: 0; font-size: 18px; line-height: 18px; color: #414141; }

/* account-label */
.badges-outer label.badges-label { font-family: 'Avenir-Next-bold';  letter-spacing: 0; border-radius: 50px; -webkit-border-radius: 50px; -ms-border-radius: 50px; -moz-border-radius: 50px; background-color: #3A6E90; color: #FFFFFF; font-size: 12px; font-weight: normal; line-height: 16px; padding: 5px 15px; margin-bottom: 14px; }
.badges-label i { font-size: 14px;  line-height: 14px; display: inline-block; vertical-align: middle; padding-left: 5px; }
.badges-label em { display: inline-block; }
.master-card { max-width: 261px; background-color: #FFFFFF; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); padding: 30px; display: block; }
.master-card .master-card-inner { margin-bottom: 20px; }
.master-card .master-card-inner i { display: inline-block; margin-right: 5px }
.master-card .master-card-inner label { color: #000000; font-size: 16px; font-family: 'Avenir-Next-bold'; letter-spacing: 0.94px; line-height: 24px; margin: 0; vertical-align: middle; }
.master-card label.account-badges-outer { margin-bottom: 15px }
.master-card span { display: block; color: #393939; font-size: 14px; line-height: 16px; margin-bottom: 5px; }
.master-card span:last-child { margin-bottom: 0 }

/*custom-modal*/
.modal.fade.in { background: rgba(0, 0, 0, 0.60);z-index: 11111;padding: 0 15px; }
.modal-content { border: none; border-radius: 0 !important; box-shadow: none; }
.large-modal.custom-modal .modal-dialog { margin: 100px auto; max-width: 840px; height: auto;width: auto; }
.small-modal.custom-modal .modal-dialog { margin: 100px auto; max-width: 514px; height: auto;width: auto; }
.custom-modal .modal-content {padding: 60px 50px; width: 100%; box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); -o-box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); -ms-box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); border: none; border-radius: 0; -webkit-border-radius: 0; }
.custom-modal .modal-header { border: none; padding:0; position: relative; }
.custom-modal .modal-body { padding: 0; }
.modal-header { text-align: left; background: #FFF; padding: 10px 10px 5px 25px; border-bottom: 1px solid #ebebeb; }
.custom-modal .modal-dialog .close { margin-top: 0; width: 35px; height: 35px; top: -40px; right: -5px; }
.custom-modal .close img { width: 20px; height: 20px;}
.custom-modal p span{ display: block; }
.custom-modal .modal-dialog .alert{margin:0 0 15px;}
.custom-modal .modal-dialog .alert .close{top:4px;}
.custom-modal .signup-footer {margin-top: 30px; text-align: center; }


/*table*/
.specification-table { position: relative; }
.specification-table tbody::-webkit-scrollbar { width: 3px; }
.specification-table tbody::-moz-scrollbar { width: 3px; }
.specification-table tbody::-webkit-scrollbar-track { border: 2px solid #DCE0E0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.specification-table tbody::-moz-scrollbar-track { border: 2px solid #DCE0E0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.specification-table tbody::-webkit-scrollbar-thumb { border: 2px solid #202020; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.specification-table tbody::-moz-scrollbar-thumb { border: 2px solid #202020; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.specification-table tbody tr:nth-child(even) { background-color: #F6F6F6; }
.specification-table thead tr th { color: #202020 !important;   font-family: 'AvenirNext-DemiBold'; text-transform: uppercase; }
.specification-table thead tr { background-color: #F6F6F6 !important; }
.specification-table tbody tr td { border: none; font-family: 'Avenir-Next-Regular', Arial, sans-serif; height: 45px; }
.specification-table tbody tr td:first-child { font-size: 13px; line-height: 13px; color: #000; vertical-align: middle; text-transform: uppercase;  font-family: 'Avenir-Next-Medium'; letter-spacing: 2px; padding: 13px 18px; }
.specification-table tbody tr td:last-child { font-size: 14px; line-height: 14px; color: #202020; vertical-align: middle; text-align: right; padding: 13px 18px; }


/* pagination*/
.listing ul li:after , .pagination--list ul li:after { position: absolute; content: ""; background: #202020; width: 1px; right: -3px; top: 2px; bottom: 0; height:13px; }
.listing ul li:last-child:after , .pagination--list ul li:last-child:after{ display: none } 

.listing ul li { font-size: 14px; line-height: 16px; color: #7d7d7d; position: relative; display: inline-block; padding: 0 8px;  }
.listing ul li:first-child {padding-left: 0}
.listing ul li a:hover { color: #3A6E90; }

.listing span { font-size: 14px; line-height: 18px; color: #202020 }
.custom-pagination li a:hover { color: #3A6E90; }
.listing span { font-size: 12px; line-height: 16px; color: #3a3a3a; border-right: 0; }
.pagination-block:last-child { margin-bottom: 30px }
.pagination-block{ line-height: 37px}
.pagination--list ul{display: inline-block;}
.pagination--list ul li{color: #202020; font-size: 14px; line-height: 18px;position: relative;display: inline-block;}
.pagination--list ul li a{font-family: 'AvenirNext-DemiBold';padding: 0 8px;color: #202020;}
.pagination--list ul li a:hover{ color: #3A6E90; } 
.custom-pagination li { padding: 0 5px; }
.custom-pagination li a {font-size: 13px; font-family: 'AvenirNext-DemiBold'; color: #414141;line-height: 18px }
.pagination-block .pagination--list span{font-size: 13px; letter-spacing: 2.2px; font-family: 'AvenirNext-DemiBold';}
.pagination-block .pagination--list span b{font-family: 'Avenir-Next-bold'; font-weight: normal;}
.custom-pagination li a { color: #202020; font-size: 14px; padding: 0 2px; }
.pagination-block .text-right {padding-right: 0;}

.pagination { display: inline-block; margin: 0; position: absolute; right: 37px; top: 0; 	 }
.pagination li { float: left; font-size: 18px; line-height: 22px; padding: 0; color: #979797; }
.pagination li span { padding: 0; border: none; color: inherit; }
.pagination li span:hover { background: transparent; color: inherit; }
.pagination li a { color: #979797; border: none; padding: 0; font-size: 18px; }
.pagination li a:hover, .pagination li a.active { color: #202020; background: transparent; }
.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: transparent; border: none; }

.custom-pagination li { display: inline-block; }
.custom-pagination li.prev.pagination-text a , .custom-pagination li.next.pagination-text a { font-size: 14px;color: #bfbfbf; }
.custom-pagination li.prev.pagination-text em.prev-text { margin-left: 10px; }
.custom-pagination li.next.pagination-text em.next-text { margin-right: 10px; }
.custom-pagination li.prev a { color: #575757; font-size: 18px; }
.custom-pagination li.next a { color: #575757; font-size: 18px; }
.custom-pagination li.next {padding-right: 0;}
.custom-pagination li a:hover { color: #3A6E90; }
.custom-pagination li a i:before { position: relative; top: 2px; }
.custom-pagination li.active a { color: #3A6E90;}
.listing span { color: #7d7d7d;font-size: 14px; display: inline-block; padding-right: 5px; margin-right: 5px;  }
.listing ul { display: inline-block; }
.listing ul li a { color: #202020; }
.listing ul li.active a { color: #3A6E90; }

.listing ul li a { padding: 0 3px; }

.prev img { top: -1px; left: 0; width: auto; height: auto; position: relative; }
.next img { top: -1px; right: 0; width: auto; height: auto; }
.category-new-page .shirt-collection-panel .refine-panel { padding-top: 2px; }


/* Pagination Mobile */
.pagination-content { text-align: center; }
.pagination-content li { display: inline-block; padding: 0 25px; }
.pagination-content li:last-child { padding-right: 0; }
.pagination-content li span { font-size: 15px; color: #202020; position: relative; top: 2px; }
.pagination-content li a { width: 15px; height: 15px; display: block; }
.pagination-content li a img { width: 100%; }
.pagination-content.bottom-pagination { margin-bottom: 50px; }
.pagination-content .next, .pagination-content .prev { padding: 0; }
.pagination-content .next img { top: 0; }


.suppprt-pages .support_right_bg {
	background: #fff;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 50%;
	z-index: -1;
}

/* new demand block*/
.due_to_demand{ color: #3A6E90 !important; }
.demand_block{margin-top: 15px;}


/*29-4-19 new-hero-banner*/

/*.collection-banner.custom-banner .banner-image > img {height: 100%;width: 100%;}*/
.collection-banner.custom-banner .banner-image{height: 350px;}


.custom-banner{display: flex; -ms-flex:1; flex-wrap: nowrap;align-items: center;justify-content: center;position: relative;}
.custom-banner .banner-image{position: relative;width:100%;background-size: cover !important;}
.custom-banner .white-box{max-width: 640px;padding:35px;}
.custom-banner-text {position: absolute;left:0;right:0;display: flex; -ms-flex:1; flex-wrap: nowrap;z-index:1;flex-direction: column;justify-content: center;align-items:flex-start;max-width: 1290px;width:100%;margin:0 auto;padding-left: 15px;padding-right: 15px }

.custom-banner .banner-height{width:100%;}
.custom-banner .banner-height img{position: static;height: 100%;width: 100%;object-fit: cover;}

/* dropdown with icon*/

.select2-results__options li[id*="Create suit size"] { color: #3A6E90 !important; border-top: 1px solid #bfbfbf; background-image: url('../images/custom_size_icon_blue.png'); background-position: 10px; background-repeat: no-repeat; font-family: 'AvenirNext-DemiBold'; font-size: 13px; line-height: 24px; padding: 9px 12px 9px 33px;background-size: 14px;background-size: 17px;}
.select2-results__options li[id*="Create suit size"]:hover,
.select2-results__options li[id*="create-suit-size"]:focus,
.select2-results__options li[id*="create-suit-size"]:active { color: #3A6E90; }

.select2-results__options li[id*="Create new size"] { color: #3A6E90 !important; border-top: 1px solid #bfbfbf; background-image: url('../images/custom_size_icon_blue.png'); background-position: 10px; background-repeat: no-repeat; font-family: 'AvenirNext-DemiBold'; font-size: 13px; line-height: 24px; padding: 9px 12px 9px 33px;background-size: 14px;background-size: 17px;}
.select2-results__options li[id*="Create new size"]:hover,
.select2-results__options li[id*="create-new-size"]:focus,
.select2-results__options li[id*="create-new-size"]:active { color: #3A6E90; }

/* tab-accordian for support pages */

/* tab-accordian */

.tab-accordian { position: relative;padding: 20px 0 0; }
.tab-accordian .tab-accordian-inner .accordian-title h3 { float: left; margin-bottom: 0;text-transform: inherit;letter-spacing: 0;color: #414141;font-family: 'Avenir-Next-Medium'; }
.tab-accordian .tab-accordian-inner .accordian-title .right-block { float: right; }
.tab-accordian .tab-accordian-inner .accordian-title a.remove, .tab-accordian .tab-accordian-inner .accordian-title a.add { float: right; vertical-align: middle;line-height: 30px; }
.tab-accordian.active .tab-accordian-inner .accordian-title a.add, .tab-accordian .tab-accordian-inner .accordian-title a.remove { display: none; }
.tab-accordian.active .tab-accordian-inner .accordian-title a.remove, .tab-accordian .tab-accordian-inner .accordian-title a.add { display: inline-block; width: 13px; }
.tab-accordian.active .tab-accordian-inner .accordian-title a.remove img, .tab-accordian .tab-accordian-inner .accordian-title a.add img { width: 100%; }

.tab-accordian .tab-accordian-inner .accordian-title{ padding: 20px 30px;background-color: #f6f6f6;cursor: pointer;position: relative; }
.tab-accordian.active .tab-accordian-inner .accordian-title:before { position: absolute;content: "";height: 100%;width: 2px;border-left: 2px solid #ffbc00;display: block;top: 0;left: 0; }
.tab-accordian .tab-accordian-inner .accordian-content { padding: 25px 72px;display: none; }
.tab-accordian .tab-accordian-inner .accordian-content p { text-align: left;padding-right: 35px; }
.tab-accordian .tab-accordian-inner .accordian-content p.pink-text { color: #ffa2cb; }
.tab-accordian .tab-accordian-inner .accordian-content p.green-text { color: #a0ffa3; }
.tab-accordian .tab-accordian-inner .accordian-content p > b { color: #202020; }

/*custom-callouts-block*/
.custom-callouts-block{padding: 53px 0;}
.custom-callouts-block ul{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin: 0 -15px;}
.custom-callouts-block ul li{width: 33.33%;padding: 0 15px;text-align: center;}
.custom-callouts-block ul li > i{display: inline-block;margin:0 auto;height: 13px;width: 13px;margin-bottom: 17px;}
.custom-callouts-block ul li h3{letter-spacing: 2.67px; color: #414141;margin-bottom: 19px;}
.custom-callouts-block ul li p{line-height: 24px;color: #414141;padding: 0 15px;margin-bottom: 13px;}
.custom-callouts-block ul li a{font-size:14px;line-height: 20px;color: #4787b1;}
.custom-callouts-block ul li a i{display: inline-block;margin-left: 7px;width: 12px; line-height: 0; position: relative; top: -1px; }
.custom-callouts-block ul li a i img{ max-width:100% }


/*custom-outer-border-block*/
.custom-outer-border-block{padding-top: 21px;position: relative;font-size: 13px;line-height: 24px;letter-spacing: 0;color: #414141;margin-top: 12px;}
.custom-outer-border-block:before { position: absolute; content: ""; width: 50px; top: 0; left: 0; background: #febc3b;height: 1px;}
.custom-outer-border-block .custom-tooltip-icon{margin-left: 9px;position: relative;}
.custom-outer-border-block .custom-tooltip-icon:hover .custom-tooltip{display: block;}
.custom-outer-border-block .custom-tooltip-icon img { width: 100%; max-width: 12px; display: inline-block !important; cursor: pointer; }
.custom-tooltip {position: absolute;left: auto;right:-4px;top:24px;width: 300px;display: none;z-index: 5; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);}
.custom-tooltip h5 {-webkit-border-radius:3px 3px 0 0 ;border-radius:3px 3px 0 0 ;letter-spacing: 2.15px;font-size: 14px;line-height: 19px; text-align: left; width: 100%; color: #FFFFFF; background: #202020; padding: 20px; text-transform: uppercase;margin-bottom: 0; }
.custom-tooltip .custom-tooltip-content{padding:19px 20px 5px;background: #fff;-webkit-border-radius: 0 0 3px 3px;border-radius: 0 0 3px 3px;}

/*custom-new-collection-select*/
.custom-new-collection-select { -webkit-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2); position: fixed; background: #394757; bottom: 110px; width:100%;max-width: 430px; z-index: 30; padding: 20px; right:140px;-webkit-border-radius: 3px;border-radius: 3px;}
.custom-new-collection-select p{line-height: 20px;color: #fff;margin-bottom: 20px;}
.custom-new-collection-select .collection-btn-block {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
.custom-new-collection-select .collection-btn-block li{margin-right: 42px;}
.custom-new-collection-select .collection-btn-block li:last-child{margin-right: 0px;}
.custom-new-collection-select .collection-btn-block .btn{ font-family: 'AvenirNext-Demibold';background: none;color: #fff;letter-spacing: 0;padding: 0;line-height: 20px;text-transform: none;min-width:auto;}
.custom-new-collection-select .collection-btn-block .btn.yellow-btn{color: #febc3b;text-transform: uppercase;}

.custom-new-collection-select.white-theme { background: #fff; padding: 20px 20px 12px; }
.custom-new-collection-select.white-theme p { color: #000; margin-bottom: 14px; }
.custom-new-collection-select.white-theme li .btn.blue-btn { color: #4787b1; text-transform: uppercase; }
.custom-new-collection-select.white-theme li:first-child .btn { color: #000; }
.custom-new-collection-select.white-theme .collection-btn-block { margin-top: 27px; margin-bottom: 15px; justify-content: space-between; }
.custom-new-collection-select.white-theme .dismiss-btn { text-align: right; }
.custom-new-collection-select.white-theme .dismiss-btn .btn { font-family: 'AvenirNext-Demibold';background: none;color: #4787b1;letter-spacing: 0;padding: 0;line-height: 20px;text-transform: none;min-width:auto;}

/* 18-11-2019 Search icon */
.suit-shirt-searchbar { width: 100%; max-width: 50%; min-width: 260px; margin-bottom: 10px; margin-top: 10px; }
.suit-shirt-searchbar .search-bar { position: relative; }
.suit-shirt-searchbar .search-bar .form-control { padding-right: 40px; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.suit-shirt-searchbar .search-bar button {
	position: absolute;
	right: 6px;
	top: -1px;
	bottom: 0;
	cursor: pointer;
	background: none;
	border: none;
}
.suit-shirt-searchbar .search-bar button img {
	height: 16px;
	width: 16px;
}

.add-fabric-modal-block .form-control[readonly] { background-color: #efefef !important }
.add-fabric-modal .info-block a, .add-fabric-modal .info-block a b {     color: #3A6E90;
    font-family: 'AvenirNext-DemiBold';
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    text-decoration: underline; }

	.garment-detail.jacket .suit-shirt-searchbar { margin-bottom: 20px; }
	.contrast-block.style-consultant .suit-shirt-searchbar { display: block; }
	.contrast-block.style-consultant .custom-outer-border-block { display: none; }


	.tab-detail-inner.full-width { padding-right: 0; min-height: auto; margin-bottom: 10px; }
	.tab_content.style-consultant .fabric-designer-grid { height: calc(100% - 120px); height: -webkit-calc(100% - 120px); }
	.tab_content.style-consultant.fabric-none .fabric-designer-grid { height: calc(100% - 138px); height: -webkit-calc(100% - 138px); }

	.tab_content.contrast-block .fabric-designer-grid { height: calc(100% - 153px); height: -webkit-calc(100% - 153px); }

	.tab_content.contrast-block.style-consultant .fabric-designer-grid { height: calc(100% - 115px); height: -webkit-calc(100% - 115px); }
	.tab_content.contrast-block.style-consultant.fabric-none .fabric-designer-grid { height: calc(100% - 138px); height: -webkit-calc(100% - 138px); }

/****************************************************media**************************************************/

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

	/*custom-new-collection-select*/
	.custom-new-collection-select{right: 50px;}
}

@media(max-width:1200px) {
	.container { max-width: 1090px; }

	/* common-banner */
	.hero-banner-text { max-width: 1090px }
	.hero-banner .white-box, .hero-banner .black-box { padding: 30px; }
}
@media(max-width:1024px) {

	


	/* support-pages */
	.inner-wrapper { padding: 30px 0 30px 30px; }
	.custom-pagination .next{right: 0;}

	/* tab-accordian */

	.tab-accordian .tab-accordian-inner .accordian-title h3 { max-width: calc(100% - 50px);text-align: left; }


}

@media ( max-width: 1024px ) and ( min-width: 768px ){
	.tab-accordian .tab-accordian-inner .accordian-content { padding: 25px 35px; } 
	.tab-accordian .tab-accordian-inner .accordian-content p { padding-right: 0; }   
}

@media(max-width:991px) {

	/* common-banner*/
	.hero-banner .white-box, .hero-banner .black-box { padding: 25px; }
	.ui-datepicker td span, .ui-datepicker td a { padding: 0; }
	.ui-datepicker table td, .ui-datepicker table td a { line-height: 38px }
	.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a { line-height: 38px }

	/* inner-wrapper */
	.inner-wrapper{ padding:15px 0 15px 15px; }

	/*custom-new-collection-select*/
	.custom-new-collection-select { bottom: 185px; }

	/* 18-11 Searchbar*/
	.suit-shirt-searchbar { margin-top: 20px; }

	.tab_content.style-consultant.fabric-none .fabric-designer-grid { height: calc(100% - 148px); height: -webkit-calc(100% - 148px); }
  .tab_content.style-consultant .fabric-designer-grid { height: calc(100% - 125px); height: -webkit-calc(100% - 125px); }
}
@media(max-width:840px) {
	.large-modal.custom-modal .modal-dialog { margin: 100px 15px; }
}

@media(min-width: 768px){
	.select-dropdown .select2 {width:100% !important;}
	/* 29-4-19 */
	/*.collection-banner.custom-banner .banner-image > img{ object-fit: cover; }*/
}

@media(max-width:768px) {
	.side-nav { padding-left: 15px; }
}

@media (max-width: 991px) and (orientation: landscape){ 

	.custom-new-collection-select { bottom: 50px; }

}


@media(max-width:767px) {

	/*custom-new-collection-select*/
	.custom-new-collection-select{right: 5px;}

	/* TMS-322 */

	.tab-accordian { padding: 10px 0 0; }

	/* TMS-322 ends */

	.collection-banner.custom-banner .banner-image { height: 120px; }


	.pagination-block .text-right {padding-right: 15px;}

	/*1-1-2019 new-hero-banner*/
	.custom-banner{display: block;}
	.custom-banner-text{max-width: inherit;width:100%;top:auto;display: block;bottom:-130px;}
	.custom-banner .white-box{padding:40px 30px 30px;max-width: inherit;width:100%;box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:0 12px 10px 0 rgba(0, 0, 0, 0.08);-o-box-shadow:0 12px 10px 0 rgba(0, 0, 0, 0.08);-moz-box-shadow:0 12px 10px 0 rgba(0, 0, 0, 0.08);}

	.mobile-padding-0 {padding:0;}
	.container { max-width: 690px; }

	.custom-modal .modal-content{padding:50px 30px 30px;}

	/* Heading */
	h1 { font-size: 30px; line-height: 40px;margin:0 0 24px;}
	h2 {font-size:28px; line-height: 32px; }

	/* btn(13-07-2018 mrng) */
	.btn { min-width: 150px; }

	/*side-navigation */
	.side-nav { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15) }
	.two-col-layout .side-nav ul { padding: 0px 20px; }
	.two-col-layout .side-nav ul > li > ul { padding-right: 0; }
	.two-col-layout .side-nav ul li { padding: 3px 30px 16px 0px; }
	.two-col-layout .side-nav { -webkit-overflow-scrolling: touch; display: none; position: fixed; bottom: 10px; overflow-y: scroll; z-index: 99; top: 137px; right: 0; left: 0; max-width: 660px; margin: 0 auto; }
	.two-col-layout .side-nav:after { position: absolute; content: ""; top: 0; right: 0px; left: 0px; bottom: 0; background-color: transparent; z-index: -1; }
	.two-col-layout .side-nav ul li a.sub-menu { padding-left: 25px; }
	.two-col-layout .right-col .inner-wrapper .dropdown-img.arrow-down img { transform: rotate(-180deg); transition: all 0s; -ms-transition: all 0s; moz-transition: all 0s; -webkit-transition: all 0s; }
	.side-nav ul { margin: 25px 0px; }/*
	.two-col-layout .side-nav > ul { padding-top: 80px; }
	.two-col-layout .side-nav ul li.close-btn { border: 1px solid #414141;padding: 5px 15px; }
	.suppprt-pages.two-col-layout .side-nav { background: #fff; }*/
	.two-col-layout .inner-wrapper { padding: 30px 0 0 }
	.two-col-layout .flex-row { display: block; flex-wrap: nowrap; }

	/* common banner */
	.hero-banner-text, .hero-banner .white-box, .hero-banner .black-box { padding: 40px 30px; position: static; max-width: 100% }
	.offset-middle { transform: none }
	.hero-banner-text { padding: 0; text-align: left; }

	/* hero-banner width landing-banner */
	.hero-banner.landing-banner .hero-banner-text { position: absolute; max-width: 100% }
	.hero-banner.landing-banner .white-box { margin: 0 30px; width: auto; position: absolute; max-width: 375px; padding: 40px 30px 30px; bottom: auto; top: 30px; }
	.hero-banner.landing-banner .white-box.offset-middle{bottom: -25px;z-index: 1;top: auto;}
	.hero-banner.landing-banner .black-box {padding:40px 30px;}

	/*26-07-2018*/
	.ui-datepicker .ui-datepicker-next { right: 20px; }
	.ui-datepicker .ui-datepicker-prev { left: 20px; }
	.ui-datepicker table { padding: 0 30px }
	.ui-datepicker table th span { width: auto; }
	.ui-datepicker table th { padding: 22px 15px 22px; }

	/* custom tab */
	.custom-tab .tabs { display: none; }
	.custom-tab .tab-head { height: 63px; position: relative; margin-bottom: 1px  }
	.custom-tab .tab-head .tab_drawer_heading { color: #000; font-family: 'AvenirNext-DemiBold'; margin: 0; text-transform: uppercase; padding: 24px 45px 21px 18px; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	.custom-tab .tab-head .tab_drawer_heading.tab_last { box-shadow: none; }
	.custom-tab .tab-head.d_active a{transform: scaleY(-1);}
	.custom-tab .tab-head a { position: absolute; transform: scaleY(1); display: block; height: 18px; width: 13px; right: 25px; bottom: 20px; transition: none; }
	.custom-tab .tab-head a img { width: 100%; }
	.custom-tab .custom-tab-content { padding-top: 0px; }
	.custom-tab .custom-tab-content .tab_content { display: none; height: auto; padding: 32px 19px 29px 18px; box-shadow: inset 0 -1px 0 0 #ECECEC; -webkit-box-shadow: inset 0 -1px 0 0 #ECECEC; -moz-box-shadow: inset 0 -1px 0 0 #ECECEC; -o-box-shadow: inset 0 -1px 0 0 #ECECEC; }
	.custom-tab .custom-tab-content .tab_content.tab_last { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; }

	/*custom-modal*/
	.custom-modal .modal-content .bottom-btn .btn { display: block; margin-bottom: 10px; white-space: normal;word-break: break-all;}
	.custom-modal .modal-content .bottom-btn .btn:last-child { margin-bottom: 0px }

	/* white-box */
	.white-box { box-shadow: none }
	.hero-banner.landing-banner .white-box { box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); -ms-box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.08); }
	.measurementPopup h2 { max-width: 100%; }

	/*pagination*/
	.listing ul li , .custom-pagination li{border-bottom: 0px !important;}
	.pagination-block:last-child .pull-right { float: none !important; text-align: center;clear:both; }
	.suppprt-pages.two-col-layout .side-nav{position: fixed;}

	/* tab-accordian */
	.tab-accordian .tab-accordian-inner .accordian-title h3 { line-height: 28px;color: #202020; }
	.tab-accordian .tab-accordian-inner .accordian-title , .tab-accordian .tab-accordian-inner .accordian-content{ padding: 15px; }  
	.tab-accordian .tab-accordian-inner .accordian-content p { padding: 0; }  
	.tab-accordian .tab-accordian-inner .accordian-title a.remove, .tab-accordian .tab-accordian-inner .accordian-title a.add { line-height: 28px; }

	/*custom-callouts-block*/
	.custom-callouts-block ul li{width: 100%;padding: 0;margin-bottom: 15px;}
	.custom-callouts-block ul li:last-child{margin-bottom: 15px;}
	.custom-callouts-block ul{flex-wrap: wrap;margin: 0;}
	.custom-callouts-block ul li > i{margin-bottom: 10px;}
	.custom-callouts-block ul li h3{margin-bottom: 15px;}
	.custom-callouts-block ul li p{padding: 0;height: auto !important;}


}

@media(max-width:690px) {
	.hero-banner.landing-banner .white-box { margin: 0 15px; }
	
	.two-col-layout .side-nav { margin: 0 15px; }
}
/*
@media(max-width: 567px){

	.add-fabric-modal-block.manual-fabric-modal-block .row > div  { width: 100%; }
	}*/

	@media(max-width:519px) {
		.ui-datepicker table { padding: 0; margin: 0 }
		.ui-datepicker .ui-datepicker-next { right: 10px; }
		.ui-datepicker .ui-datepicker-prev { left: 10px; }

		.small-modal.custom-modal.fade .modal-dialog { margin: 100px 15px; }
		.measurementPopup .table.specification-table.body-measurement{max-width: 520px;overflow: auto;}

}
@media(max-width:480px) {
	.measurementPopup .table.specification-table { width: 100%; max-width: inherit; }
	.specification-table tbody tr td:last-child { padding-right: 18px }
	.table-header-top .col-sm-6.bold { padding-right: 18px }

	/*custom-outer-border-block*/
	.custom-tooltip{right: auto;}
}

	/* 18-july mrng side-navigation */
	@media(max-width:471px) {
		.two-col-layout .inner-wrapper { padding: 27px 0; }
	}

@media(max-width:414px) {
	.stepper .stepper-outer input{width:23px;font-size: 12px}
	.stepper .stepper-outer .add_remove{width:33px;font-size: 12px}
}
@media(max-width:375px) {
	.table-header-top .col-sm-6.bold { padding-right: 0 }

	/*custom-new-collection-select*/
	.custom-new-collection-select{right: 0px;}
}

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

		.suit-shirt-searchbar { min-width: 250px; }
	}


	@media(max-width:320px){
		.custom-banner-text{bottom:-100px;}
	}