/* 
	Table of Contents
	update on Mon Apr 25 2016 17:20:49 GMT+0300 (FLE Daylight Time)

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Background -------------------------------
	         Mobile Only ------------------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	     02. Content ----------------------------------
	     03. Footer -----------------------------------
	     04. Header -----------------------------------
	     05. Header Secondary -------------------------
	     06. Main -------------------------------------
	     07. Shell ------------------------------------
	     08. Sidebar ----------------------------------
	     09. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Button -----------------------------------
	         Button Block -----------------------------
	     02. Form Elements ----------------------------
	     03. Form -------------------------------------
	     04. Intro ------------------------------------
	     05. Link Cart --------------------------------
	     06. Link More --------------------------------
	     07. List -------------------------------------
	     08. Logo -------------------------------------
	     09. Nav --------------------------------------
	     10. Products ---------------------------------
	     11. Search -----------------------------------
	     12. Section Primary --------------------------
	     13. Slider -----------------------------------
	     14. Socials ----------------------------------
	     15. Table ------------------------------------
	     16. Widget -----------------------------------
 */

/*Float Clearing*/
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

.footer-logo { background-image: url(imagesTD/sprite.png); background-position: 0 -29px; width: 100px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-arrow-right { background-image: url(imagesTD/sprite.png); background-position: -71px -63px; width: 14px; height: 8px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-cart { background-image: url(imagesTD/sprite.png); background-position: -104px -29px; width: 20px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-facebook { background-image: url(imagesTD/sprite.png); background-position: 0 -81px; width: 7px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-gplus { background-image: url(imagesTD/sprite.png); background-position: -55px -63px; width: 12px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-instagram { background-image: url(imagesTD/sprite.png); background-position: -19px -63px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-pinterest { background-image: url(imagesTD/sprite.png); background-position: -37px -63px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-search { background-image: url(imagesTD/sprite.png); background-position: -128px -29px; width: 19px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-twitter { background-image: url(imagesTD/sprite.png); background-position: 0 -63px; width: 15px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
.logo { background-image: url(imagesTD/sprite.png); background-position: 0 0; width: 149px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.footer-logo { background-image: url(imagesTD/sprite.@2x.png); background-position: 0 -27px; background-size: 149px 90px; width: 100px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-arrow-right { background-image: url(imagesTD/sprite.@2x.png); background-position: -102px -48px; background-size: 149px 90px; width: 14px; height: 8px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-cart { background-image: url(imagesTD/sprite.@2x.png); background-position: -102px -27px; background-size: 149px 90px; width: 20px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-facebook { background-image: url(imagesTD/sprite.@2x.png); background-position: 0 -75px; background-size: 149px 90px; width: 7px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-gplus { background-image: url(imagesTD/sprite.@2x.png); background-position: -49px -59px; background-size: 149px 90px; width: 12px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-instagram { background-image: url(imagesTD/sprite.@2x.png); background-position: -17px -59px; background-size: 149px 90px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-pinterest { background-image: url(imagesTD/sprite.@2x.png); background-position: -33px -59px; background-size: 149px 90px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-search { background-image: url(imagesTD/sprite.@2x.png); background-position: -124px -27px; background-size: 149px 90px; width: 19px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-twitter { background-image: url(imagesTD/sprite.@2x.png); background-position: 0 -59px; background-size: 149px 90px; width: 15px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
	.logo { background-image: url(imagesTD/sprite.@2x.png); background-position: 0 0; background-size: 149px 90px; width: 149px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; }
}

.header:after,
.shell:after,
.products:after,
.section-primary .section-head:after { content: ''; line-height: 0; display: table; clear: both; }

/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; }

html,
body { height: 100%; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }
img, iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

input[type="submit"], a.button, .remove { line-height: 2.25em; background-color: #e80000; border-radius: 0.50em; padding: 0 1em; font-weight: bold; color: white; border: none; text-align: center; text-decoration: none; display: block; -webkit-appearance: none; margin: 0 auto; }
.button-white { background-color: #999999 !important; overflow: hidden; white-space: nowrap; }
.errorInline, .error-msg { color: red; font-weight: 600; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: #f6f6f6; font-family: 'franklin_gothic', sans-serif; font-size: 16px; line-height: 1.3; color: #231f20; }

a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }

a[href^="tel"] { text-decoration: none; }
.alert { font-weight: bold; color: red; text-align: center; padding: 4em 1em }

h1 { font-size: 60px; font-weight: 600; color: #fff; }
h2 { font-size: 24px; font-weight: 400; }
h3 { font-size: 14px; font-weight: 400; }
h4 { font-size: ; }
h5 { font-size: ; }
h6 { font-size: ; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.65em; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.3em; }

ul, ol { margin-left: 1.25em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

@media (max-width: 767px) {
	h1 { font-size: 30px; }
	h2 { font-size: 16px; }
}

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'franklin_gothic';
    src: url('fontsTD/franklingothic-book-webfont.eot');
    src: url('fontsTD/franklingothic-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontsTD/franklingothic-book-webfont.woff2') format('woff2'),
         url('fontsTD/franklingothic-book-webfont.woff') format('woff'),
         url('fontsTD/franklingothic-book-webfont.ttf') format('truetype'),
         url('fontsTD/franklingothic-book-webfont.svg#franklin_gothic_fsbook') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'franklin_gothic';
    src: url('fontsTD/franklingothic-bookit-webfont.eot');
    src: url('fontsTD/franklingothic-bookit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontsTD/franklingothic-bookit-webfont.woff2') format('woff2'),
         url('fontsTD/franklingothic-bookit-webfont.woff') format('woff'),
         url('fontsTD/franklingothic-bookit-webfont.ttf') format('truetype'),
         url('fontsTD/franklingothic-bookit-webfont.svg#franklin_gothic_fsbook_italic') format('svg');
    font-weight: normal;
    font-style: italic;

}




@font-face {
    font-family: 'franklin_gothic';
    src: url('fontsTD/franklingothic-demi-webfont.eot');
    src: url('fontsTD/franklingothic-demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontsTD/franklingothic-demi-webfont.woff2') format('woff2'),
         url('fontsTD/franklingothic-demi-webfont.woff') format('woff'),
         url('fontsTD/franklingothic-demi-webfont.ttf') format('truetype'),
         url('fontsTD/franklingothic-demi-webfont.svg#franklin_gothic_fsdemi') format('svg');
    font-weight: 600;
    font-style: normal;

}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after { content: ''; line-height: 0; display: table; clear: both; }


/*  Notext  */

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }


/*  Hidden  */

[hidden],
.hidden { display: none; }


/*  Alignleft  */

.alignleft { float: left; }


/*  Alignright  */

.alignright { float: right; }


/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/*  Background  */

.container-fullsize { background-size: cover; background-repeat: no-repeat; background-position: center center; }

/*  Mobile Only  */

.mobile-only { display: none; }

@media (max-width: 767px) {
	.mobile-only { display: block; }
}

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

.container {}
.container-secondary { margin-top: 52px; }

@media (max-width: 767px) {
	.container-secondary { margin-top: 0; }
}

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content {}

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { background: #fff; border-top: 1px solid  #a1a1a1; text-align: center; margin-top: 31px; padding: 19px 0 100px; }

.footer .contacts,
.footer .copyright { font-size: 14px; color: black; }

.footer .copyright { margin-bottom: 68px; }
.footer .contacts { margin-bottom: 22px; }
.footer .contacts a { text-decoration: none; }
.footer .contacts a:hover { text-decoration: underline; }
.footer .outro { color: gray; }
.footer .outro p { margin-bottom: 24px; }

.footer-logo { margin-bottom: 48px; }

.footer-nav { font-size: 18px; margin-bottom: 0px; }
.footer-nav ul { margin-bottom: 30px; }
.footer-nav ul:last-child { margin-bottom: 42px; }
.footer-nav li { font-weight: 600; display: inline-block; vertical-align: middle; }
.footer-nav li ~ li { margin-left: 65px; }
.footer-nav a { text-decoration: none; }
.footer-nav a:hover { color: #e80000; }

@media (max-width: 767px) {
	.footer { border: 0; padding-bottom: 30px; }

	.footer-nav { font-size: 16px; }

	.footer-nav li ~ li,
	.footer-nav li { margin: 0 10px 15px; }

	.footer-nav ul:last-child,
	.footer-nav ul { margin-bottom: 0; }

	.footer .copyright { margin-bottom: 30px; }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { border-top: 20px solid  #e80000; position: absolute; top: 0; left: 0; width: 100%; padding-top: 14px; z-index: 10; }
.header:after { }

@media (max-width: 767px) {
	.header { background: #e80000; border-top: 0; padding-bottom: 15px; position: static; }
}

/* ------------------------------------------------------------ *\
	Header Secondary
\* ------------------------------------------------------------ */

.header-secondary { background: #e80000; border-top: 0; padding: 5px 0; }
.header-secondary .logo { margin-top: 8px; }
@media (max-width: 767px) {
	.header .logo { margin-left: -120px; position: absolute; top: 0px; left: 50%; }
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main {}

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1000px; margin: auto; padding: 0 15px; }
.shell:after { }

@media (max-width: 767px) {
	.shell { padding: 0 20px; position: relative; }
}

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar {}

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper {}

/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }


/*  Button Block  */
.btn-block { display: block; padding-left: 0; padding-right: 0; }

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input::-moz-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.field {}
.textarea {}
.select {}
.radio {}
.checkbox {}

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form {}

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { height: 285px; position: relative; }

.intro-image { height: 100%; opacity: .9; }
.intro-image:before { content: ''; background: rgba(0,0,0,.7); position: absolute; bottom: 0; top: 0; left: 0; right: 0; display: block; }
.intro-content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; margin-top: 18px; }
.intro-content h1 span { background: #e80000; text-transform: uppercase; display: inline-block; vertical-align: middle; padding: 5px 10px 0; -webkit-transform: scaleX(.7); -ms-transform: scaleX(.7); transform: scaleX(.7); letter-spacing: 0.1em; margin: -10px -20px 0; font-size: 80px; line-height: .8; }

@media (max-width: 767px) {
	.intro { height: 153px; }
	.intro-content { margin-top: 0; }
	.intro-content h1 span { font-size: 40px; padding: 5px 5px 3px; margin-top: 0; }
}

/* ------------------------------------------------------------ *\
	Link Cart
\* ------------------------------------------------------------ */

.link-cart { width: 42px; height: 42px; border-radius: 50%; border: 1px solid  #fff; display: inline-block; vertical-align: middle; position: relative; text-decoration: none; color: white; font-weight: bold; display: block; padding: 29px 0 0 25px; font-size: 12px; }
.link-cart i { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; }

/* ------------------------------------------------------------ *\
	Link More
\* ------------------------------------------------------------ */

.link-more { font-size: 24px; color: #949494; text-decoration: none; transition: color .3s; }
.link-more:hover { color: #404040; }
.link-more span { display: inline-block; vertical-align: middle; width: 32px; height: 32px; position: relative; border: 1px solid  #a0a0a0; border-radius: 50%; margin-left: 10px; }
.link-more span i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 767px) {
	.link-more { font-size: 18px; }
	.link-more span { display: block; margin: 5px auto 0; }
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { float: left; margin-top: 16px; }

@media (max-width: 767px) {
	.logo { margin-top: 10px; }
}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

#mobileNav { display: inline; height: 1px; }
.nav { float: left; margin-bottom: -2px; }
.nav li { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 1.31; }
.nav li ~ li { margin-left: 36px; }
.nav a { text-decoration: none; border-bottom: 3px solid transparent; padding: 10px 0 8px; display: inline-block; vertical-align: middle; }
.nav li:hover a,
.nav .current a { border-bottom-color: #e80000; }
.nav .bars, .nav .closeX { display: none; }

@media (max-width: 1023px) {
	.nav li { font-size: 14px; }
	.nav li ~ li { margin-left: 15px; }
}

@media (max-width: 767px) {
	/*Navigation*/
	#nav { visibility: hidden; }
	#mobileNav { display: inline-block; height: 24px; width: 32px; }
	#siteMain.open hr { display: none; }
	#siteMain.open .nav { width: 50%; background-color: white; border-radius: 0; border: none; position: fixed; top: 0; left: 0; z-index: 1; height: 100%; border-right: 1px solid gray; border-top: 1px solid gray; }
	#siteMain.open .bars { width: 2.5em; }
	.nav { display: block; position: absolute; cursor: pointer; width: 32px; height: 24px; overflow: hidden; z-index: 9; border-radius: 4px; float: none !important; left: 8px; top: 8px; border: 1px solid white; font-size: 0.75em; text-align: left; }
	.nav hr.bars { display: block; width: 80%; height: 3px; margin: 3px 3px ; background-color: white; border-radius: 2px; }
	.nav hr.bars:first-of-type { margin-top: 3px; }
	.nav hr.bars:last-of-type { margin-bottom : 3px; }
	.nav .closeX { display: block; cursor: pointer; height: 42px; font-size: 2.5em; line-height: 42px; color: #b5b5b5; text-align: right; padding-right: 0.25em; }
	.nav ul { padding: 1em 1em; }
	nav.open { width: 75% !important; }
	.nav ul:first-of-type { padding-top: 0; }
	.nav ul li { line-height: 2; font-size: 1.25em; margin-left: 1em; padding-left: 1em; display: block; border-bottom: 1px solid gray; margin-right: 1em; }
	.nav ul { border-top: none; padding: 1em 0 0 0; }
	.nav ul:last-of-type { border-bottom: none; margin-bottom: 0; }
}

/* ------------------------------------------------------------ *\
	Products
\* ------------------------------------------------------------ */

.products { list-style: none; margin: 0 -12px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap; }
.products:after { }
.product { width: 25%; float: left; padding: 0 12px; margin: 1em 0; }
.product-inner { background: #fff; padding-top: 1px; height: 100%; position: relative; }
.product-inner em.framecopy { color: #a3a3a3; position: absolute; bottom: 10px; left: 10px; font-size: 13px; }
.product-image { margin: 10%; height: 270px; overflow: hidden; }
.product-image a img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.product-content { font-size: 0.875em; padding: 0 60px 10px 10px; position: relative; }
.product-content h3 { margin-bottom: 0; padding-bottom: 2em; }
.product-price { position: absolute; top: 0; right: 10px; font-weight: 600; }
.saleprice { top: 1em; color: red; }
.orgprice { text-decoration: line-through; }

@media (max-width: 767px) {
	.product { width: 100%; float: none; }
	.product ~ .product { margin-top: 20px; }
	.product-content { padding-bottom: 30px; }
	.product-content h3 { margin-bottom: 0; height: auto; padding-bottom: 1em; }

	.product-image { margin: 10%; height: auto; overflow: visible; }
	.product-image a img { position: static; top: 0; -webkit-transform: none; -ms-transform: none; transform: none; }
}

/* ------------------------------------------------------------ *\
	Btn
\* ------------------------------------------------------------ */

.btn-primary { text-decoration: none; text-transform: uppercase; font-weight: 600; width: 150px; height: 41px; border-radius: 5px; text-align: center; padding: 11px 5px 5px; }

.btn-red { background: #ed1c24; color: #fff; }
.btn-red:hover { background: #c7171d; }

/* ------------------------------------------------------------ *\
	Product Large Span Width
\* ------------------------------------------------------------ */

.product-large { width: 75%;  }
.index-page .product-large { width: 50%; }
.product-large .product-copy { color: white; font-weight: bold; padding-right: 5em; clear: both; overflow: hidden; }
.product-large h3 { color: white; font-size: 18px; line-height: 1.33; position: relative; height: auto; }
.product-large h3 strong { display: block; }
.product-large .product-inner { padding: 0; background-color: #241F20; }
.product-large .product-inner:after { display: none; }
.product-large .product-inner img { width: auto !important;  }
.product-large .product-image { background-color: #fff; text-align: center; margin: 0; background-position: center 0; }
.product-large .product-content { padding: 40px 250px 40px 25px; position: relative; }
.product-large .product-content .btn { position: absolute; top: 50%; right: 25px; 
	-webkit-transform: translateY(-50%); 
	    -ms-transform: translateY(-50%); 
	     -o-transform: translateY(-50%); 
	        transform: translateY(-50%); 
}

@media(max-width: 767px){
	.product-large { width: 100%; }
	.index-page .product-large { width: 100%; }
	.product-large .product-content { padding-right: 25px; }

	.product-large .product-content .btn { display: block; margin: 0 auto; position: static; 
		-webkit-transform: none; 
		    -ms-transform: none; 
		     -o-transform: none; 
		        transform: none; 
	}
}

/* ------------------------------------------------------------ *\
	Search
\* ------------------------------------------------------------ */

.search { float: right; width: 200px; position: relative; }
.search-field { background: #fff; width: 100%; border: 2px solid  #e8e8e8; padding: 0 50px 0 15px; height: 40px; font-style: italic; font-size: 16px; color: #949494; border-radius: 0; }
.search-btn { position: absolute; background: #fff; top: 2px; bottom: 2px; right: 2px; border: 0; border-left: 2px solid  #e8e8e8; width: 42px; transition: background-color .3s; }
.search-btn:hover { background: #e8e8e8; }
.search-btn i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 767px) {
	.search { float: none; width: 100%; }
}

/* ------------------------------------------------------------ *\
	Section Primary
\* ------------------------------------------------------------ */

.section-primary .section-head { border-bottom: 2px solid  #b9b9b9; margin-bottom: 26px; }
.section-primary .section-head:after { }

.section-primary .section-group { }
.section-primary .section-group-head { border-bottom: 2px solid  #949494; margin-bottom: 30px; padding-bottom: 6px; clear: both; width: 100%;}
.section-primary li.featuredAlsoLike { clear: both; width: 100%; margin-top: 60px; }
.section-primary .section-group-actions { text-align: center; padding: 18px 0 13px; }

/* New from TC for 100 photos design */
/*.section-primary .section-head { border-bottom: 0; }*/
.section-primary .featured-cat .products-featured .section-group-head { border-bottom: 1px solid  #d1d1d1; }
.section-primary .featured-cat .products-featured .section-group-head h2 { font-size: 24px; font-weight: 400; color: #959595; }
.section-primary .featured-cat .products-featured .products-featured { margin-bottom: 35px; }
.section-primary .featured-cat .products {
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex;

	-webkit-flex-flow: row wrap; 
	-moz-flex-flow: row wrap; 
	-ms-flex-flow: row wrap; 
	-o-flex-flow: row wrap; 
	flex-flow: row wrap; 
}
.section-primary .featured-cat .products-featured .product h3 { height: auto; line-height: 1.5; }
.section-primary .featured-cat .products-featured .product img { width: 100%; }
.section-primary .featured-cat .products-featured .product-inner { height: 100%; background: #231f20; color: #fff; position: relative; }
.section-primary .products-featured .product-inner:after { content: ''; background: url(imagesTD/100-photographs-blk.jpg) no-repeat 0 0; background-size: 41px 28px; width: 41px; height: 28px;  position: absolute; bottom: 15px; right: 15px; }
.section-primary .featured-cat .products-featured .product-inner:after { content: ''; background: url(imagesTD/100-photographs.png) no-repeat 0 0; width: 41px; height: 28px;  position: absolute; bottom: 15px; right: 15px; }
/* End New from TC for 100 photos design */

@media (max-width: 767px) {
	.section-primary .featured-cat .section-head { padding: 10px 0; border: 0; }
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider {}

.slider .slides { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */

.socials { float: right; }
.socials li { display: inline-block; vertical-align: middle; transition: opacity .3s; }
.socials li:hover { opacity: .6; }
.socials li ~ li { margin-left: 12px; }
.ico-gplus { display: none;}


@media (max-width: 1440px) {
	.socials { margin-right: 0; }
	.ico-gplus { display: none;}

}

@media (max-width: 767px) {
	/*.socials li:not(.cart) { display: none; }*/
	.socials li ~ li { margin-left: 0px;}
	.socials ul { font-size:12px; }
	.ico-gplus { display: none;}

}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table {}

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Secondary Pages
\* ------------------------------------------------------------ */

.faq p, .faq ol, .faq ul { padding-left: 2em; }
.faq p.header-faq { font-weight: bold; padding-left: 0; }


/*Product Page*/
.product-img { width: 50%; margin-top: 1em; }
.product-img div:first-of-type { width: 90%; margin: 0 auto; }
.product-img div img { display: block; margin: 0 auto; }
.product-img div.framed img { width: 100%; }
.product-img div.framed { -webkit-box-shadow: inset 0 0 6px 6px rgba(0,0,0,0.25); box-shadow:inset 0 0 6px 6px rgba(0,0,0,0.25); padding: 10%; border: 1.25em solid black; }
/*To resize extra tall images*/
.product-img .tallImageBox { width: 70% !important; }


.product-desc { width: 50%; margin-top: 1em; }
.product-desc .item-description .title, .product-desc .item-description .var0 { font-size: 1.5em; font-weight: 600; }
.product-desc .item-description .sku { font-size: 0.875em; text-transform: uppercase; }
.product-desc .item-description .prices { margin-top: 0.5em; }
.product-desc .item-description .reg-price, .product-desc .item-description .saleprice, .product-desc .item-description .price { font-size: 1em; font-weight: 600; }
.product-desc .item-description .price { text-decoration: line-through; }
.product-desc .item-description .saleprice { color: red; }
.product-desc .item-description .desc { font-size: 1em; margin: 1.5em 0 0.5em 0; line-height: 1.4; }
.product-desc .item-description .coversBox img { width: 60px; height: auto; }
.product-desc .item-description .desc p { margin-top: 1em; }
.options-box { border-top: 1px solid black; margin-top: 1em; }
.select-title, .select-link { font-size: 0.75em; width: 50%; float: left; }
.select-title { text-transform: uppercase; }
.select-link { text-align: right; text-decoration: underline; cursor: pointer; }
.options-box .select-options div a { text-decoration: underline; }
.options-box .select-options, .options-box .select-qty { margin: 1em 0; }
.options-box .select-options span, .options-box .select-qty span { font-weight: 600; }
.options-box label { text-transform: uppercase; font-size: 1em; margin-bottom: 1.5em; margin-top: 2em; }
.options-box select { border: 1px solid black; line-height: 2.25em; height: 2.25em; padding-left: 0.25em; }
#sizeChart { width: 472px; height: 615px; position: fixed; top: 50%; left: 50%; margin-left: -235px; margin-top: -100px; z-index: 41; border: 1px solid black; background: white; }
#sizeChart img { width: 470px; height: 196px; }
#sizeChart table{ border-collapse: none; width:98%; margin-left:2px}
#sizeChart td { border: 5px solid white;padding:5px; text-align:center}
#sizeChart tr.shade1{ background-color:#ddd}
#sizeChart tr.shade2{ background-color:#f5f5f5}
#sizechart .close { position: absolute; top: 0px; right: 0px; z-index: 31; height: 3em; width: 3em; color: black; font-weight: bold; cursor: pointer; font-size: 1.5em; }
.btnssize div { margin: 0.50em 0; cursor: pointer; height: 25px; width: 72px; text-align: center; text-transform: uppercase; height: 24px; border: 1px solid black; line-height: 24px; font-size: 0.75em; margin-right: 6px; float: left; }
.btnssize div:last-of-type { margin-right: 0; }
.btnssize div:hover { background-color: black; color: white; }
.addtocart { height: 54px; line-height: 54px; width: 100%; border: 1px solid black; background-color: black; color: white; font-size: 1.25em; text-transform: uppercase; }
.btnssize div.unavailable { color: gray; border: 1px solid gray; text-decoration: line-through; cursor: default; }
.btnssize div.unavailable:hover { background-color: transparent; color: gray; }

/*Also Like*/
#cartoffer { margin-top: 4em; }

/*Columns*/
.col { float: left; }
.col-50 { float: left; width: 50%; position: relative; }
.col-80 { width: 80%; }
.col-60 { width: 60%; }
.col-40 { width: 40%; }
.col-33 { width: 33%; }
.col-20 { width: 20%; }
.col-16 { width: 16%; }
.col-84 { width: 84%; }
.col-25 { width: 25%; }
.col-cartReview { width: 45%; margin-left: 5%; }

/*Cart Pages*/
.hdr-cart { font-size: 1.5em; font-weight: 600; margin: 0.50em 0; }
.subhdr-cart { font-size: 0.875em; font-weight: 600; margin: -1em 0 1em 0; }
.review { margin-top: 0.25em; }
#cart table tr.rowhdr, #cart-summary table tr.rowftr, .rowhdr-payment, .rowhdr-payment-single, .review .rowhdr-desc { line-height: 3em; background-color: #ccc; padding-left: 2%; }
table tr td { padding: 0 1em; }
#cart td { text-align: right; }
#cart td:first-of-type { text-align: left; }
#cart .line { vertical-align: top; }
#cart .line td { padding: 1em 0; }
#cart .desc .img { width: 15%; height: auto; float: left; }
#cart .desc .img img { width: auto; height: auto; }
#cart img.framed { border: 6px solid black; padding: 8px; }
#cart .desc .copy { float: left; padding: 0 2em; width: 85% }
#cart .desc .copy span:first-of-type { font-weight: 600; }
#cart .rowhdr-desc { font-weight: 600; }
#cart .remove { font-weight: normal; line-height: 1.5em; font-size: 0.75em; margin: 0 0 0 1em; display: inline-block; }
.unit-price, .qty { text-align: center; }
#cart-summary td { text-align: right; }
#cart-summary .button { width: 28%; float: right; }
#cart-summary .fieldset-footer input[type="submit"] { margin-left: 1em; }
.rowhdr-payment, .rowhdr-payment-single { font-weight: 600; }
.receipt .rowhdr-payment-single, .receipt .review .rowhdr-desc { padding-left: 1%; }
.gift-txt { font-size: 0.75em; position: absolute; top: 0px; right: 0px; z-index: 0; text-align: right; line-height: 2.5; padding-right: 1em; }
.gift-txt span { background-color: #fdffe5; font-weight: bold; }
/*Promo Box*/
.promo-box { width: 50%; margin: 1em 0 1em 50%; text-align: right; line-height: 2em; }
.promo-box label { width: 50%; text-align: right; font-weight: bold; display: inline-block; }
.promo-box input { width: 25%; display: inline-block; border: 1px solid #ccc; }
.promo-box .button-promo { background-color: #999; font-weight: bold; color: white; height: 1.5em; line-height: 1.5em; width: 21%; margin-left: 1%; border-radius: 5px; text-align: center; display: inline-block; cursor: pointer; }
.promo-box .button-promo-wrap { display: inline; }
.promo-applied-box { text-align: right; margin: -1em 0 2em 0; }

/*Forms*/
.formfields { padding: 1em; }
.formfields div { margin: 1em 0; }
.formfields label { line-height: 2em; font-size: 0.875em; display: block; }
.formfields select, .formfields input[type="text"], .formfields input[type="email"], .qty select { font-size: 0.875em; margin-bottom: 1em; }
.whatsthis { font-size: 0.75em; }
.formfields select, .qty select { line-height: 2.5em; height: 2.5em; border: 1px solid #dadada; }
.formfields input[type="text"], .formfields input[type="email"] { border: 1px solid #dadada; line-height: 1; height: 2.5em; padding: 0 1em; width: 100%; color: black; font-size: 0.875em; }
.formfields input.city, .formfields label.city { width: 36%; display: inline-block; margin-right: 1em; }
.formfields input.state, .formfields label.state { width: 3em; display: inline-block; }
.formfields input.zip, .formfields label.zip { width: 30%; display: inline-block; margin-left: 1em; }
.formfields .country { display: block; }
.shippingOptionRow label.name { display: inline-block; width: 70%; }
.shippingOptionRow label input { margin-right: 1em; }
.shippingOptionRow div.cost { display: inline-block; width: 30%; text-align: left; }

label.addresscopy { display: inline; width: auto; font-size: 0.75em; }
.payment-type { line-height: 32px; height: 32px; margin: 0.25em 0 1em 0; }
.payment-type label { display: inline; }
.payment-type label img { width: 45px; height: 31px; margin-left: 0.45em; margin-right: 1em; display: inline; vertical-align: middle; }
.payment-type input[type="radio"] { display: inline; }

.payment-acct input.account, .payment-acct label.account { width: 48%; display: inline-block; margin-right: 2%; }
.payment-acct label.ccv { width: auto; display: inline-block; } 
.payment-acct input.ccv { width: 48%; display: inline-block; }
/*Review Order*/
.review { font-size: 0.75em; }
.review table tr td { padding: 0; }
.review .rowhdr-desc { background-color: #dadada; }
.review #cart .desc { text-align: left; }
.review #cart .unit-price, .review #cart .qty { text-align: center; }
.review #cart .total { text-align: right; }
.review #cart-summary-table { margin-top: 0.35em; }
.review .sub-total, .review .shipping, .review .taxcopy, .review .total-price  { text-align: right; padding: 0 1%; }
.review .total { text-align: right; }
.legal { margin-top: 2em; font-size: 0.75em; margin-bottom: 2em; }
.review .rowhdr-cartReview { background-color: #ccc; line-height: 2.25em; }
.review .rowhdr-cartReview td { padding-left: 1em;  }
.review .cartreviewSec { border: 1px solid #ccc; margin-top: 0.35em; }
.review .cartreviewSec table { }
.review .cartreviewSec td.image { width: 33%; }
.review .cartreviewSec td img { width: 100%; height: auto; display: block; }
.review .cartreviewSec td.desc { width: 66%; padding-right: 1%; }
.review .total-price { font-size: 1.25em; font-weight: bold; text-align: right; }
.review .image, .review .desc { padding-top: 0.50em; padding-bottom: 0.50em; padding-left: 1%; }
.review .image { padding: 0 1em; }
.review .image img { display: block; margin: 1em auto; }
.review .sub-total { font-size: 1.25em; font-weight: bold; }
.review .sub-total div, .review .shipping div { float: left; width: 50%; text-align: left; border-bottom: 1px solid #ccc; line-height: 3em; }
.review .taxcopy div { text-align: right; line-height: 3em; }
.review .sub-total .title, .review .shipping .title { text-align: left; } 
.review .sub-total .value, .review .shipping .value { text-align: right; }
.review .total { line-height: 3em; padding-right: 1%; }
.review .button { font-size: 1.25em; float: none !important; margin: 1em auto; display: block; }

/*Receipt Page*/
.receipt .printBtn { float: right; }
.receipt .summary { margin: 2em 0; padding-left: 1em; font-size: 0.875em; }
.receipt .payment-method { margin: 2em 0; }

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	/*Product Page*/
	.product-img { width: 50%; }
	.product-desc { width: 50%; padding-top: 1em;  }
	.product-img div { width: 100%; }
	/*Also Like Section*/
	.alsolike .item img { margin: 0 auto; width: 120px; height: 144px; }
	/*Banners*/
	.banner-a { width: 100%; height: auto; }
	/*Cart Pages*/
	.gift-txt { font-size: 0.75em; top: 0px; left: 0px; right: auto; text-align: right; line-height: 1; }
	/*Form*/
	.payment-type label img { width: 30px; height: 20px; margin-left: 0.25em; margin-right: 0.50; }
	/*FAQ Overlay*/
	.overlayContent { background: white; position: fixed; top: 30px; left: 50%; margin-left: -40%; width: 80%; height: 600px; overflow-y: scroll;  z-index: 41; border: 1px solid black; padding: 2em; }
}


/* Extra Small Devices, Phones and iPhone, 568 max iphone5 landscape */ 
@media only screen and (max-width : 568px) {

	/*Product Page*/
	.product-img { width: 100%; float: none; }
	.product-desc { width: 100%; float: none; }
	#sizeChart { width: 300px; height: 615px; position: absolute; top: 50%; left: 50%; margin-left: -150px; margin-top: -100px; }
	#sizeChart img { width: 298px; height: 124px; }
	#sizechart .close { position: absolute; top: 0px; right: 0px; z-index: 31; height: 3em; width: 3em; color: black; font-weight: bold; cursor: pointer; font-size: 1.5em; }
	
	/*Cart Pages*/
	.rowhdr-payment div:last-of-type { display: none; }
	.hdr-cart { font-size: 1.5em; }
	.subhdr-cart { font-size: 0.75em; }
	#cart thead { display: none; }
	#cart .desc .img { width: 30%; }
	#cart .desc .copy { float: left; width: 70%; padding: 0 0.50em; }
	#cart td { text-align: right; vertical-align: top; }
	.cartreviewSec .desc { padding: 1em 1%; }
	.cartreviewSec .total-price { margin-top: 1em; }
	#cart .line td { border-bottom: 1px solid #ccc; padding: 0.25em 0; display: block; }
	#cart .line td:last-of-type { margin-bottom: 2em; border-width: 2px; }
	#cart .unit-price:before { content: "Price: "; }
	#cart .qty:before { content: "Quantity: "; }
	#cart .total-price:before { content: "Total Price: "; }
	#cart .remove { width: 33%; display: block; margin: 1em auto; font-size: 1em; }
	#cart .action { text-align: left;  }
	#cart-summary .button { width: 100%; float: none; }
	#cart-summary .fieldset-footer input[type="submit"] { margin-left: 0; }
	.review #cart tbody tr td { text-align: center; }
	.review .total-price { font-size: 1em; font-weight: normal; }
	.whatsthis { display: none; }
	.gift-txt { font-size: 1em; position: relative; top: auto; left: auto; text-align: left; line-height: 1; font-weight: bold; }
	.payment-type label img { margin-right: 6px; }
	.payment-acct input.account, .payment-acct label.account { width: 58%; display: inline-block; margin-right: 2%; }
	.payment-acct label.ccv { width: auto; } 
	.payment-acct input.ccv { width: 38%; }
	.legal { width: 90%; margin-left: 5%; margin-right: 5%; } 
	.fieldset-footer { margin-top: 1em; }
	.promo-box { width: 100%; margin: 1em 0 1em 0; }
	.promo-box .button-promo-wrap { display: block; }

	/*Also Like Section*/
	.alsolike .tab { width: 70%; padding: 0 1em; }
	.alsolike .item img { margin: 0 auto; width: 120px; height: 144px; }
	.alsolike .item { float: left; width: 50%; position: relative; }
	/*Columns*/
	.col-50 { float: left; position: relative; }
	.col-50, .col-80, .col-40, .col-33, .col-20, .col-16, .col-84, .col-cartReview { width: 100%; }
	.col-cartReview { margin-left: 0; }

}